Links tagged “css”

cssquake.com

Palate cleanser: cssQuake rebuilt Quake's renderer in pure CSS. It should not run, and yet.

jvns.ca

CSS supports nested selectors now!.

css-tricks.com

A reference guide to CSS flexbox covering every property on the flex container and on its items, with diagrams, examples and browser-support notes.

weasyprint.org

Python library that renders HTML and CSS to PDF, aimed at generating reports, invoices and tickets from web content.

css-blocks.com

Component-oriented CSS authoring system that analyses templates at build time and compiles blocks into optimised, conflict-free stylesheets.

github.com

Free, open-source admin dashboard template built on Bootstrap 4, with responsive pages and UI components for back-office interfaces.

bitsofco.de

Explains what CSS display: contents does — dropping an element's own box while its children stay in the layout — and where it helps with grid and flexbox markup.

hackerthemes.com

Interactive catalogue of Bootstrap 4 classes grouped by component, each with a code snippet and a rendered preview.

html5up.net

Collection of free responsive site templates built with HTML5 and CSS3, released under a Creative Commons Attribution licence.

kilianvalkhof.com

How to give an element a sloped edge whose angle stays constant whatever its width, using clip-path with viewport-width units.

github.com

Eight rules for keeping CSS manageable in large projects, covering component-oriented organisation, naming conventions, style isolation and loose integration of third-party styles.

codeguide.co

Mark Otto's standards for writing consistent HTML and CSS — syntax conventions, declaration order, selector practice and file organisation.

foundation.zurb.com

ZURB's framework for building responsive HTML emails that render consistently across the major email clients and devices.

tedgoas.github.io

Cerberus — a small set of solid, reusable patterns for responsive and accessible HTML email that survive almost every email client.

foundation.zurb.com

Gallery of eleven customisable responsive HTML email templates from Foundation for Emails.

kazzkiq.github.io

A tiny CSS library that attaches tooltips to any element through data attributes, with no JavaScript involved.

flexboxdefense.com

A tower defense game in which towers are positioned by writing CSS flexbox properties rather than by dragging them.

flexboxfroggy.com

A puzzle game whose levels are solved by writing the flexbox properties that move a frog onto its lily pad.

negomi.github.io

Demo page for react-burger-menu, an off-canvas sidebar React component with a set of CSS-transition and SVG path animation effects.

github.com

PostCSS plugin that lets you write tomorrow's CSS syntax today; archived in 2024 and superseded by postcss-preset-env.