Search
Container Units Should Be Pretty Handy
23.9.2021
Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the container) rather than the size of the entire page. So, if a container …
The post Container Units Should Be Pretty Handy appeared first...
Proposal for CSS @when
22.9.2021
CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals.
???? CSSWG just resolved to adopt @tabatkins when/else proposal into the next level of CSS
…
The post Proposal for CSS @when appeared...
Can we have custom media queries, please?
8.9.2021
Stefan Judis notes that there is a spec for custom media queries, but seemingly no momentum on it at the moment. That lack of movement is unfortunate, as it’s almost guaranteed front-end developers all over would start using it as …
The post Can we have custom media queries, please?...
Web 3.0 Is Coming, and Crypto Will Be Essential to It
5.9.2021
squo; in various ways, from using AI to proactively respond to user queries to using decentralization to unlock novel functions and experiences.And given that decentralization is likely to be one of the core properties of Web 3.0, this means that cryptoassets and blockchain will also play a s
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...
Axie Infinity Token Climbed 56% This Week, AXS Joins Top 50 Most Valuable Crypto Projects
16.8.2021
The price of the axie infinity tokens otherwise known as “shards,” has continued to skyrocket in value capturing fresh new price highs. The asset is changing hands for 10% lower than the all-time high (ATH) captured five days ago reaching $75.73 per unit. Axie infinity’s market...
Meet `:has`, A Native CSS Parent Selector
12.7.2021
The reasons that are often cited that make container queries difficult or impossible is things like infinite loops—e.g. changing the width of an element, invalidating a container query, which changes the width again, which makes the container query take effect, …
The post Meet `:has`,...
Sen. Warren queries SEC chair on lack of crypto investor protection
8.7.2021
The former presidential candidate has written to the SEC chairman for answers about plans for crypto consumer protection protocols in the United States
Are we in a new era of web design? What do we call it?
21.6.2021
Una is calling it the new responsive. A nod to the era we were most certainly in, the era of responsive design. Where responsive design was fluid grids, flexible media, and media queries, the new responsive is those things …
The post Are we in a new era of web design? What do we call...
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...