#css (1,123 links)
- trulia/hologram github.com
- Developer Console Style Guide - Pivotal Web Services console.run.pivotal.io
- Singularity | Grids without limits singularity.gs
Singularity is based on internal ratios instead of context based which allows for better gutter consistency across breakpoints. Ratio based math also allows for non-uniform grids in any unit you want to use.
- Yelp Styleguide yelp.com
- philipwalton/solved-by-flexbox github.com
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
- International box-sizing Awareness Day | CSS-Tricks css-tricks.com
You might think of it this way: with box-sizing: border-box the padding and border press their way inside the box rather than expand the box. The result is a box the exact width you set it to be and can count on.
- grunt-uncss github.com
- Cleanest CSS spinner, ever | Lea Verou lea.verou.me
- nib github.com
- Getting Started with Stylus - Treehouse Blog blog.teamtreehouse.com
- MindBEMding – getting your head ’round BEM syntax csswizardry.com
- suitcss/suit github.com
Style tools for UI components
- Topcoat topcoat.io
A Bootstrap/Foundation alternative that looks to be a bit less dirty.
- Code smells in CSS – CSS Wizardry csswizardry.com
- The 30 CSS Selectors you Must Memorize net.tutsplus.com
- Zero to Sixty in One Second acko.net
A new design for Acko.net, fusing WebGL, CSS 3D and HTML at sixty frames per second.
Seriously impressive.
- h5bp/html5-boilerplate github.com
A professional front-end template for building fast, robust, and adaptable web apps or sites.
- Semantic CSS With Intelligent Selectors | Smashing Coding coding.smashingmagazine.com
Some interesting ideas in here.
- The why and how of CSS testing. csste.st
Via monospaced.
- Brett Jankord – Style Guide Boilerplate brettjankord.com
- Easy-peasy Rem Conversion with Sass stubbornella.org
- Cascade Framework jslegers.github.io
- CSS Front-end Frameworks with comparison - By usabli.ca usablica.github.io
- Pure purecss.io
By simply applying ‘text-align: justify’ to the container, and giving the child elements ‘display: inline-block’ and a percentage width, you’ll never have to deal with horizontal margins ever again! (Oh and did I mention, when using this trick, you’ll also never need to use float on your elements ever again, so you can wave goodbye to those ignominious clearfixes and clear divs too!)
Clever, mildly hacky.
Magic.
caniuse.com now allows you to import Google Analytics statistics from your own sites to verify real levels of user support and compare them to the worldwide average.
- cubic-bezier.com cubic-bezier.com
A better tool for cubic-bezier() easing
Via monospaced.
- zurb/foundation · GitHub github.com
- Ceaser - CSS Easing Animation Tool - Matthew Lein matthewlein.com
- Harvey - CSS media query state management harvesthq.github.io
- Sensible jumps in responsive image file sizes Cloud Four Blog blog.cloudfour.com
I have a new idea on how we might be able to define responsive image breakpoints that is based on a performance budget. Before I begin, I should note that a lot of this is a thought experiment. I don’t yet know how practical this approach would be.