Just a compiled list of links for working with Cascading Style Sheets (CSS)
Transitions and Animations
- CSS: Animation vs. Transition – Stack Overflow
- CSS Transitions VS Keyframe Animations | Bryan Braun – Student of Life
- Transitions vs Animations – CSS Animation
- When animating on the web, do you use a transition or an animation?
- CSS3: Animations vs. Transitions | kirupa.com
- Know when to use animations or transitions by learning about the similarities and differences between them.
- Cagematch: CSS Animations VS Transitions
- Animate.css
- Intro to CSS 3D transforms
- Myth Busting: CSS Animations vs. JavaScript | CSS-Tricks
- The following is a guest post by Jack Doyle, author of the GreenSock Animation Platform (GSAP).
Floats
- Containing Floats (Complex Spiral Consulting) – August 25th, 2003
- Clearing a float container without source markup – May 4th, 2004
- Simple Clearing of Floats – February 26, 2005
- mezzoblue § Clearance – March 3rd, 2005
- Clearing floats the overflow way – QuirksBlog – March 8th, 2005
- CSS Float Theory: Things You Should Know – Smashing Magazine – May 1st, 2007
- The Mystery Of The CSS Float Property – Smashing Magazine – October 19th, 2009
- CSS Floats 101 · An A List Apart Article – March 8th, 2011
Positioning
Centering things with CSS horizontally and vertically
- Centering in CSS: A Complete Guide | CSS-Tricks
- Z63 | Vertical align anything with just 3 lines of CSS | zerosixthree
- 6 Methods For Vertical Centering With CSS – Vanseo Design
- Absolute Horizontal And Vertical Centering In CSS – Smashing Magazine
- Perfect horizontal *and* vertical centering in CSS, at any width or height!
- CSS Vertical Center
- Learn how to use CSS to vertically center HTML elements!
- CSS: centering things
- How to center a picture on a web page using HTML
- html – Center image using text-align center? – Stack Overflow
- Tips for Aligning Icons to Text | CSS-Tricks
Layout
- CSS layout – Learning web development | MDN
- Practical CSS Layout Tips, Tricks, & Techniques · An A List Apart Article
- Faux Columns · An A List Apart Article
- A Complete Guide to Grid | CSS-Tricks
- Grid by Example – Usage examples of CSS Grid Layout/dt>
- A Complete Guide to Flexbox | CSS-Tricks
- CSS3 Flexible Box Layout Explained – Smashing Magazine
Units
- Building Resizeable Components with Relative CSS Units | CSS-Tricks
- Font Size Idea: px at the Root, rem for Components, em for Text Elements | CSS-Tricks
- Back to the :roots
- mezzoblue § css Zen Garden Design List
- CSS reference – CSS | MDN
- CSS Reference
- Selectutorial: CSS selectors
- Selectors – Web developer guides | MDN
- CSS Selectors Reference
- CSS display: inline-block: why it rocks, and why it sucks – Robert’s talk
- div and span: display = ‘block’, ‘inline’, or ‘inline-block’ ?
- CSS Sprites: What They Are, Why They’re Cool, and How To Use Them | CSS-Tricks
- This article has been revised and re-written several times since its very first publication in 2007, to keep the information current.
- TACHYONS – css Toolkit
- Media Query splitting
- We’re in an icon-sharpness limbo
- 2 Even Width Bootstrap Columns