DevelopmentResources
GIFs Without the .gif
“There’s really no good reason to use the bulky .gif file format anymore.”
DevelopmentResources
Modern HTML email (tables no longer required)
How should we build emails now?
DevelopmentResources
A guide to CSS shapes and offset-path
CSS offset-path will be significantly enhanced in Chrome, Firefox, and Safari.
DevelopmentResources
The new @font-face syntax
Pros and cons of using the new vs. now deprecated syntax.
DevelopmentOpinions
The SPA vs. MPA debate
Two new browser APIs are set to change the debate.
DevelopmentSamples
Menus, toasts and more
Simpler UI components with the popover attribute.
DevelopmentResources
Custom CSS pseudo-classes for web components
Get ready for a basic feature for custom HTML elements.
DevelopmentResources
The slow death of CSS vendor prefixes
Which CSS properties still require a prefix?
DevelopmentResources
Render-blocking on purpose
What’s the point of the new HTML ‘blocking’ attribute?
DevelopmentResources
New alternatives to JavaScript’s innerHTML
What you can expect from setHTML and setHTMLUnsafe.
DesignResources
Color fonts
A selection of COLR, COLRv1, and OpenType-SVG fonts.
DevelopmentSamples
Centering things: a solved CSS problem?
Where visual centering can still be a challenge.
DevelopmentResources
The stretch keyword
A better alternative to ‘width: 100%’ in CSS?
DesignResources
Are icon fonts a bad practice?
What’s certain is that SVG icons are the better choice.
DevelopmentResources
The best approach to SVG icons
Inline SVG, ‘use’, ‘img’, spritesheet, or JSX?
DevelopmentResources
A more powerful CSS attr() function
What to expect from the upcoming enhancement.
DevelopmentOpinions
CSS @import is cool, actually
It delivers some useful features a ‘link’ doesn’t offer.