不要拿年龄去限制你的人生。 Don’t let age limit you.
$LAYYYTER

Discoholic 🪩
taylor price
Today's Document

shark vs the universe

Origami Around
almost home

Kaledo Art
Claire Keane
2025 on Tumblr: Trends That Defined the Year
Three Goblin Art

Janaina Medeiros
Xuebing Du
trying on a metaphor
let's talk about Bridgerton tea, my ask is open
h
he wasn't even looking at me and he found me

if i look back, i am lost
seen from Malaysia
seen from United States
seen from United States

seen from Netherlands

seen from South Korea
seen from Germany
seen from Australia
seen from Finland
seen from United States
seen from China
seen from United States
seen from Hong Kong SAR China

seen from France
seen from Saudi Arabia
seen from United States

seen from United Kingdom

seen from United States

seen from Japan
seen from United States

seen from United States
@html2css
不要拿年龄去限制你的人生。 Don’t let age limit you.

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
mini.css
minimal, responsive, style-agnostic CSS framework
mini.css is a lot lighter than a lot of other full-featured CSS frameworks (e.g. Bootstrap, Semantic UI), but it is not a micro framework (e.g. Milligram, Pure.CSS). Instead, mini.css blurs the line between full-featured and micro frameworks by providing lots of modules and components in a very small file. All the things you expect to find in a CSS framework, such as grids, styling for common elements and typography, along with some more complex components such as tabs or cards are all present in mini.css.
CSS-Tricks Screencast #135 - Three Ways to Animate SVG
快乐! Be Happy!
爸爸是儿子心目中第一个英雄,也是女儿的第一个情人。
Dad, son’s first hero, daughter’s first love.

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Conor McGregor Fights The Kangaroo For Putting Hands On The Dog
Bootstrap Material Design
Size Marks
PS测量插件
Zhao Wei
She is Zhou Xun😄
How to build a responsive grid system
Zell Liew:
There are eight steps to building your grid system. Here are the steps in summary:
Choose a spec to create your grid with
Set box-sizing to border-box
Create a grid container
Calculate column-width
Determine gutter positions
Create a debug grid
Make layout variations
Make your layouts responsive
Most of these eight steps are relatively straightforward once you go through them. I’ll spell out everything you need to know as we walk through each step.

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
A neat way to do circular timer bars in SVG
OK so for a thing, I wanted to make a rotating timer/progress bar in SVG. Something like this:
…with the progress bar sweeping around the circle as time goes on.
Now, I made that in my SVG editor Inkscape, in which I have two handles which I can slide around the circle as I like. So I would just need to extract the relevant SVG from Inkscape and animate one of those handles around the circle, right?
Unfortunately, Inkscape’s handles are just an intuitive wrapper over a basic SVG Path object. The arc is actually defined by its start point, end point and radius, with the centre and angle swept calculated automatically. So I can’t simply animate the angle swept - I’d have to move the endpoint, which is much harder.
Based on this Stack Overflow post, standard ways to draw rotating progress bars in SVG all depend on setting up a function in JavaScript to calculate the endpoint position by converting from polar to Cartesian coordinates. It felt like there should be a way to do something like this in pure SVG, though.
I ended up with this:
<svg width="400" height="400"> <defs> <clipPath id="clipRightAnim"> <rect width="200" height="400" x="0" y="0" > <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 200 200" to="180 200 200" dur="2s" fill="freeze" begin="0s" id="anim1"/> </rect> </clipPath> <clipPath id="clipRightStatic"> <rect width="200" height="400" x="200" y="0" fill="white"/> </clipPath> <clipPath id="clipLeftAnim"> <rect width="200" height="400" x="200" y="0" > <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 200 200" to="180 200 200" dur="2s" fill="freeze" begin="anim1.end"/> </rect> </clipPath> <clipPath id="clipLeftStatic"> <rect width="200" height="400" x="0" y="0" fill="white"/> </clipPath> </defs> <g clip-path="url(#clipRightAnim)"> <circle cx="200" cy="200" r="80" stroke="#004fec" stroke-width="20" fill="none" clip-path="url(#clipRightStatic)"/> </g> <g clip-path="url(#clipLeftAnim)"> <circle cx="200" cy="200" r="80" stroke="#004fec" stroke-width="20" fill="none" clip-path="url(#clipLeftStatic)"/> </g> </svg>
This works using clipping paths. The circle is clipped by a rect, turning it into a semicircle:
The circle, with its clipping path, is placed in a group. The group has a second clipping mask, initially a rect in the opposite position.
Because the two clipping paths don’t overlap at all, the circle isn’t visible.
The left clipping rect, which applies to the group containing the circle, is animated to rotate around the centre of the circle. As it overlaps more of the other rectangle, more of the circle is revealed (everything in the pale green area is visible).
Eventually the rectangles completely overlap, and a semi-circle is revealed.
As soon as this first animation finishes, the corresponding animation for a mirrored semicircle begins. The transition should seem seamless.
This worked perfectly in Chrome, but in Firefox at time of writing there seems to be something funny going on with SVG animation which means the SVG doesn’t update its appearance until clicked on.
Anyway, here’s the above example. I’m going to work on putting the rate of rotation under external control.
在使用 icon font 的時候,一直遇到一個 firefox 的問題,就是它的文字 baseline 跟別的瀏覽器不太一樣,位置會往上跑……
今天才發現原來把文件的語言從中文改成英文就可以了!這個問題困擾了我一整年啊終於解決了。 firefox 怎麼這麽雞婆啦。
Ok This Could Be Dangerous but It Has To Improve Your Defense At Some Level (Well I Guess)
PROGRAMMING LANGUAGES GIJINKAS (PART 1)
HTML: Handles Internet with CSS and Javascript. Breaks the 4th wall on a daily basis. Literally a popstar. The gay is strong here.
CSS: The one that does HTML’s wardrobe. Avid abstract artist. Bullies Javascript for eternity. Extremely one sided love for HTML.
Javascript: Will do anything to keep HTML’s shit together. Has more than 10 toolboxes. Java’s happy sibling. Lowkey crush on Ruby.
PHP: Confused 80% of the time. Oblivious to everything. ??????. No one knows she’s a great musician.
SQL: Tsundere like no tomorrow. Cares a lot about PHP, but also consistently gets pissed at her. They live in the library. Robot arm because of a bookshelf accident.
Python: Loves mountains and camping. Owns 2 bikes. Lowkey crush on the entire C family. Flaming bisexual.
Ruby: Python’s hiking partner. Lives in a cave she renovated all on her own. Secretly wants to overthrow Python. Highkey crush on Javascript.
C: Wildlife and nature. Exercises with tree trunks. The one who taught Python how to camp. Daddy.
C++: The son of C. Always hangs out with Java at the arcade. Consistently wins online arguments. Has a crush on Python.
Java: C++’s bestfriend. Owns 2 bookshelfs: One with video games, and one with actual books. Doesn’t know what sleep is. Absolute nerd.
As promised. Which ones should I do next?

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
uikit
A lightweight and modular front-end framework for developing fast and powerful web interfaces.
Pretty comprehensive.
How To Be More Organized While Designing UI
Tristan Minor:
After working 4 years in the field of digital design I got obsessed with tidying up and sorting information. This lead to the creation of a systematic approach for designing user interfaces.
It is an object-oriented, programming-inspired approach, a collection of various ideas that are universal. Use it for working with your favourite design software or for coding.