- WorldWideWeb - the first browser 1990, December
At CERN, a Swiss research center, a British physicist and internet pioneer Tim Berners-Lee created the world's first web browser, called WorldWideWeb. The browser was also a simple WYSIWYG (What You See Is What You Get) editor for editing web pages. WorldWideWeb only worked with the NeXTStep operating system. Later, the browser was renamed Nexus to avoid confusion with the World Wide Web (WWW).
- Line Mode Browser 1991, May
A team made up of Tim Berners-Lee, Henrik Frystyk Nielsen and Nicola Pellow designed a simple browser called Line Mode Browser (The Libwww Line Mode Browser). This was the second browser ever made for the World Wide Web.
- ViolaWWW 1992, March
Pei-Yuan Wei developed the ViolaWWW browser for Unix while he was working at the University of California at Berkeley. ViolaWWW was the first browser to support scripting, table rendering and forms. The browser also contained a simple stylesheet to define the website's visual appearance. In March 1994, Pei-Yuan Wei released its last version, the lone developer no longer being able to keep up with the Mosaic Communications Corporation, which launched the Mosaic Netscape 0.9 browser the same year.
- Mosaic 1.0 1993, November
Students Marc Andreessen and Eric Bina from the University of Illinois programmed one of the first web browsers with a graphical interface. Mosaic (full name NCSA Mosaic) worked on multiple platforms including Windows and was available for free, thanks to which it gained worldwide popularity among the general public shortly after being launched. Its development officially ended on January 7, 1997.
- Proposal 1994, October
Håkon Wium Lie proposed the idea of CSS.
- Mosaic Netscape 0.9 1994, October
The Mosaic Communications Corporation (renamed Netscape Communications Corporation on November 14, 1994) launched, under the name Mosaic Netscape 0.9, the first one in a series of browsers, called Netscape Navigator in the subsequent versions. Shortly after being released, Mosaic Netscape 0.9 and Netscape Navigator 1.0 (released on December 15, 1994) became widely popular and, within a few months, assumed a dominant position on the market.
- W3C.org 1994, October
Tim Berners-Lee founded an international organization called World Wide Web Consortium (W3C). The main objective of the consortium is the development of Web standards for the World Wide Web (WWW). For example, W3C developed standards for HTML, XHML, XML, or CSS markup languages. Another aim of the organization is education and development of Web Accessibility Rules (WCAG).
- CSS Proposal 1995, April
At the next WWW conference in April 1995, CSS was presented again. Both Bert and Håkon were there
- Opera 1.0 1995, April
The Norwegian company Opera Software first introduced to the public a new MultiTorg Opera 1.0 web browser that used MDI (Multiple Document Interface) technology. The use of MDI enabled users to simultaneously open several windows of webpages within the browser. As of version 2.0, the browser’s name was shortened to Opera.
- www-style 1995, May
The www-style mailing list was created in May 1995, and the discussions there have often influenced the development of the CSS specifications.
- W3C 1995, June
In 1995, the World Wide Web Consortium (W3C) also became operational. Companies were joining the Consortium at a high rate and the organization became established. Workshops on various topics were found to be a successful way for W3C members and staff to meet and discuss future technical development.
- Internet Explorer 1.0 1995, August
Microsoft released, as a part of its bonus package, the Microsoft Plus! Internet Jumpstart Kit (later also known as the Internet Connection Wizard) for Windows 95, which included Internet Explorer 1.0. In the original version of Windows 95, a web browser was not available, as Microsoft underestimated the potential of the rapidly developing Internet. The source code for Internet Explorer 1.0 was based on the older Spyglass Mosaic browser for which Microsoft purchased license rights. Internet Explorer 1.0 occupied only 1 MB of disk space and its features were considerably limited compared to other browsers at the time.
- Netscape Navigator 2.0 1995, September
The Netscape Communications Corporation launched Netscape Navigator 2.0 as its new major product. The browser contained a wide range of innovations and enhancements. Among other features, Netscape Navigator 2.0 supported JavaScript, animated GIFs, the HTML tag <frame> and proprietary tag <blink>. Netscape Mail 2.0 was also part of version 2.0, making Netscape Navigator 2.0 a fully operational Web application package.
- Microsoft's Internet Explorer 3 1996, August
The first commercial browser to support CSS was Microsoft's Internet Explorer 3, which was released in August 1996. IE3 reliably supports most of the color, background, font, and text properties, but it does not implement much of the box model.
- HTML ERB 1996, December
At the end of 1995, W3C set up the HTML Editorial Review Board (HTML ERB) to ratify future HTML specifications. Because style sheets were within the sphere of interest of the members of the new group, the CSS specification was taken up as a work item with the goal of making it into a W3C Recommendation.
- CSS1 1996, December
The first version of CSS was published.
- A List Apart 1997, January
A List Apart is a webzine that explores the design, development, and meaning of web content, with a special focus on web standards and best practices. A List Apart began in 1997 as a mailing list for web designers, moderated and published by Jeffrey Zeldman and Brian Platz.
- CSS Working group in W3C 1997, February
In February 1997, CSS got its own working group inside W3C and the new group set out to work on the features which CSS1 didn't address.
- Netscape Navigator 4 1997, June
The next browser to announce support for CSS was Netscape Navigator, version 4.0. The Netscape implementation supports a broad range of features – for example, floating elements – but the Netscape developers did not have time to fully test all the features that are supposedly supported. The result is that many CSS properties cannot be used in Navigator 4.
- CSS2 1998, May
CSS 2 was released and work on CSS 3 began. CSS 3 was very different from the other versions, fot instead of being a single monolithic specification, it was published as a set of separate documents known as modules.
- The acid test 1998, October
Todd Fahrner created the acid test in October 1998, which became the ultimate challenge
- Opera 3.5 1998, November
The third browser that ventured into CSS was Opera. The browser from the small Norwegian company made headlines in 1998 by being tiny (it fit on a floppy!) and customizable while supporting most features found in the larger offerings from Microsoft and Netscape. Opera 3.5 was released in November 1998, and supported most of CSS1.
- Fear of Style Sheets 1999, March
An article by Jeffrey Zeldman in A List Apart
- Web 2.0 1999, April
Darcy DiNucci published an article entitled 'Fragmented Future' in the Print magazine, in which the term Web 2.0 was first introduced. The term refers to the development phase of the Web in which the content of websites is created and shared primarily by the users themselves. Typical Web 2.0 examples include social networking sites, web forums, internet encyclopedias, or photo/video sharing portals. In 2004, Tim O'Reilly and Dale Dougherty held the first Web 2.0 conference, during which the term Web 2.0 was brought to the attention of a wider public.
Article (PDF), - Selectors - First Public Draft 1999, August
This document is the first draft of one of the "modules" for the upcoming CSS3 specification. It not only describes the selectors that already exist in CSS1 and CSS2, but also proposes new selectors for CSS3 as well as for other languages that may need them.
- Media Queries 2001, April
The W3C consortium released the first draft of the Media Queries specification. The original idea for the Media Queries module appeared in the first draft of the CSS specification by Norwegian programmer Håkon Wium Lie in October 1994. However, this proposal did not become part of CSS1. The CSS3 Media Queries module allows web developers to adjust the rendering of web page content according to various factors such as screen resolution. Currently, Media Queries are one of the basic techniques used in responsive web design.
- Media Queries - First Public Draft 2001, April
HTML4 and CSS2 currently support media-dependent style sheets tailored for different media types. For example, a document may use sans-serif fonts when displayed on a screen and serif fonts when printed. "Screen" and "print" are two of the media types that have been defined. To describe in more detail what type of devices a style sheet applies to, this document proposes media queries.
- Media Queries - Working Draft 2001, May
Working draft version of Media Queries published
- Internet Explorer 6 2001, August
Less than two months before the official release of the Windows XP operating system, Microsoft released Internet Explorer 6.0. IE 6 was integrated into Windows XP and was also compatible with previous versions of the system down to Windows 98. Despite a significant amount of security flaws and lack of support for web standards, Internet Explorer 6.0 gained more than 80% market share in 2004. Together with earlier versions of IE 5.0 and IE 5.5, the proportion of Internet Explorer browsers in 2004 was more than 90%.
- SVG 1.0 2001, September
Scalable Vector Graphics (SVG) is a graphical vector file format based on the XML markup language. SVG has become the basic open format for vector graphics on web pages. The SVG format has been developed since 1998 by W3C and is currently fully supported by all major browsers.
- Media Queries - Last Call Working Draft 2002, January
This document is produced by the CSS Working Group and is one of the modules of the upcoming CSS3 specification. This is a W3C Last Call Working Draft for review by W3C members and other interested parties.
- Box Model Hack 2002, April
The American-Turkish developer Tantek Çelik came up with a solution called Box Model Hack while working on Internet Explorer 5 for Mac. The application of this hack makes it possible to change the DOCTYPE declaration, which allows web developers to define which CSS Box Model will be used in Internet Explorer.
- Mozilla 1.0 2002, June
Mozilla (also known as Mozilla.org) released the Mozilla 1.0 web browser. The basis for Mozilla 1.0 was Gecko, an open source rendering engine which significantly improved the support of web standards.
Media queries became part of the W3C Candidate recommendation snapshot
- CSS Zen Garden 2003, May
The CSS Zen Garden is a World Wide Web development resource "built to demonstrate what can be accomplished visually through CSS-based design."
Wikipedia, - Safari 1.0 2003, June
Apple introduced its own web browser, Safari 1.0. The browser uses the WebKit renderer to display website content. Safari 1.0 was initially available for download as a standalone program, but, in October 2003, it became the default Mac OS X 10.3 operating system browser.
- undohtml.css 2004, January
The oldest CSS reset by Tantek Çelik’ to undo some of the default styling of common (X)HTML browsers
Killer Collection of CSS Resets, - CSS Sprites 2004, March
In 'A List Apart' webzine, Dave Shea published an article entitled 'CSS Sprite: Image Slicing's Kiss of Death.' In the article, the author described a technique called CSS Sprites, the basis of which was to connect several smaller graphic elements into one larger image. The graphic elements are then placed on the website using the background-position feature. Thanks to CSS Sprites, a website loads faster because it only uploads one image, reducing the number of HTTP requests.
- CSS Sprites: Image Slicing's Kiss of Death 2004, March
An article by Dave Shea about CSS Sprites in A List Apart
- Mozilla Firefox 1.0 2004, November
Mozilla Corporation released a multiplatform web browser, Firefox 1.0. Compared with browsers from the Internet Explorer family, Firefox 1.0 was characteristic for its higher security, better web standards support, and a number of plug-ins that could be additionally installed. As a result, Firefox gained major popularity among users and exceeded 1 billion downloads between 2004 and 2009. The name Firefox was allegedly derived from the English translation of the Chinese name for the red panda.
- CSSTidy 2005, January
CSSTidy is an opensource CSS parser and optimiser. It is available as executeable file (available for Windows, Linux and OSX) which can be controlled per command line and as PHP script (both with almost the same functionality).
- CSS Specificity Wars 2005, October
Understanding CSS Specificity through Star Wars
- Sass 2006, January
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
- Smashing Magazine 2006, January
Smashing Magazine is an online magazine dedicated to web developers and web designers around the world. It was founded in 2006 by Sven Lennartz (co-founder) and Vitaly Friedman (editor-in-chief) as part of the German-based Smashing Media AG. Since 2012, it also runs web design conferences in Europe and North America, known as SmashingConf (founded by Vitaly Friedman and Marc Thiele).
- Eric Meyer's CSS Resets 2007, April
A CSS Reset style sheet is a list of rules that 'reset' all of the default browser styles
Media queries became part of the W3C Candidate recommendation snapshot
- CSS Tricks 2007, July
A website launched by Chris Coyier offering quality articles and tutorials on CSS
- Blueprint 2007, August
Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
Launch post, Wikipedia, - CSS Grid 2007, September
W3C released the first proposal of the CSS Grid specification. This CSS module defines a set of properties for creating a layout fitted into a regular grid that consists of rows and columns. The CSS Grid makes it easy to create complex and full-page layouts without the need of using cascading style layout methods involving float and positioning. CSS Grid features are currently supported by most major browsers.
- 960 Grid System 2008, January
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem
A first mention of using declarations just once, for smaller CSS payload and improved maintainability
- Google Chrome 2008, September
Google released the beta version of Google Chrome's freeware browser for Windows. In December 2008, the first stable version of Google Chrome 1.0 was released. Since January 2009, Chrome has been available for MacOS, and in February 2012, its first beta version for Android 4 was released. At the turn of April and May 2012, Chrome surpassed the popularity of Internet Explorer and became the most widely used web browser. In 2018, Google Chrome had more than 66% of the global market share.
- Media Queries - Last Call Working Draft 2008, October
This is the last call for the working draft of Media queries specificiation
- OOCSS 2009, February
It’s an approach for writing CSS that’s fast, maintainable, and standards-based. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.
Slideshare, Github, - Media Queries 2009, April
Media Queries became a W3C Candidate Recommendation. A media query consists of a media type and zero or more expressions to limit the scope of style sheets. By using media queries, presentations can be tailored to a specific range of output devices without changing the content itself.
Media queries became part of the W3C Candidate recommendation snapshot
- CSS Flexbox Layout 2009, July
W3C issued the first proposal of the CSS Flexible box layout (Flexbox) specification. Flexbox introduces a new way of creating web layout, an easier alignment of elements and a better distribution of space with respect to the device's display resolution. Flexbox features are currently supported in most major browsers.
- Media Queries - Candidate Recommendation Snapshot 2009, September
Media queries became part of the W3C Candidate recommendation snapshot
- Selectors Level 3 - Proposed Recommendation 2009, December
Selectors Level 3 became a W3C proposed recommendation. This document describes the selectors that already exist in CSS1 [CSS1] and CSS2 [CSS21], and further introduces new selectors for CSS3 and other languages that may need them.
- WOFF 1.0 2010, April
Mozilla Foundation, Opera Software and Microsoft submitted a proposal for the specification of a new Web Open Font Format (WOFF) to the W3C. The WOFF fonts are currently supported by all major browsers.
- Responsive Web Design 2010, May
Ethan Marcotte introduced the term "Responsive Web Design" in an article published in A List Apart
Media queries became part of the W3C Candidate recommendation snapshot
- SMACSS 2011, January
SMACSS (pronounced “smacks”) is more style guide than rigid framework. There is no library within here for you to download or install.
- CSS2.1 2011, May
CSS 2.1 was released, which fixed the errors found in CSS 2
- Bootstrap 2011, August
The most popular HTML, CSS, and JS library in the world.
- Foundation 2011, September
Foundation is a free and open-source responsive front-end framework, providing a responsive grid and HTML and CSS UI components, templates, and code snippets, including typography, forms, buttons, navigation and other interface elements, as well as optional functionality provided by JavaScript extensions. Foundation is an open source project, and was formerly maintained by ZURB. Since 2019, Foundation has been maintained by volunteers
- Selectors Level 3 - Recommendation 2011, September
Selectors Level 3 became a W3C recommendation.
- Selectors Level 4 - First Public Draft 2011, September
Selectors Level 4 describes the selectors that already exist in [SELECT], and further introduces new selectors for CSS and other languages that may need them. Publication as a Working Draft does not imply endorsement by the W3C Membership. This is a draft document and may be updated, replaced or obsoleted by other documents at any time. It is inappropriate to cite this document as other than work in progress.
- Pattern Primer 2011, November
Generating styled markup from a folder of markup snippets.
- An Introduction To Object Oriented CSS 2011, December
An article in Smashing Magazine by Louis Lazaris about OOCSS
- Normalize.css 2012, January
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
- About HTML semantics and front-end architecture 2012, March
A collection of thoughts, experiences and ideas by Nicolas Gallagher
- CSS Loader 2012, April
css-loader is a Webpack plugin that interprets @import and url() like import/require() and will resolve them.
- Media Queries - Proposed Recommendation 2012, April
Media queries became a W3C proposed recommendation
An article by Harry Roberts in CSSWizardry about the selectors
- Keep your CSS selectors short 2012, May
An article by Harry Roberts in CSSWizardry about the selectors
- Idiomatic CSS 2012, May
Principles of writing consistent, idiomatic CSS.
- Media Queries Recommendation 2012, June
Media queries became a W3C recommendation
- The open/closed principle applied to CSS 2012, June
An article by Harry Roberts in CSSWizardry about the selectors
- Shoot to Kill; CSS selector intent 2012, July
An article by Harry Roberts in CSSWizardry about the selectors
- SOLID CSS 2012, September
An article by Miller Medeiros about SOLID principles and CSS
- sanitize.css 2012, November
A best-practices CSS foundation
Github, - CSS Architecture 2012, November
An article by Philip Walton from Google about the goals of good CSS architecture
- CSS Wizardry 2012, December
CSS Wizardry is a website launched by Harry Roberts
- MindBEMding 2013, January
MindBEMding – getting your head ’round BEM syntax - An article by Harry Roberts in CSSWizardry
- Fomantic-UI 2013, April
The official community fork of Semantic-UI. Build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging.
- Pure 2013, May
A set of small, responsive CSS modules that you can use in every web project.
- React 2013, May
Software engineer Jordan Walke from Facebook announced the creation of the React javascript library (sometimes referred to as React.js or ReactJS) at the JSConf US conference. The open-source React library is designed to make it easier to create user interfaces and UI components for web applications. React can also be used to create single-page or mobile applications. The development and maintenance of the React web framework is currently handled by Facebook along with a large community of independent developers.
- Atomic design 2013, June
Atomic design is methodology for creating design systems. There are five distinct levels in atomic design: atoms, molecules, organisms, templates and pages
Book, - Challenging CSS Best Practices 2013, October
The term “Atomic CSS” was coined by Thierry Koblenz in his foundational article in Smashing Magazine
- Point North 2013, November
North is a set of standards and best practices for developing modern web based properties.
- turretcss 2013, November
Developed for design, turretcss is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.
- Title CSS 2014, February
Title CSS is an organizational technique geared to help you write beautiful and maintainable CSS. Similar to BEM, Title CSS aims to make CSS more readable by giving visual cues.
- ITCSS 2014, May
A sane, scalable, managed CSS architecture from CSS Wizardry by Harry Roberts
- css-unstyle 2014, May
Unstyle CSS - Forget inconsistencies, let us start with a blank slate.
- Rebecca Purple 2014, June
Following a proposal sent to social media, it is suggested to add the named color 'rebeccapurple', for value #663399, to CSS Color Level 4. This is a tribute to Eric Meyer's daughter who recently passed away and a mark of support from all the Web community to Eric.
Eric Meyer's site, - Material Design 2014, June
Google introduced a new graphic style called Material Design at the Google I/O conference. Since 2015, Google has redesigned most of its applications and services using the consistent visual style of Material Design. According to Google's definition, Material Design is a "visual language that synthesizes the classic principles of good design with the innovation and the possibility of technology and science.”
- Enduring CSS 2014, August
Enduring CSS: writing style sheets for rapidly changing, long-lived projects
- Used and Abused 2014, August
Used and Abused – CSS Inheritance and Our Misuse of the Cascade - An article by Micah Godbolt
- Picnic CSS 2014, August
Lightweight and Beautiful library
- gridbyexample.com 2014, September
This site is a collection of examples, video and other information to help you learn CSS Grid Layout. Developed and maintained by Rachel Andrew.
- HTML 5 2014, October
W3C adopted the final recommendation for the HTML5 markup language. The HTML5 version has brought an improved browser multimedia playback support, new semantic tags that better define page structure, offline application support, and the <canvas> tag that can interpret vector graphics with an option to insert images.
- radium 2015, January
A toolchain for React component styling
- Vanilla 2015, February
A simple, extensible CSS framework. Backed by open-source code and written in Sass by the Canonical Web Team.
- Side Effects in CSS 2015, March
An article by Philip Walton in his website about the side effects of CSS
- Can CSS Be Too Modular? 2015, March
An article in CSSWizardry by Harry Roberts
- Primer 2015, March
Design, build, and create with GitHub’s design system. Primer was created for GitHub by GitHub. We love it so much, we chose to open-source it to allow the community to design and build their own projects with Primer.
- react-styled 2015, March
styled component for react & style-loader/usable
- Title CSS: A Simple Approach to CSS Class Naming 2015, March
An article by Jon Cuthbert in SitePoint about Title CSS
- Microsoft Edge 2015, March
Microsoft released the first version of the Microsoft Edge web browser for Windows 10. Microsoft Edge was subsequently included as a default browser on Windows 10 Mobile and Xbox One operating systems, definitively replacing the older Internet Explorer 11 and Internet Explorer Mobile browsers. On December 6, 2018, Microsoft announced that Edge will no longer use its own EdgeHTML rendering engine and will be based on Chromium, Google's open source rendering engine.
- The End of Global CSS 2015, May
An article by Mark Dalgleish about CSS Modules
- CSS Modules 2015, May
A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.
- Carbon Design System 2015, June
Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
- Atomic OOBEMITSCSS 2015, July
An article by Una Kravets in SitePoint about Atomic OOBEMITSCSS
- csjs 2015, September
CSJS allows you to write modular, scoped CSS with valid JavaScript.
- Aphrodite 2015, October
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
- UIKit 2015, November
A lightweight and modular front-end framework for developing fast and powerful web interfaces.
- Babel-plugin-css-in-js 2015, November
A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the `className` prop of React elements.
- Expressive CSS 2015, November
Readable Atomic CSS. Expressive CSS follows the atomic approach to writing lightweight, scalable CSS with utility classes that are easy to write and understand.
Github, - Milligram 2015, December
A minimalist CSS framework
- CSS and Scalability 2016, March
An article by Adam Morse
- Kickoff CSS 2016, April
Kickoff uses a bespoke naming scheme for classnames, inspired loosely by the BEM naming scheme.
- More Meaningful CSS 2016, May
An article by Jonathan Snook
- inuitcss 2016, June
Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
- CSS Color Module Level 4 2016, July
First Public Working Draft published
- glamor 2016, July
inline css for react et al
- styled-components 2016, August
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Github, - react-with-styles 2016, August
Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation
- minireset.css 2016, August
A tiny modern CSS reset
Github, - CSS Grid Layout Module Level 1 2016, September
CSS Grid Layout Module Level 1 became a W3C Candidate Recommendation. This CSS module defines a two-dimensional grid-based layout system, optimized for user interface design. In the grid layout model, the children of a grid container can be positioned into arbitrary slots in a predefined flexible or fixed-size layout grid.
- 8 simple rules for a robust, scalable CSS architecture 2016, October
The manifest of things by Jarno Rantanen, about managing CSS in large, complex web projects during my many years of professional web development.
- styled-jsx 2016, December
Full CSS support for JSX without compromises
- Cirrus 2016, December
A component-and-utility-centric SCSS framework designed for rapid prototyping. Use beautiful pre-built components to bootstrap your next project and utility classes to polish your final design.
- Chota 2017, April
A micro (~3kb) CSS framework.
- HiQ 2017, May
A high-IQ CSS framework. Jump-start your styling with a lightweight, easily customizable framework that is built with CSS custom properties and modern best practices.
- Styled System 2017, June
Style props for rapid UI development
Github, - Tailwind CSS 2017, July
- CSS Grid in Edge browser 2017, October
On October 17th, Microsoft’s Edge browser shipped its implementation of CSS Grid. This is a milestone for a number of reasons. First, it means that all major browsers now support this incredible layout tool. Second, it means that all major browsers rolled out their implementations in a single year(!), a terrific example of standards success and cross-browser collaboration. But third, and perhaps most interestingly, it closes the loop on a process that has been more than 20 years in the making.
CanIUse, - PatternFly 2017, November
Build scalable experiences in the open. PatternFly is an open source design system built to drive consistency and unify teams.
- Maintainable CSS 2018, September
MaintainableCSS is an approach to writing modular, scalable and maintainable CSS for small and large codebases. You can learn it in 20 minutes and implement it immediately in your project.
Github, - Theme UI: The Design Graph Framework 2019, March
Theme UI is a library for creating themeable user interfaces based on constraint-based design principles. Build custom component libraries, design systems, web applications, Gatsby themes, and more with a flexible API for best-in-class developer ergonomics.
Github, - Pico.css 2019, November
Minimal CSS Framework for semantic HTML. Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.
- Blaze UI 2020, April
Framework-free open source UI toolkit. Blaze UI provides great structure for building websites quickly with a scalable and maintainable foundation.
- stylin 2021, February
A built-time CSS library for styling React components.
- reseter.css 2021, February
Reseter.css - A Futuristic Alternative To Normalize.css And CSS Resets
Github, - vanilla-extract 2021, February
Zero-runtime Stylesheets in TypeScript. Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time.
Github, - CSS accent-color 2021, August
An article about accent color in web.dev
- Simplifying Form Styles With accent-color 2021, September
An article in Smashing Magazine about accent-color and form styles
- CSS Conditional Rules Module Level 5 2021, December
W3C First Public Working Draft
- Media Queries Level 3 Recommendation 2022, April
Media Queries Level 3 became a W3C recommendation
- CSS Color Module Level 4 2022, November
W3C Candidate Recommendation Draft published