#css (940 links)
- Height equals width with pure CSS mademyday.de
- Brett Jankord – Style Guide Boilerplate brettjankord.com
- 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
- BARREL | Text-align: Justify and RWD barrelny.com
<blockquote>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!)</blockquote> Clever, mildly hacky.
Magic.
<blockquote>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.</blockquote>
- cubic-bezier.com cubic-bezier.com
<blockquote>A better tool for cubic-bezier() easing</blockquote>
- 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
<blockquote>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.</blockquote>
- Magnific Popup: Responsive jQuery Lightbox Plugin dimsemenov.com
- csscss by zmoazeni zmoazeni.github.io
- Media Queries are a Hack by Ian Storm Taylor ianstormtaylor.com
- Learn CSS Layout learnlayout.com
- The Evolution Of The BEM Methodology | Smashing Coding coding.smashingmagazine.com
- SOLID CSS | Blog | Miller Medeiros blog.millermedeiros.com
- What No One Told You About Z-Index — Philip Walton philipwalton.com
- Fixed Positioning in Mobile Browsers | Brad Frost Web bradfrostweb.com
- Accessible custom checkboxes and radio buttons | 456 Berea Street 456bereastreet.com
- Issues with position fixed & scrolling on iOS remysharp.com
- Distilled Hype - Premium Links For Front-End Devs distilledhype.com
- Ordering CSS3 Properties | CSS-Tricks css-tricks.com
Reasoning for "real" property last.
- Order of the Day: CSS Properties | Ford Interactive fordinteractive.com
- Flowchart: how to retinafy your website mir.aculo.us
- Why CSS Testing Could Be Huge by Derrick Ko blog.derrickko.com
Hacker News YC: Why CSS Testing Could Be Huge http://t.co/ASB6ASEo
- SASS vs. LESS | CSS-Tricks css-tricks.com
Style guides (or pattern libraries) are the perfect place to start a website build and a modular base. They bridge the gap between design and development. They’re somewhat similar to a traditional brand guidelines but contain less fluff & nonsense and 100% practical code examples.
- Stubbornella » Blog Archive » Cross-Browser Debugging CSS stubbornella.org
CSS has an underlying design and when you work with it, with the natural flow of how CSS is meant to be used, you will find you have a lot less bugs.
- The single responsibility principle applied to CSS — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts csswizardry.com
Loosely, the single responsibility principle states that every module or chunk of code (a function etc) should do one job well and one job only. The benefits of this are mainly in the way of maintainability and extensibility. If we don’t adhere to the SRP then we are likely to end up with code which does more than it should, this means that altering one part of that code could negatively impact a seemingly unrelated part of the same snippet.
"Ditch media="print" if you have one! (Hey why isn't this a yslow/pagespeed rule?). Ditch it because in the best case scenario it will only block onload. In the worst case it will block initial paint, onload and DOMContentLoaded. Sitting in front of a white page with no feedback is the worst possible user experience."
- Google HTML/CSS Style Guide google-styleguide.googlecode.com
Not revolutionary but solid. Some moderately contentious parts.
- A New Front-End Methodology: BEM | Smashing Coding coding.smashingmagazine.com
- Github Styleguide github.com
- Web Standards Trifle | And all that Malarkey stuffandnonsense.co.uk
Hadn't seen this 2005-era post before.
Web standards: trifle. Not web standards: fruit cake.
I'm not the only one who's fond of a good cake analogy.