Search

Nalezeno "Block": 1777

“Just in Time” CSS


I believe acss.io is the first usage of “Atomic CSS” where the point of it is to be a compiler. You write CSS like this: <div class="C(#fff) P(20px)"text </div And it will generate CSS like: .C\(\#333\) { color: #333; … The post “Just in Time” CSS appeared...

The Latest Nintendo Lego Set Is Super Mario 64 Block


Get ready to revisit Super Mario 64 with the Lego’s newly announced set. Say hello to Lego Super Mario 64 Block. On the outside, it’s a large Question Block, but inside, there are four different Super Mario 64 levels: Peach’s Castle, Bob-omb Battlefield, Cool, Cool Mountain and Lethal Lava Trouble....

What I Wish I Knew About CSS When Starting Out As A Front-Ender


Nathan Hardy shares when things “clicked”: Reflecting back on this time, I think there are a few key concepts that were vital to things finally all making sense and fitting together. These were: • The Box Model (e.g. box-sizing, height, width, margin, padding)•...

You want enabling CSS selectors, not disabling ones


I think this is good advice from Silvestar Bistrović: An enabling selector is what I call a selector that does a job without disabling the particular rule. The classic example is applying margin to everything, only to have to remove … The post You want enabling CSS selectors, not disabling...

One Way to Convert Code Indentation


A question: If you copy a code sample that uses two-space indentation and you want to convert it to four-space indentation, what’s the *fastest* and easiest option? Matt Stauffer, Twitter I wrote about doing this in Sublime Text a … The post One Way to Convert Code Indentation...

Architecting With Next.js


(This is a sponsored post.) Free event hosted by Netlify coming up next week (Wednesday, August 25th): Architecting with Next.js. It’s just a little half-day thing. No brainer. Join us for a special event where we’ll highlight business … The post Architecting With Next.js...

Detecting Media Query Support in CSS and JavaScript


You can’t just do @media (prefers-reduced-data: no-preference) alone because, as Kilian Valkhof says: […] that would be false if either there was no support (since the browser wouldn’t understand the media query) or if it was supported but the … The post...

Native JavaScript Routing?


We can update the URL in JavaScript. We’ve got these APIs: // Adds to browser history history.pushState({}, "About Page", "/about"); // Doesn't history.replaceState({}, "About Page", "/about"); JavaScript is also capable of replacing any content in the DOM....

“Disambiguating Tailwind”


I appreciated this bit of nuance from a post on Viget’s blog: There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are: 1. Stock tailwind, ie. no changes to the … The post “Disambiguating Tailwind” appeared first...

The Big Gotcha With Custom Properties


I’ve seen this confuse more than a handful of people recently, including myself, so I’m making sure it’s written down. Let’s chuck a couple of custom properties into CSS: html { --color-1: red; --color-2: blue; } Let’s use them right … The post The...

“We had 90% unused CSS because everybody was afraid to touch the old stuff”


Over at the JS Party poundcast: [Kend C. Dodds]: […] ask anybody who’s done regular, old CSS and they’ll tell you that “I don’t know if it’s okay for me to change this, so I’m gonna duplicate it.” And … The post “We had 90% unused CSS because everybody was afraid to touch...

HTML is Not a Programming Language?


HTML is not a programming language. I’ve heard that sentence so many times and it’s tiring. Normally, it is followed by something like, It doesn’t have logic, or, It is not Turing complete,.so… obviously it is not a programming … The post HTML is Not a Programming Language?...

Wanna see a whiter white?


Heck of a CSS trick here from Dongsung Kim. There are hidden HDR videos playing at the corners of this page. When a HDR-capable browser encounters one, it switches to HDR mode. For some reason, CSS backdrop-filter + brightness >100% … The post Wanna see a whiter white? appeared first...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace