In Defense of Sass | Stephanie Eckles
I've been writing my CSS via Sass for nearly a decade. And, I'll continue to do so even with all the tremendously awesome features making their way into CSS, including nesting. Why? Because I have found Sass to be an excellent complement to how I approach writing styles, particularly in a team environment. The ability to organize styles into directories such as for design system components but bri
Staggered Animations with CSS Custom Properties
Movement in nature doesn’t happen all at once. Imagine a flock of birds taking off, raindrops splashing on the ground, or trees bending in the wind. The magic of these moments comes from many small movements overlapping and converging. I wanted to bring this natural movement into my web animations. This type of animation is called staggered animation. A few years ago my colleague Tyler Sticka wrot
Logical Operations with CSS Variables | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Very often, while using switch variables (a variable that’s either 0 or 1, a concept that’s explained in a greater detail in in this post), I wish I could perform logical operations on them. We don’t have functions like not(var(--i)) or and(var(--i), var(--k)) in CSS, but we
Variable Order
This is done just with HTML and CSS, no JavaScript involved. But how does this work? Inline CSS Variables I was researching CSS variablesGo to a sidenote rather actively for the last 3 months, and initially I wanted to write a long article about just one aspect — CSS variables inside inline styles. But there were just so many things to write about, and I found a lot of general use-cases of variabl
Interpolation in CSS without animation - MadeByMike
Ideas for a more general purpose interpolation function in CSS. Posted by Mike on 29th December 2016 (about a 17 minute read). Interpolation is the estimation of a new value between two known values. This simple concept is vastly useful and it's commonly seen in animation on the web. With animation you declare the target properties and the end-state, and the browser will workout out the values in-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Custom Cascades
Performance of CSS Variables
CSS custom properties in generated content
What will you build?
