Links tagged “css”

tympanus.net

Codrops archive of Blueprints — minimal, ready-to-adapt website components and layouts such as menus, sliders, grids and forms.

codyhouse.co

A library of HTML, CSS and JavaScript components, with documentation and templates to drop into a page.

tympanus.net

A shading effect for 3D transformed elements

tympanus.net

A sidebar menu as seen on the Google Nexus 7 website

tympanus.net

Responsive Multi-Level Menu: Space-saving drop-down menu with subtle effects

tympanus.net

A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath.

tridiv.com

Tridiv is a web-based editor for creating 3D shapes in CSS

smashingmagazine.com

Techniques for reproducing CSS3 effects — rounded corners, shadows, gradients, opacity — in Internet Explorer 6 to 8, using proprietary filters, JavaScript shims and fallbacks.

jsfiddle.net

An online editor that runs HTML, CSS and JavaScript snippets in the browser and makes them shareable by URL.

astuteo.com

A stylesheet that renders a visual site map straight from an HTML unordered list, handling up to four levels of navigation with no other software involved.

w3.org

W3C Working Draft of 30 June 2009 for CSS multi-column layout, defining the twelve properties that flow an element's content into a set of columns.

960.gs

CSS framework built on a 960-pixel page width, shipping 12- and 16-column grids plus sketch paper and templates for the usual design tools.

designinfluences.com

Demo page for the Fluid 960 Grid System, a percentage-width take on the 960 Grid System shipping 12- and 16-column templates for MooTools, jQuery and plain CSS.

designm.ag

Tutorial building a toggle that switches a listing between detailed list view and thumbnail grid view, with a live demo and downloadable source.

alistapart.com

A List Apart article introducing faux absolute positioning, a CSS technique mixing floats and relative positioning to build flexible multi-column grid layouts.

davidwalsh.name

Post showing how to merge separate screen and print stylesheets into a single file using @media blocks, saving an HTTP request per page.

smashingmagazine.com

A roundup of 53 CSS techniques and tutorials collected as a working reference for front-end developers.

smashingmagazine.com

A collection of fifty CSS techniques, ideas and ready-to-use solutions aimed at everyday coding problems.

rafael.adm.br

A one-line JavaScript that stamps browser and operating-system classes onto the html element, so browser-specific CSS can be written with plain selectors instead of hacks.

quirksmode.org

Reference on conditional comments, the Internet Explorer-only syntax for serving markup and stylesheets that every other browser ignores as a comment.