HTML5 Please - Use the new and shiny responsibly
20 days ago by brew
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
html5
css
polyfill
javascript
reference
css3
20 days ago by brew
Sequence.js - The jQuery Slider Plugin with Infinite Style
9 weeks ago by brew
Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3
jquery
javascript
css
transitions
slideshow
slider
9 weeks ago by brew
Off Canvas
9 weeks ago by brew
The idea here is to have the two supporting panels of navigation and sidebar content hidden just off-screen to the left and right for easy access on small/medium viewports. Off Canvas is a design pattern, not a plugin or framework.
css
webdesign
patterns
responsive
javascript
9 weeks ago by brew
LukeW | Multi-Device Layout Patterns
10 weeks ago by brew
I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.
patterns
design
adaptive
responsive
mediaqueries
css
webdesign
screen
size
layout
10 weeks ago by brew
About normalize.css – Nicolas Gallagher
12 weeks ago by brew
Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.
normalize
css
base
default
reset
12 weeks ago by brew
Media Queries
february 2012 by brew
A collection of inspirational websites using media queries and responsive web design.
webdesign
responsive
flexible
css
mediaqueries
device
width
february 2012 by brew
CSSPrefixer
february 2012 by brew
You hate writing vendor prefixes for all browsers? Just let CSSPrefixer do it for you!
vendor
prefix
css
generator
february 2012 by brew
HTML5 Please - Use the new and shiny responsibly
january 2012 by brew
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
css
html5
css3
html
reference
polyfills
fallbacks
list
features
compatibility
browser
january 2012 by brew
How to use @font-face to avoid faux-italic and bold browser styles | Metal Toad Media
december 2011 by brew
Article doesn't address bugs with style linking in IE6-8 :/
font-face
css
font-family
style
weight
december 2011 by brew
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
november 2011 by brew
selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.
css
css3
select
pseudo
element
javascript
selectors
internetexplorer
polyfill
november 2011 by brew
DropKick - a jQuery plugin for beautiful dropdowns
november 2011 by brew
Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation.
jquery
select
dropdown
menu
plugin
css
custom
javascript
november 2011 by brew
Animate.css - a bunch of plug-and-play CSS animations
october 2011 by brew
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.
css
transitions
animation
october 2011 by brew
Uniform - Sexy forms with jQuery
october 2011 by brew
Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?
form
style
css
jquery
javascript
custom
october 2011 by brew
About ePub Zen Garden
october 2011 by brew
We want to dispel the myth that digital books can't also be crafted works of visual design. Just as web design has evolved and matured, so too will ebooks, and book designers have a new medium available in which to express their creativity.
The Zen Garden is a place to showcase this new way of designing stories.
css
ebook
epub
design
book
The Zen Garden is a place to showcase this new way of designing stories.
october 2011 by brew
text-overflow - MDN
september 2011 by brew
The text-overflow CSS property determines whether an ellipsis ("…") displays when text content has overflowed its given layout area. To force overflow to occur and ellipses to be applied, the author must apply some additional properties on the element. See example below.
css
text-overflow
ellipsis
clip
text
overflow
september 2011 by brew
Sprite Cow - Generate CSS for sprite sheets
september 2011 by brew
Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.
css
sprite
images
background
tool
position
september 2011 by brew
Introduction · jQuery Masonry
september 2011 by brew
Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
css
javascript
jquery
masonry
blocks
layout
september 2011 by brew
ProCSSor - Advanced CSS Prettifier
september 2011 by brew
ProCSSor is a powerful (and wholly free) CSS prettifier that lets you format CSS in the exact way you want. It empowers you to turn your CSS into something that is visually more compelling, and with a minimum of effort at that.
css
processor
format
formatter
september 2011 by brew
Ultimate multi-column liquid layouts (em and pixel widths)
august 2011 by brew
This series of layouts use pixel and em widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch. They're also 'stackable' so you can use multiple column types on the one page.
css
layout
liquid
em
px
template
webdesign
multi
column
august 2011 by brew
Bootstrap, from Twitter
august 2011 by brew
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
framework
css
html
template
grid
forms
typography
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
august 2011 by brew
A Whole Bunch of Amazing Stuff Pseudo Elements Can Do | CSS-Tricks
june 2011 by brew
It's pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. They unlock a whole lot of interesting design pos
css
pseudo
elements
linkdump
june 2011 by brew
Treesaver.js
february 2011 by brew
Treesaver® is a JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS.
framework
javascript
opensource
magazine
layout
html
css
publishing
february 2011 by brew
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
august 2010 by brew
HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site
framework
html5
css
javascript
template
august 2010 by brew
Style Master CSS Editor for Windows and Mac OS X
july 2010 by brew
Here's a collection of tools for web developers he's put together to help you analyse and debug your sites (and other people's sites as well), play with CSS3 features (bleeding edge browsers recommended) and more.
css3
css
tools
webdesign
preview
july 2010 by brew
#eCSStender.org { content: "Homepage"; }
june 2010 by brew
Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
javascript
framework
standards
css
css3
june 2010 by brew
related tags
-moz-inline-block ⊕ -moz-inline-stack ⊕ 37Signals ⊕ 200% ⊕ @font-face ⊕ accessibility ⊕ ActionScript ⊕ active ⊕ adaptive ⊕ adobe ⊕ advice ⊕ after ⊕ ajax ⊕ ala ⊕ align ⊕ alistapart ⊕ alpha ⊕ alternative ⊕ analysis ⊕ anchor ⊕ animated ⊕ animation ⊕ antialiasing ⊕ app ⊕ appearance ⊕ appliation ⊕ aqua ⊕ article ⊕ ascendercorp ⊕ ascii ⊕ atom ⊕ atypi ⊕ automatic ⊕ automation ⊕ available ⊕ background ⊕ bar ⊕ base ⊕ base64 ⊕ baseline ⊕ basic ⊕ before ⊕ beginners ⊕ behaviour ⊕ bertbos ⊕ bestpractise ⊕ birthday ⊕ blob ⊕ blocks ⊕ blog ⊕ blogs ⊕ boilerplate ⊕ book ⊕ bookmarklet ⊕ border ⊕ borders ⊕ box ⊕ boxmodel ⊕ browse ⊕ browser ⊕ browsers ⊕ bug ⊕ bugs ⊕ bulletproof ⊕ bundled ⊕ button ⊕ buttons ⊕ calculator ⊕ cartoon ⊕ cascade ⊕ chained ⊕ chart ⊕ cheatsheet ⊕ check ⊕ checkbox ⊕ checkboxes ⊕ child ⊕ children ⊕ choice ⊕ ChrisWilson ⊕ chrome ⊕ class ⊕ classes ⊕ clear ⊕ clearing ⊕ cleartype ⊕ clients ⊕ clip ⊕ clipping ⊕ code ⊕ color ⊕ colour ⊕ column ⊕ commandline ⊕ comparison ⊕ compatibility ⊕ configuration ⊕ consistency ⊕ constants ⊕ contain ⊕ content ⊕ control ⊕ controls ⊕ conversion ⊕ converter ⊕ cookies ⊕ corner ⊕ corners ⊕ css ⊖ css1 ⊕ css2 ⊕ css3 ⊕ curriculum ⊕ custom ⊕ data ⊕ debug ⊕ declaration ⊕ declatation ⊕ decode ⊕ default ⊕ del.ija.vu ⊕ demos ⊕ density ⊕ dependencies ⊕ descendant ⊕ design ⊕ detect ⊕ detection ⊕ development ⊕ device ⊕ direction ⊕ disappear ⊕ display ⊕ div ⊕ django ⊕ doctype ⊕ documentation ⊕ dom ⊕ dotted ⊕ download ⊕ draft ⊕ dreamweaver ⊕ dropdown ⊕ dropdowns ⊕ dropshadow ⊕ easing ⊕ ebook ⊕ editor ⊕ education ⊕ element ⊕ elements ⊕ ellipsis ⊕ em ⊕ email ⊕ embedding ⊕ encode ⊕ entanglement ⊕ eot ⊕ epub ⊕ equation ⊕ ericmeyer ⊕ erikvanblokland ⊕ error ⊕ even ⊕ event ⊕ example ⊕ examples ⊕ explanation ⊕ explorer ⊕ expression ⊕ extension ⊕ fade ⊕ fallback ⊕ fallbacks ⊕ family ⊕ feature ⊕ features ⊕ feed ⊕ fields ⊕ figure ⊕ file ⊕ filter ⊕ filters ⊕ firefox ⊕ firefox2 ⊕ firefox3 ⊕ firefox3.5 ⊕ firefox3.6 ⊕ firefox3.7 ⊕ first-child ⊕ fit ⊕ fix ⊕ fixes ⊕ Flash ⊕ flex ⊕ flexbox ⊕ flexible ⊕ float ⊕ floats ⊕ fluid ⊕ flyouts ⊕ focus ⊕ font ⊕ font-face ⊕ font-family ⊕ font-size ⊕ font-variant ⊕ fontdevelopment ⊕ fontembedding ⊕ fontmatchingalgorithm ⊕ fonts ⊕ fontsize ⊕ footer ⊕ form ⊕ format ⊕ formatter ⊕ formatting ⊕ forms ⊕ fouc ⊕ fout ⊕ frames ⊕ framework ⊕ free ⊕ furniture ⊕ gallery ⊕ generate ⊕ generator ⊕ gif ⊕ glyphs ⊕ gmail ⊕ google ⊕ GoogleReader ⊕ gotchas ⊕ gradient ⊕ gradients ⊕ GraphicDesign ⊕ graphics ⊕ grid ⊕ grids ⊕ group ⊕ gui ⊕ guide ⊕ hack ⊕ hacks ⊕ hasLayout ⊕ header ⊕ headlines ⊕ height ⊕ hidden ⊕ hide ⊕ hint ⊕ hints ⊕ hires ⊕ history ⊕ HollyHack ⊕ homer ⊕ horizontal ⊕ horizontalRule ⊕ hover ⊕ howto ⊕ hr ⊕ html ⊕ html5 ⊕ Humour ⊕ icons ⊕ id ⊕ idea ⊕ ie ⊕ ie5 ⊕ ie6 ⊕ ie7 ⊕ ie8 ⊕ image ⊕ ImageMap ⊕ imagereplacement ⊕ images ⊕ import ⊕ info ⊕ initialise ⊕ inline ⊕ inline-block ⊕ input ⊕ interaction ⊕ internetexplorer ⊕ interview ⊕ introduction ⊕ ipad ⊕ iphone ⊕ javascript ⊕ jello ⊕ johnathankew ⊕ JonHicks ⊕ jquery ⊕ js ⊕ kerning ⊕ key ⊕ khtml ⊕ language ⊕ last-child ⊕ layout ⊕ lcd ⊕ lettering.js ⊕ library ⊕ licensing ⊕ ligatures ⊕ lightbox ⊕ lightweight ⊕ limit ⊕ line ⊕ line-height ⊕ linear ⊕ link ⊕ linkdump ⊕ links ⊕ liquid ⊕ list ⊕ live ⊕ livepipe ⊕ local ⊕ lowest ⊕ lucida ⊕ mac ⊕ magazine ⊕ margin ⊕ markup ⊕ mask ⊕ masking ⊕ masonry ⊕ matrix ⊕ max-height ⊕ max-width ⊕ maximum ⊕ meaning ⊕ media ⊕ media-selectors ⊕ mediaqueries ⊕ meh ⊕ menu ⊕ microformat ⊕ microformats ⊕ microsoft ⊕ MiguelSousa ⊕ min-height ⊕ min-width ⊕ mine ⊕ mobile ⊕ modal ⊕ module ⊕ moo.fx ⊕ mozilla ⊕ multi ⊕ multilevel ⊕ multiple ⊕ multiplemaster ⊕ MySQL ⊕ navigation ⊕ new ⊕ newsletter ⊕ noajax ⊕ normalisation ⊕ normalize ⊕ notes ⊕ notnecessarilyrecommended ⊕ odd ⊕ offspring ⊕ online ⊕ onload ⊕ only-child ⊕ opacity ⊕ opensource ⊕ opentype ⊕ opera ⊕ opt-in ⊕ optimisation ⊕ optimization ⊕ optimizeLegibility ⊕ order ⊕ organisation ⊕ organise ⊕ OSX ⊕ outline ⊕ overflow ⊕ overlapping ⊕ overlay ⊕ package ⊕ padding ⊕ page ⊕ parent ⊕ pattern ⊕ patterns ⊕ paulirish ⊕ pdf ⊕ performance ⊕ personalisation ⊕ photos ⊕ photoshop ⊕ pil ⊕ pixel ⊕ pixels ⊕ plugin ⊕ plugins ⊕ png ⊕ polyfill ⊕ polyfills ⊕ popup ⊕ position ⊕ positioniseverything ⊕ PPK ⊕ prefix ⊕ preflight ⊕ Presentation ⊕ PressRelease ⊕ preview ⊕ print ⊕ privacy ⊕ problems ⊕ process ⊕ processor ⊕ productivity ⊕ progress ⊕ project ⊕ proof ⊕ prop ⊕ properties ⊕ proposal ⊕ prototype ⊕ Prototyping ⊕ proxy ⊕ pseudo ⊕ pseudo-selector ⊕ psuedo ⊕ publishing ⊕ px ⊕ python ⊕ query ⊕ questions ⊕ quirksmode ⊕ radio ⊕ radius ⊕ rails ⊕ reader ⊕ reading ⊕ redundancy ⊕ reference ⊕ regexp ⊕ relative ⊕ remote ⊕ remove ⊕ render ⊕ rendering ⊕ replace ⊕ request ⊕ research ⊕ reset ⊕ resize ⊕ resolution ⊕ resource ⊕ resources ⊕ responsive ⊕ retina ⊕ review ⊕ rhythm ⊕ ribbons ⊕ RichardRutter ⊕ robadob ⊕ round ⊕ rounded ⊕ rss ⊕ ruby ⊕ rule ⊕ safari ⊕ sample ⊕ scaling ⊕ screen ⊕ screencapture ⊕ screenshot ⊕ screensize ⊕ script ⊕ scroll ⊕ scrollbar ⊕ search ⊕ searchengine ⊕ secure ⊕ select ⊕ selector ⊕ selectors ⊕ semantic ⊕ seo ⊕ separation ⊕ server ⊕ setting ⊕ shadow ⊕ shapes ⊕ shortcut ⊕ showcase ⊕ sifr ⊕ silk ⊕ silverlight ⊕ simpsons ⊕ SING ⊕ singleline ⊕ size ⊕ sizing ⊕ slider ⊕ slideshow ⊕ smallscreen ⊕ snippet ⊕ social ⊕ SooInternet ⊕ spec ⊕ sprite ⊕ sprites ⊕ stack ⊕ standards ⊕ start ⊕ stepmenu ⊕ sticky ⊕ strict ⊕ stripes ⊕ study ⊕ style ⊕ styles ⊕ styling ⊕ submit ⊕ support ⊕ svg ⊕ switching ⊕ syntax ⊕ table ⊕ tables ⊕ talleming ⊕ target ⊕ technique ⊕ techniques ⊕ technologies ⊕ Technology ⊕ template ⊕ templates ⊕ test ⊕ testcase ⊕ testing ⊕ tests ⊕ text ⊕ text-indent ⊕ text-overflow ⊕ text-shadow ⊕ text-transform ⊕ textbook ⊕ texteditor ⊕ theme ⊕ ThomasPhinney ⊕ timeline ⊕ tip ⊕ tips ⊕ tool ⊕ tools ⊕ toread ⊕ tr ⊕ tracking ⊕ transitional ⊕ transitions ⊕ transparency ⊕ transparent ⊕ triangles ⊕ trick ⊕ tricks ⊕ ttf ⊕ tutorial ⊕ type ⊕ TypefaceDesign ⊕ typefaces ⊕ typography ⊕ ui ⊕ underware ⊕ undo ⊕ unitless ⊕ units ⊕ Unobtusive ⊕ unstyled ⊕ unused ⊕ update ⊕ usability ⊕ use ⊕ utility ⊕ validate ⊕ validation ⊕ variable ⊕ variables ⊕ vendor ⊕ vertical ⊕ viewpoint ⊕ vista ⊕ vml ⊕ w3c ⊕ warp ⊕ wasp ⊕ wcag2.0 ⊕ web ⊕ webdesign ⊕ webdevelopment ⊕ webfont ⊕ webfonts ⊕ webkit ⊕ weight ⊕ widget ⊕ width ⊕ window ⊕ windows ⊕ wizard ⊕ woff ⊕ workaround ⊕ workarounds ⊕ wrapper ⊕ www-font ⊕ xhtml ⊕ yahoo ⊕ yahoo! ⊕ yui ⊕ z-index ⊕ zebra ⊕ ZenGarden ⊕ zoom ⊕Copy this bookmark: