#css (940 links)
- Starbucks Style Guide starbucks.com
- About HTML semantics and front-end architecture – Nicolas Gallagher nicolasgallagher.com
- 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
- font dragr | Drag and drop font testing fontdragr.com
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
- The problem with CSS pre-processors | Blog | Miller Medeiros blog.millermedeiros.com
- Uniform - Sexy forms with jQuery uniformjs.com
"Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs?" Not really, no.
- Niceforms :: Personal projects :: Emblematiq emblematiq.com
"Niceforms is a script that will replace the most commonly used form elements with custom designed ones." Oh dear.
- Styleguide — Paul Robert Lloyd paulrobertlloyd.com
A well-structured styleguide. Need more of these.
- 24 ways: Front-end Style Guides 24ways.org
- Knyle Style Sheets — Warpspire warpspire.com
- “Mobile first” CSS and getting Sass to help with legacy IE – Nicolas Gallagher nicolasgallagher.com
- A List Apart: Articles: Getting Started with Sass alistapart.com
- Styling buttons in iOS WebKit and -webkit-appearance:none | 456 Berea Street 456bereastreet.com
It turned out that the buttons that looked the same in iOS Safari as in the desktop browsers all had a background gradient. For some reason, applying a background gradient makes iOS for Safari drop its native styling of buttons and apply all of the CSS properties you have specified instead of just a few of them.
- CSS3 PIE: CSS3 decorations for IE css3pie.com
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
- CSS3 Social Sign-in Buttons nicolasgallagher.com
- Writing forward-compatible websites - MDN developer.mozilla.org
- 320 and up stuffandnonsense.co.uk
The ‘tiny screen first’ boilerplate extension.
- What’s new in CSS Selectors Level 4 | Shi Chuan's blog blog.highub.com
- Font-Embedding Icons somerandomdude.com
Not entirely convinced. See related HN discussion.
- responsivepx - find that tricky breakpoint responsivepx.com
Enter the url to your site - local or online: both work - and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design.
- Scalable and Modular Architecture for CSS smacss.com
- A Farewell to CSS3 Gradients » HTML & CSS, Layout » Design Festival designfestival.com
- Tabs with Round Out Borders | CSS-Tricks css-tricks.com
- How to style Google Forms | Morning Copy morningcopy.com.au
Lazy man's data capture.
- cjohansen/juicer - GitHub github.com
A command line tool for JavaScript and CSS developers
- Adactio: Journal—Re-tabulate adactio.com
- Adactio: Journal—Re-flex adactio.com
- “Outside the Box” Navigation with jQuery | Nettuts+ net.tutsplus.com
Fisheye/dock navigation examples.
- CoolClock - The Javascript Analog Clock randomibis.com
- CSS3 Transitions Without Using :hover impressivewebs.com
With :active, :focus, :checked, :disabled and media queries.
One to point out when the argument comes up next time.