#css (940 links)
- CSS pre- vs. post-processing twin.github.io
- Pleeease · Postprocess CSS with ease pleeease.io
<blockquote>Pleeease is a CSS post-processor. It simplifies the use of preprocessors and helps keep stylesheets as small as possible for a better maintenability. This means no more Compass for prefixes, no more rem mixins, and so on. Everything is getting simpler now and almost magic. Pleeease is also a great tool if you want to write plain CSS as it helps support older browsers</blockquote>
- Centering in CSS: A Complete Guide css-tricks.com
- Tools: CSS Testing : tools csste.st
<blockquote> refactoring CSS meant also refactoring our templates — adding more encapsulation and stricter semantics across the board. Now today, rather than having hundreds of one off <IMG> tags with random avatar classes for example, we have a single centralized avatar template, which accepts boolean options to trigger different modifiers like size, style, etc. This makes updating styles easier and implementation detail bugs much less frequent.</blockquote>
- Pattern Lab patternlab.io
Build Atomic Design Systems
- Stylify Me stylifyme.com
<blockquote>What we need [instead] is to deliver the minimum CSS required to make the page layout viable. It's impossible to provide one size fits all guidelines as different sites will have different needs. However, this baseline CSS is likely to include the core typography, colours and layout.
I appreciate this isn't easy - it's not something you are likely to be able to do with a Grunt plugin, you are going to have to have an in-depth understanding of your visual design and your CSS and how the two are interrelated. You will need to know what is the absolute minimal core of your visual design and how that is described by CSS. From this you can deliver the CSS that describes this core and the enhanced CSS that completes the visual design.</blockquote>
- Vertically Center Multi-Lined Text | CSS-Tricks css-tricks.com
- CSS3 Animation Cheat Sheet - Justin Aguilar justinaguilar.com
- t32k/stylestats github.com
- GitHub's CSS markdotto.com
- CSS Triggers... csstriggers.com
<blockquote>A definitive reference for what work is triggered by changing various CSS properties.</blockquote>
<blockquote>A CSS-only way to style native selects everywhere.</blockquote>
- SUIT CSS: style tools for UI components suitcss.github.io
Introduction SUIT CSS is a reliable and testable styling methodology for component-based UI development . A collection of CSS packages and build tools are…
- Bounce.js bouncejs.com
bounce.js lets you create tasty CSS3 powered animations in no time. Give it a spin .
- The New CSS3 Relative Font Sizing Units sitepoint.com
- Responsive Web Design Patterns bradfrost.github.io
- trulia/hologram github.com
- Developer Console Style Guide - Pivotal Web Services console.run.pivotal.io
- Singularity | Grids without limits singularity.gs
<blockquote>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.</blockquote>
- Yelp Styleguide yelp.com
- International box-sizing Awareness Day | CSS-Tricks css-tricks.com
<blockquote>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.</blockquote>
- 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
- Tetris & The Power Of CSS heydonworks.com
- Wallop Slider pedroduarte.me
- MindBEMding – getting your head ’round BEM syntax csswizardry.com
- 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
<blockquote>A new design for Acko.net, fusing WebGL, CSS 3D and HTML at sixty frames per second.</blockquote>
Seriously impressive.
- Semantic CSS With Intelligent Selectors | Smashing Coding coding.smashingmagazine.com
Some interesting ideas in here.
- The why and how of CSS testing. csste.st