Search
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...