Manuel Matuzovic outlines why we should build websites with a basic but resilient foundation that work in most browsers and then enhance them with design and visual improvements.
Jake Archibald gives an excellent, in-depth introduction to AVIF, a new image format derived from the keyframes of AV1 video, already supported in Chrome 85.
Boost your design skills online and learn practical insights from experts in the industry, live. That are Smashing Online Workshops, broken into 2.5h live sessions, spanning across weeks. Workshops on various design and development topics. All with tangible takeaways, exercises, access to experts, slides, recordings and a friendly Q&A.
Articles & Tutorials
Rachel Andrew explains how to use the mask-image property in CSS, which lets you specify an image to use as a mask layer.
Patrick H. Lauke gives an introduction to the Media Queries Level 4 Interaction Media Features — pointer, hover, any-pointer, and any-hover — meant to allow sites to implement different styles and functionality depending on the user’s input devices.
Amit Sheen explains the concept of perspective, starting with the very basics, by building a fully animated 3D cube.
Val Head shows how to design motion that is creative and innovative while also safer for those with motion sensitivities by using the prefers-reduced-motion-media feature.
Una Kravets talks about color contrast, goes over what the A, AA, and AAA conformance levels mean, and how to ensure proper accessibility compliance for your own site.
Paletter is the professional color palette creation tool for Mac – and it can help you create broad palettes in just minutes.
React Fast Charts is a performant React charting library with a loading time of less than 50ms.
A small bookmarklet that will help you debug pure CSS art.
Ricardo Oliva Alonso created a stunning 3d illustration in CSS.