Search
Media Queries in Times of @container
15.6.2021
Max Böck took me up on my challenge to look through a codebase and see how many of the @media queries could ultimately become @container queries.
I took the bait and had a look at some of my projects –
…
The post Media Queries in Times of @container appeared first on CSS-Tricks.
You...
A Cornucopia of Container Queries
9.6.2021
I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries actually started back in December after Miriam Suzanne posted a proposal (picking up on …
The post A Cornucopia of Container...
Can I :has()
4.6.2021
I just joked that we’re basically getting everything we want in CSS super fast (mostly referring to container queries, my gosh, can you imagine they are actually coming?). Now we might actually get parent selectors?! As in .parent:has(.child) { …
The post Can I :has() appeared first...
Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries
3.6.2021
A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick! Combining grid columns, grid gaps, and creative clipping …
The post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media...
Collective #663
27.5.2021
25 Years of CSS * CSS Container Queries For Designers * Incremental Static Regeneration * Unveiling Material You
The post Collective #663 appeared first on Codrops
Kenyan Regulator Commends Its Regulatory Sandbox— Says the Test Phase Enables It to Have Interactions With Innovators
21.5.2021
According to a new report published by the Capital Markets Authority (CMA) of Kenya, the country’s regulatory sandbox has now received 24 applications, queries, and proposals since March 2019. From this total, only seven firms have been admitted into the sandbox, and “a few more (are...
Can We Create a “Resize Hack” With Container Queries?
20.5.2021
If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if you’d like another look, check out Una’s “Next Gen CSS: @container” article. …
The post Can We Create a “Resize Hack” With...
Collective #661
13.5.2021
A Primer On CSS Container Queries * PINTR * SimpleLogin * Psychology of Design * Tiny Wins
The post Collective #661 appeared first on Codrops
Next Gen CSS: @container
11.5.2021
Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to …
The post Next Gen CSS: @container appeared first...
Collective #660
6.5.2021
Container Queries Explainer & Proposal * Mantine * Fluid Typography * Fower
The post Collective #660 appeared first on Codrops
Custom State Pseudo-Classes in Chrome
6.5.2021
There is an increasing number of “custom” features on the web platform. We have custom properties (--my-property), custom elements (<my-element>), and custom events (new CustomEvent('myEvent')). At one point, we might even get custom media …
The post Custom State Pseudo-Classes...
Say Hello to CSS Container Queries
20.4.2021
Container queries are finally here! Now available behind a flag in the latest version of Chrome Canary, you can go ahead and experiment to your heart’s content. Oh, and if you’re not familiar with container queries then check out …
The post Say Hello to CSS Container Queries appeared first...
Collective #657
15.4.2021
Natto * Glob Editor * Frontend Toolkit * Say Hello To CSS Container Queries
The post Collective #657 appeared first on Codrops
NFT Criticism Heightens: Skeptic Calls Tech a ‘House of Cards,’ Claims NFTs Will be ‘Broken in a Decade’
21.3.2021
On the week of March 7 through the 13th, the term “NFT” touched an all-time record high in terms of popular search queries according to Google Trends (GT). The highest score is 100 and this week, GT shows interest has dwindled a hair down to 97. Meanwhile, while the NFT hype affects...
Platform News: Defaulting to Logical CSS, Fugu APIs, Custom Media Queries, and WordPress vs. Italics
12.3.2021
Looks like 2021 is the time to start using CSS Logical Properties! Plus, Chrome recently shipped a few APIs that have raised eyebrows, SVG allows us to disable its aspect ratio, WordPress focuses on the accessibility of its typography, and …
The post Platform News: Defaulting to Logical...
Weekly Platform News: Focus Rings, Donut Scope, Ditching em Units, and Global Privacy Control
4.3.2021
In this week’s news, Chrome tackles focus rings, we learn how to get “donut” scope, Global Privacy Control gets big-name adoption, it’s time to ditch pixels in media queries, and a snippet that prevents annoying form validation styling.
Chrome will…
The post Weekly...
CSS Switch-Case Conditions
17.2.2021
CSS is yet to have a switch rule or conditional if, aside from the specific nature of @media queries and some deep trickery with CSS custom properties. Let’s have a look at why it would be useful if we …
The post CSS Switch-Case Conditions appeared first on CSS-Tricks.
You can support...
Nested Media Queries
9.2.2021
We don’t have “regular” nesting in CSS. Maybe this becomes a thing someday, or something like it. That would be cool, although that pre-spec doesn’t mention anything about media queries. I’d hope we get that right out of the gate …
The post Nested Media Queries...
(Jay Freestone’s) Front-end predictions for 2021
8.2.2021
React framework maturity, early container queries, WASM adoption, and monoliths. I’ll take all four, please. Not feeling like a particularly front-end-y? Jay says:
Interestingly, the biggest developments in the front-end are unlikely to be traditionally front-end concerns. Back...
Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support
5.2.2021
Hey, we’re back with weekly updates about the browser landscape from Šime Vidas.
In this week’s update, the CSS :not pseudo class can accept complex selectors, how to disable smooth scrolling when using “Find on page…” in Chrome, Safari’s …
The post Weekly...