Search
Collective #700
24.2.2022
A Complete Guide to CSS Cascade Layers * Painting SVG Paths with Masks * MonoLisa * Shaders and Gradients
The post Collective #700 appeared first on Codrops
A Complete Guide to CSS Cascade Layers
21.2.2022
This is your complete guide to CSS cascade layers, a CSS feature that allows us to define explicit contained layers of specificity, so that we have full control over which styles take priority in a project without relying on specificity …
A Complete Guide to CSS Cascade Layers originally...
Collective #699
17.2.2022
Offscreen Canvas * The State of JS 2021 * gsap-video-export * Hello, CSS Cascade Layers
The post Collective #699 appeared first on Codrops
Don’t Fight the Cascade, Control It!
10.1.2022
If you’re disciplined and make use of the inheritance that the CSS cascade provides, you’ll end up writing less CSS. But because our styles often comes from all kinds of sources — and can be a pain to structure and …
Don’t Fight the Cascade, Control It! originally published...
Cascade Layers?
21.9.2021
There is a new thing coming in CSS: @layer. As with all new things, it takes time to really wrap your head around it. And despite me tapping at my keyboard about it, full disclosure, I’m not sure my …
The post Cascade Layers? appeared first on CSS-Tricks. You can support CSS-Tricks...
Should DevTools teach the CSS cascade?
22.5.2021
Stefan Judis, two days before I mouthed off about using (X, X, X, X) for talking about specificity, has a great blog post not only using that format, but advocating that browser DevTools should show us that value by …
The post Should DevTools teach the CSS cascade? appeared first...
Computed Values: More Than Meets the Eye
5.8.2020
Browser DevTools are indispensable for us front end developers. In this article, we’ll take a look at the Computed tab, a small corner of the DevTools panel that shows us big things, like how relative CSS values are resolved. We’ll also see how inheritance fits into the browser’s...
Using Custom Property “Stacks” to Tame the Cascade
22.6.2020
Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we’ve had very little control over how they interact. Selector specificity and source order provide some minimal “layering” control...
Creating a Gauge in React
3.5.2020
You should really look at everything Amelia does, but I get extra excited about her interactive blog posts. Her latest about creating a gauge with SVG in React is unreal. Just the stuff about understanding viewBox is amazing and that’s like 10% of it.
Don’t miss her earlier posts like...
Market Liquidations Cause Cascade in Bitcoin Price
9.3.2020
The price of bitcoin dropped sharply over the past 24 hours as a confluence of events has led to traders hitting the sell button
Amelia Wattenberger’s The CSS Cascade
23.1.2020
If you're on a small screen, remind yourself to check it out on a big screen when you have the chance.
Did you know that styles from an active transition beat !important rules, but styles from an active animation do not? I definitely did not.
Or that there are "origins" that are almost like...
Collective #583
23.1.2020
The CSS Cascade * Sideway * Teaching in the open: Eleventy * Form Design Patterns
Collective #583 was written by Pedro Botelho and published on Codrops
The Order of CSS Classes in HTML Doesn’t Matter
17.12.2019
That’s right! And I can prove it, too. Let’s look at some CSS first:
.a {
color: red;
}
.b {
color: blue;
}
And now let’s look at some markup:
<div class="a b">Here’s some text</div>
The text is going to be blue because .b is defined last in the CSS, right? But what if we...
The Power (and Fun) of Scope with CSS Custom Properties
27.11.2019
You’re probably already at least a little familiar with CSS variables. If not, here’s a two-second overview: they are really called custom properties, you set them in declaration blocks like --size: 1em and use them as values like font-size: var(--size);, they differ from preprocessor variables...
Intel chystá procesor Cascade Lake-X s osmnácti jádry. Už se objevil v databázi Geekbench 4
19.8.2019
Intel chystá na trh sérii velmi výkonných desktopových čipů Cascade Lake-×, které se budou pyšnit hlavně velkým počtem jader. V dubnu se objevily první zmínky o desetijádrové verzi a nyní se v databázi testovacího programu objevil procesor této série v 18jádrové verzi.
Jak lze vidět dle detekce
Procesory Intel Cascade Lake-X přijdou na podzim. Zrychlí, ale PCIe 4.0 stále podporovat nebudou
6.6.2019
Intel prozradil, co nás tento rok čeká v oblasti jeho procesorů kategorie HEDT (high-end desktop) pro soket LGA2066. Nečekejte žádné dramatické změny. Nové procesory Cascade Lake-X budou stále vyráběné 14nm procesem, ten je nicméně do jisté míry vylepšen a Intel ho značí jako 14nm++. Díky tomu by
What makes someone a good front-end developer?
11.12.2018
We recently covered this exact same thing, but from the perspective of a bunch of developers.
Chris Ferdinandi weighs in:
The least important skills for a front-end developer to have are technical ones.
The nuances of JavaScript. How to use a particular library, framework, or build tool. How...
CSS Selectors are Conditional Statements
6.12.2018
foo {
}
Programmatically, is:
if (element has a class name of "foo") {
}
Descendent selectors are && logic and commas are ||. It just gets more complicated from there, with things like combinators and pseudo selectors. Just look at all the ways styles can cascade.
Jeremy Keith:
If...