Search
What I Wish I Knew About CSS When Starting Out As A Front-Ender
2.9.2021
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)•...
Somehow We’re Still Learning New Things About BotW In 2021
1.9.2021
The Legend of Zelda: Breath of the Wild, the greatest game ever made (according to me, Renata), is driven by dozens of interlocking systems and physics interactions. It is a modern marvel of craft and design. Which also means that it breaks in some pretty tremendous ways when you push those...
You want enabling CSS selectors, not disabling ones
31.8.2021
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...
CSS Pseudo Commas
30.8.2021
A bonafide CSS trick if there ever was one! @ShadowShahriar created a CodePen demo that uses pseudo-elements to place commas between list items that are displayed inline, and the result is a natural-looking complete sentence with proper punctuation.
CodePen Embed…
The post CSS Pseudo Commas...
My tiny side project has had more impact than my decade in the software industry
27.8.2021
That’s a heartwrenching title from Michael Williamson. I believe it though. It’s kinda like a maximized version of the blogging phenomenon where if you work on a post for weeks it’ll flop compared to a post that’s some dumb 20-minute …
The post My tiny side project...
Designing for the Unexpected
27.8.2021
When I think about what front-end development really is and feels like, this is at the heart of it: designing around a huge set of unknowns, and really embracing that notion as a strength of the web rather …
The post Designing for the Unexpected appeared first on CSS-Tricks. You can support...
Some Articles About Accessibility I’ve Saved Recently III
26.8.2021
The perfect link — Rian Rietveld defines them: “When you click on them, they take you somewhere else.” Not much code in here (we’ve got that), just a lot of practical accessibility advice. For example, the alt text
…
The post Some Articles About Accessibility I’ve Saved...
Chainlink (LINK) looks for momentum while pro traders target $40
26.8.2021
LINK price is struggling to maintain its bullish momentum but derivatives data shows a clear path to $40 in the long term
Architecting With Next.js
24.8.2021
(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
23.8.2021
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...
Chat App Giant Line to Hand out its Link Crypto to E-pay Customers
21.8.2021
The Japan-based chat app operator Line will offer customers handouts of its cryptoasset as a bonus when they make fiat payments using its e-pay platform.
The new promotional drive comes six months after a Line and Yahoo Japan merger under the Z Holdings umbrella. The Z Holdings merger, first mooted...
Tabs in HTML?
17.8.2021
Brian Kardell shares a bit about the progress of bringing "Tabs" to HTML. We kinda think we know what they are, but you have to be really specific when dealing with specs and defining them. It's tricky.
The post Tabs in HTML? appeared first on CSS-Tricks. You can support CSS-Tricks by being an...
Cutouts
16.8.2021
Ahmad Shadeed dug into shape “cutouts” the other day. Imagine a shape with another smaller shape carved out of it. In his typical comprehensive way, Ahmad laid out the situation well—looking at tricky situations that complicate things.
The first thing …
The post Cutouts appeared...
Breath Of The Wild Trickshot Montage Is The Zelda Olympics
16.8.2021
What’s the most surefire way to make a cool thing cooler? Easy: Set it to some seriously epic music. Case in point here is a thrilling new The Legend of Zelda: Breath of the Wild trickshot montage by BotW streamer Duplex Link. The film would be awesome on mute, but the soundtrack just makes it...
Unicode Arrows
13.8.2021
Looks like… 253 of them. I love the little water ⥾ spout one. (U+297e). Because. And I like how it’s a fairly useful little site at a great domain and with a little business model behind it.
Reminds …
The post Unicode Arrows appeared first on CSS-Tricks. You can support...
Price analysis 8/11: BTC, ETH, BNB, ADA, XRP, DOGE, DOT, UNI, LINK, SOL
11.8.2021
Bitcoin and most major altcoins remain above their respective 200-day moving average but the market's momentum will depend on whether BTC can pierce the $48,000 level
Napkin
11.8.2021
We took a surface level look at Pipedream the other day, which really does look cool. It’s like a much more modern and fancy version of what Yahoo Pipes was. A better comparison might be Zapier, except you …
The post Napkin appeared first on CSS-Tricks. You can support CSS-Tricks...
View Source (on Mobile)
10.8.2021
Have you ever wished you could see the HTML source of a web page while on a mobile browser, which generally doesn’t offer that feature? If you have a desktop machine around, there are ways, but what I mean …
The post View Source (on Mobile) appeared first on CSS-Tricks. You can support...
View Source (on Mobile)
10.8.2021
Have you ever wished you could see the HTML source of a web page while on a mobile browser, which generally doesn’t offer that feature? If you have a desktop machine around, there are ways, but what I mean …
The post View Source (on Mobile) appeared first on CSS-Tricks. You can support...
CSS Nesting, specificity, and you
10.8.2021
Here’s Kilian Valkhof on CSS nesting which isn’t available in browsers yet, but will be soon. There are a few differences he notes between CSS nesting and nesting in Sass or Less though. Take, for example, the following code:
div
…
The post CSS Nesting, specificity, and you appeared...