Exploring when and how you would use style queries in your day-to-day work. | on Una Kravets' Blog

It’s an exciting time for CSS! It feels like new features are being added every day. And yet, through it all, CSS has managed to remain an accessible language for anyone making websites. Is this an inevitable part of the design of CSS? Or has CSS been formed by chance? Let’s take a look at the history—and some alternative histories—of the World Wide Web to better understand where we are today. And then, let’s cast our gaze to the future! Slides: https://www.dropbox.com/s/bfgtlzv90jxjz00/InAndOutOfStyle.pdf?dl=0 About Jeremy: https://adactio.com Follow Jeremy: https://twitter.com/adactio More about CSS Day: https://cssday.nl or https://twitter.com/cssdayconf Receive conference announcements in your inbox: https://cssday.nl/subscribe

Full list of the official named colors from the CSS specification.

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for React and copypasta.

Understanding this box is key to being able to create layouts with CSS.

Interact with the current page from a bird's eye view.

Functional CSS for the future

There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover,

What are absolute units? What are the differences between relative and absolute units, and how do we create accurate sizes on the web? In this article, Elad Shechter explains why CSS absolute units aren’t so absolute.

An evergreen CSS course and reference to level up your web styling expertise.

by Andy Bell

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

Advanced multi-part components with lots of possibilities

Minimal snippets for modern CSS layouts and components

A multidisciplinary designer with an eye for details.

How an emerging CSS standard can fix old problems and raise the bar for web apps

Learn about how to write defensive CSS.

Open source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum

A Utility Complete CSS Framework for less than 45kb (8kb Gzipped)

… a classless CSS framework to write modern websites using only HTML. It's ~4.5kb GitHub → https://github.com/xz/new.css

Latest Collection of free HTML and CSS book effect code examples: 3d, animation, flip, layout, etc.

[…] how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.