Skip to main content
Ryan Orban

Ryan Orban

Subject
11 entries

Css

Bookmarks

  1. CSS and Web Development Cheat Sheets

    A Twitter thread by @prathkum sharing CSS and web development cheat sheets — visual reference cards for CSS properties, selectors, flexbox, and grid. Saved as a quick visual reference for front-end concepts.

  2. Tufte CSS

    Tufte CSS brings Edward Tufte's book typography principles to the web — wide margins for sidenotes, clean serif typography, and minimal chrome. A CSS library for anyone who wants their web writing to read like a well-designed book.

  3. CSS 3D Clouds

    Jaume Sánchez's experiment generating volumetric 3D-like clouds using CSS3 3D Transforms and JavaScript — no WebGL required. A 2013 demonstration of what browser CSS transforms could do beyond 2D layout.

  4. An Advanced Guide to HTML & CSS

    Shay Howe's free Advanced HTML & CSS guide — the companion to his introductory course, covering complex selectors, responsive design, transitions, transforms, and performance. A practical reference from the early responsive web era.

  5. Codular — Web Development Tutorials

    Codular was a web development tutorial site from 2012-2013 focused on HTML, CSS, and JavaScript guides. Part of the wave of indie tutorial sites that preceded the consolidation around a few major platforms like CSS-Tricks, Smashing Magazine, and later freeCodeCamp.

  6. The Responsive Designer

    Simon Foster's 2012 piece on what it means to be a 'responsive designer' — written two years after Ethan Marcotte coined the term. Captures the moment when responsive web design was shifting from technique to standard practice, driven by mobile's rapid growth.

  7. This Is Responsive: Brad Frost's Pattern Collection

    Brad Frost's 'This Is Responsive' — a curated collection of responsive web design patterns, resources, and examples. A landmark reference site from 2012 when Ethan Marcotte's responsive design concept was transitioning from idea to industry standard.

  8. Customize Twitter Bootstrap to Not Look Bootstrap-y

    A guide to customizing Twitter Bootstrap so your site doesn't look like every other Bootstrap site in 2012. The default Bootstrap aesthetic had become so recognizable that it was a liability for any product that wanted to appear design-forward.

  9. Just My Type

    Dan Eden's essay on web typography — choosing typefaces, pairing them well, and why type decisions shape the feel of everything on the page. One of those 2012 pieces that helped a generation of web designers think seriously about type.

  10. Sass

    Sass homepage bookmarked in 2012, when CSS preprocessors were the primary tool for managing stylesheet complexity. Sass introduced variables, nesting, mixins, and partials to CSS before native custom properties existed.

  11. Compass — CSS Authoring Framework

    Compass homepage bookmarked in 2012 alongside Sass — a Sass-based CSS authoring framework providing cross-browser mixins, a grid system, and sprite generation. Part of the 2012 frontend toolchain before PostCSS and modern CSS made preprocessor frameworks less necessary.

All bookmarks