#css (1,123 links)
- Magnific Popup: Responsive jQuery Lightbox Plugin dimsemenov.com
- debug-css github.com
A style sheet to help detect invalid or inaccessible markup.
A much less offensive version of something we used in 2005.
- 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
Via monospaced.
- SOLID CSS | Blog | Miller Medeiros blog.millermedeiros.com
- What No One Told You About Z-Index — Philip Walton philipwalton.com
- Accessible custom checkboxes and radio buttons | 456 Berea Street 456bereastreet.com
- Issues with position fixed & scrolling on iOS remysharp.com
- Ordering CSS3 Properties | CSS-Tricks css-tricks.com
Reasoning for "real" property last.
- Order of the Day: CSS Properties | Ford Interactive fordinteractive.com
- 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.
Via monospaced.
- About HTML semantics and front-end architecture – Nicolas Gallagher nicolasgallagher.com
Via monospaced.
- One-com/assetgraph github.com
Potentially useful. "An AssetGraph object is a collection of assets (nodes) and the relations (edges) between them. It's a basic data model that allows you to populate, query, and manipulate the graph at a high level of abstraction. For instance, if you change the url of an asset, all relations pointing at it are automatically updated."
- Responsive Navigation Patterns | Brad Frost Web bradfrostweb.com
- About normalize.css – Nicolas Gallagher nicolasgallagher.com
Ever wondered why HTML5 Boilerplate is based on normalize.css instead of reset.css? Read about the differences: http://t.co/TJEGDUMl
Test custom fonts in the browser.
- samarudge/Squeezeit - GitHub github.com
Python CSS/Javascript minifier
- LiveReload livereload.com
Monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.
- jorgebastida/glue - GitHub github.com
A simple command line tool to generate CSS sprites
Easy to forget.
- Perfection kills » Profiling CSS for fun and profit. Optimization notes. perfectionkills.com
.@kangax did some amazingly thorough research on CSS performance, using @operadfl’s new CSS profiler: http://t.co/ctXLRb1z /via @chriscoyier
- CSS media queries in JavaScript, Part 1 | NCZOnline nczonline.net
Great overview on detecting CSS media queries (changes) via JavaScript http://t.co/QsomEmdv #css3 #html5 #javascript
- Minimus: The OS X JavaScript and CSS Minifier webmaster-source.com