Awesome CSS

watch: 30:15 - Caleb Meredith @ DevTips channel.

watch: 46:06 - Jonathan Snook @ Generate conf 2015.

watch: 30:06 - Mark Otto @ jQuery UK.

pagefacingup: transcript :watch: 37:24 - Pete Hunt @ CSS conf 2016.

pagefacingup: transcript :watch: 29:27 - Jen Kramer @ CSS conf 2016.

watch: 36:58 @ Google I/O 2016.

Una Kravets & Adam Argyle @ Chrome Dev Summit 2019.

Better Solutions to Everyday Web Design Problems

Visual Presentation for the Web

Really Helpful in Advancing your Design Skills to a whole new Level

Solving responsive layout problems using algorithmic design.

Improve the way you write CSS as you build 12 tiny projects.

by Max Luster

by Shaun Bent

by Steve Mynett

by Mark Otto

by Paul Davis

by Ian Feather

by Jacob Thornton

by Bobby Grace

A CSS position:sticky polyfill.

Allows Internet Explorer to recognize and render various CSS3 box decoration properties.

A library to make creating CSS polyfills much easier.

Break free from CSS prefix hell.

A JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8.

by Mark Otto

by Harry Roberts

by Guilherme Rv Coelho

by Dropbox

by Google

by Nicolas Gallagher

by Bobby Grace

by Kitty Giraudel

by Sass team

by ThinkUp

by WorldPress

Mirror of Houdini WG Editor repository.

Mirror of CSS WG Editor Draft repository.

Accessible CSS component primitives that also work with React, Vue 3, Svelte, and Angular.

A complete Utility First CSS Framework for less than 50kb.

The most popular HTML, CSS, and JS framework.

A modern CSS framework based on Flexbox. Also has Sass import for modification.

A Modern Lightweight Front End CSS framework for faster and easier web development.

CSS data visualization framework.

A responsive, customizable micro-framework (3kb) with helpful utilities and a grid system.

A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure.

advanced responsive front-end framework.

A modest, grayish CSS library.

A responsive front-end framework with a built-in dark mode.

A lightweight (12k, not minified) but useful CSS framework with flexible Grid, Hero and more.

Powerful, scalable, Sass-based, BEM, OOCSS framework.

Modular and customizable Material Design UI components for the web.

A modern responsive front-end framework based on Material Design.

A minimalist CSS framework.

An HTML-based language and design system that lets you create responsive and accessible high-quality web interfaces with any look.

A set of small, responsive CSS modules that you can use in every web project.

Powerful framework that uses human-friendly HTML.

Feature rich CSS framework for the new decade.

A lightweight, responsive and modern CSS framework.

A set of common flexbox utilities focused on making your life easier and faster with nested flexboxes.

Functional CSS for humans.

CSS framework for dummies with zero skills in graphic design.

A utility-first CSS framework for rapid UI development.

A responsive framework based on CSS and some JS while following Material Design guidelines.

A lightweight and modular front-end framework.

Fluid grid for mobile, tablet, and desktop.

A Minimal, Lightweight, Responsive framework.

Curated collection of 93 beautiful CSS box-shadow. Click to copy.

Browser support for CSS, HTML5 and other front-end web technologies.

by cjcenizal

Generate CSS for glassmorphism.

An advanced CSS gradient editor with layering, design tools and free cloud storage.

Magic CSS extension for Chrome, Firefox and Edge.

A CSS bookmarklet that uses selectors to find bad markup, displaying ugly pink error messages in comic sans serif wherever you write bad HTML

One . Many possibilities.

Convert xpath to css selector.

CSS alternatives for common JS UI components.

CSS Object Model implemented in pure JavaScript.

Detailed CSS parser with syntax validator.

CSS parser with support for preprocessors.

A decent CSS parser.

CSSLint/parser-lib.

Transforming styles with JS plugins.

Plugin framework for CSS preprocessing in Node.js.

Modern CSS for all browsers.

Una Kravets and Adam Argyle,and development.

Seeking out the best,and smartest creative people on digital art,and the accompanying blog,and UX.

A live podcast with Chris Coyier and Dave Rupert about front-end web design,hosted by Anna Debenham and Brad Frost.

A small batch series of interviews on style guides,art direction,brightest,content strategy,design,Developer Advocates from Google,development,gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index.

A Tasty Treats Podcast for Web Developers.,typography,web technology

Topics like web publishing,is all about keeping you updated with the latest in Open Source Technology.

The tagline for the Changelog says it all: “Open Source moves fast. Keep up.” This podcast,and more. It's everything web that matters.

