public marks

PUBLIC MARKS with tag css

10 April 2014

Advanced web typography: Kerning » Blog » Elliot Jay Stocks

by sbrothier
The simplest way to turn on kerning is to use text-rendering: optimizeLegibility;, which, depending on the browser, will also enable other OpenType features. Like I said yesterday, though, that this isn’t an official CSS property and in theory could become unsupported at any time. It’s also been known to cause a few issues.

09 April 2014

slick - the last carousel you'll ever need

by sbrothier & 6 others
Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc...

07 April 2014


by 84GHz (via)
Font‑To‑Width does not scale the font-size. Instead, it chooses a width or weight variant according to what fits best, and then allows for letter- and word-spacing adjustments as needed.

03 April 2014

10 Easy Image Hover Effects You Can Copy and Paste

by 84GHz & 1 other
Each example comes with an HTML and CSS snippet that you can steal and a live demo so you can see it in action.

02 April 2014

28 March 2014

Rotated Table Column Headers | CSS-Tricks

by 84GHz
Perhaps not a huge problem for two columns, but if you had 20 that would be very hard to navigate and a poor use of space. A better use of space is to rotate the headers so that the column width can be much narrower.

26 March 2014

Flexbox Grid

by Krome & 2 others
A grid system based on the flex display property.

Pattern Lab | Build Atomic Design Systems

by srcmax
Pattern Lab is a collection of tools to help you create atomic design systems.

Flexbox Grid

by srcmax & 2 others
A grid system based on the flex display property.

17 March 2014

h5bp/Effeckt.css · GitHub

by nicmae (via)

13 March 2014

Image Blender - tint / blend your images client side using any color - Impact Forums

by sbrothier
This plugin allows you to tint/blend images using any specified color. It works kind of like the old palette-shifting approaches in old-school games, but you can effectively colourize an ig.Image or ig.AnimationSheet to any custom color.