2017
2016
ai2html
ai2html is an open-source script for Adobe Illustrator that converts your Illustrator documents into html and css.
Automated Website Testing and Monitoring - Ghost Inspector
by 2 othersAutomated UI Testing Made Easy
Catch Website Bugs and Regressions Before They Cost You
2015
Solved by Flexbox — Cleaner, hack-free CSS
by 1 other (via)CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don't address the major problems that Web developers have been complaining about for what seems like an eternity.
Finally, thanks to Flexbox, we have a solution.
2014
Flakes • An Admin UI & Template Framework
by 1 otherFlakes is an Open Source Design & Frontend Framework that serves as a foundation for internal business applications.
Flakes is a combination of CSS Libraries, JavaScript Libraries and Design files that serve as a foundation. Flakes gives priority to function and usability over glitz, it takes a no-nonsense approach to user interface design.
Enduring CSS: writing style sheets for rapidly changing, long-lived projects - Author and responsive web developer Ben Frain
When architecting CSS for a large scale project it’s a common aim to abstract visual patterns for re-use, DRY out code and normalise our designs as much as possible. However, for rapidly changing projects, I’m no longer convinced those principles should necessarily be followed to the nth degree, nor that they offer the biggest wins.
This post describes what I consider the most advantageous practices and approaches when authoring CSS for a rapidly changing, large scale web project.
GitHub's CSS · @mdo
(via)I’m always interested in the development details of other products, particularly their styleguides and approach to CSS. Given my penchant for the otherwise inane CSS details, I decided to write a bit about GitHub’s CSS.
CSS at Lonely Planet - Ian Feather
Inspired by Mark Otto's post Github's CSS I thought I would quickly jot down how Lonely Planet’s CSS is structured. I thought it was interesting to read some of the parallels and it’s good to share how we work.
Toolstrap - A CSS framework for Groupon Internal Tools // Speaker Deck
(via)An overview of Groupon's CSS framework for internal tools.
A Maintainable Style Guide - Ian Feather
At Lonely Planet we managed to accomplish this by making the Style Guide an integral part of our development workflow.
Velocity.js
by 3 others (via)Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.
Vertical align anything with just 3 lines of CSS
With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don’t know its height.
2013
Loaders and Spinners - a collection by Tim Holman - CodePen
Loaders and Spinners
Loading animations with JS or CSS
Browserhacks
by 3 othersBrowserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.
