Articles in “HTML & CSS”
-
The 2022 Web Almanac
The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive. Read Full Article
-
The Power of CSS Blend Modes
I knew CSS blend modes could create some cool effects, but even so, a CodePen I saw recently left me shocked at what they’re capable of. Read Full Article
-
Devices.css
Modern devices crafted in pure CSS. Pure CSS iPhone 14 Pro, iPhone 14, MacBook Pro, iPad Pro, iMac, Apple Watch Ultra, HomePod, iPhone 1st gen, and Surface family devices. Read Full Article
-
Randomness in CSS
Randomness in the browsers without using JavaScript? Check out how to generate random numbers using just CSS and make some generative art! Read Full Article
-
The details and summary elements, again
I’ve already written about the <details> and <summary> elements, but there is more to tell, and there have been some changes since I la… Read Full Article
-
Detecting CSS selector support
You might already be aware of how we can use feature detection in CSS to check whether a particular property and value combination is supported. This is a pretty smart way to go about writing robust CSS that caters for users with a whole range of browsers… Read Full Article
-
Thanks iPhone 14, designing for device sizes is dead
Back when the mobile web just got started, mobile design was simple (…it wasn’t, but bear with me) . Your site had to fit 320px wide and it would work for “Mobile”. 320px is the width of the original iPhone and… Read Full Article
-
Deconstructing toasts
Toast messages are one way to communicate to a user that something that changed. Usually these messages display for a few seconds and disappear on their own. Some configurable options could be: Read Full Article
-
Button minimum width
Practical CSS and design tips that helps in building future-proof user interfaces. Read Full Article
-
On better browsers: arbitrary media queries and browser UIs
This morning Kitty Giraudel tweeted about an imaginary media query that would indicate right- or left-handedness and it made me imagine a future where sites can register support for one or more media features through a browser API, and the browser would o… Read Full Article