public marks

PUBLIC MARKS from Spone with tag css

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 others
Automated UI Testing Made Easy Catch Website Bugs and Regressions Before They Cost You

Picnic CSS

by 1 other (via)
Lightweight and beautiful library

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 other
Flakes 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

Creative Link Effects

by 1 other
Subtle and modern effects for links or menu items

Browserhacks

by 3 others
Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.

Demo: Jump links and viewport positioning – Nicolas Gallagher

(via)
Four methods for creating space above the target of a jump link.