Conversations with world experts on changing technologies and future of the web.

Backwards compatible with CSS, and the extra features it adds use existing CSS syntax.

Mature, stable, and powerful professional-grade CSS extension language.

Light-weight CSS preprocessor.

Expressive, robust, feature-rich CSS language built for NodeJs.

Generate static CSS using Typescript. Write type‑safe, locally scoped classes, variables and themes.

Find and Reduce Similar & Duplicated CSS Scripts.

A tiny modern CSS reset.

A set of CSS rules that provide better cross-browser consistency in the default styling of HTML elements.

Adds OpenType features—ligatures, kerning, and more—to Normalize.css.

CSS Tools: Reset CSS.

A Futuristic CSS Reset/Normalizer. That Redifines Instead Of Preserving.

A set of CSS rules that style with today’s best practices out-of-the-box.

Specialised stylesheet for removing user agent styles, style the web with your baseline.

by Atlassian Design

by lonely planet

by Microsoft

by Github

by Salesforce

by MailChimp

by BuzzFeed

by Starbucks

by Awesome people

A simple and lightweight mixin library for Sass.

A curated collection of useful CSS snippets you can understand in 30 seconds or less.

All selectors in CSS.

Top Recommended Resources.

Interactive gamified tutorial for learning selection with CSS.

Simple tutorial to learn CSS Grid from Mozilla.

Free video course by Wes Bos to learn CSS Grids.

Free CSS hands-on tutorial by LabEx.

Using CSS Math for responsive design.

Free video course by Wes Bos to learn flexbox.

In-depth intro to OOCSS, BEM, SMACSS, with examples.

Inspecting animations.

Advocate for users and open-source.

Author of @Autoprefixer, http://easings.net and @PostCSS.

Final year web technologies student. node.js, javascript, open source modules, client side optimisation, web performance.

Web designer, speaker, writer, consultant, musician.

Designer @CodePen. Writer @RealCSSTricks.

Designer at GitHub.

Latest commits to @CSSWG’s public Mercurial repository.

W3C CSS Working Group Co-chairman, entrepreneur, software engineer, geek, father of two, polyglot, duck lover. Nah. Tweets are strictly mine.

Web developer, author of CSS: The Missing Manual, JavaScript & jQuery.

Designer, developer, writer. Occasionally blogs at http://Hop.ie, and currently building @cssanimation.

Web development writer, teacher, and speaker.

Engineer at Google working on Chrome, web components, and Polymer.

Web Designer. Professor at @multimedialutn HTML5 & CSS Freak. Ocassional Translator.

Front-end dev, Teacher @GALondon, Screencaster at http://www.atozcss.com, property snob, Foodie.

Consultant Front-end Architect: @google, @Etsy, @kickstarter, @BBC, @Deloitte, @FT, more.

Moderate consumer of rice. Also a UX designer, author, @smashingmag editor and programmer.

Designer, Developer, Writer, Speaker. I make stuff on the web. I wrote SMACSS.

Non-binary accessibility & diversity advocate, frontend developer, author.

Mozilla developer, CSS and W3C standards diplomat.

Research Assistant @MITCSAIL, @CSSWG IE, @OReillyMedia author, Ex @W3C staff.

...aka Mary Lou @codrops ༶ CSS & HTML are my crayons ༶ Interested in Cognitive Science, AI, HCI, UI Design & Astrophysics ༶ Digital nomad.

GitHub and Bootstrap. Formerly at Twitter. Huge nerd.

Freelance front-end vigilante, UI/UX developer.

Trans coder lady. Lead designer/developer of @SassCSS, working for @google on @dartlang.

Software Engineer at @twitter.

GEEK.

Lover of mountains, craft beers and discovering new food.

Googler who noodles with code and design.

Engineer at Google • Open Source Advocate • Developer • Designer • Writer.

Web Developer, half of @grabaperch CMS, CSS Working Group Invited Expert.

All about CSS sizing units.

Author of the @Codrops CSS Reference & Co-author of the Smashing Book #5.

Author of @responsiblerwd, now on sale from @abookapart.

UI designer, CSS doodler.

Loves love. Hates hate. Has a kick-ass family. Writes code. Leads stylesheet tech @LinkedIn.

Front-end @IBMDesign. Sassvocate, community builder, & handcrafter. STEMinist :) Open source all the things.

Web designer/developer specializing in CSS, RWD, UX, & accessibility.

Web developer, Co-founder at Themesberg. I'm building Glass UI.

Literally Jenn Schiffer's Mom.