Links tagged “webdesign”

sprymedia.co.uk

A JavaScript bookmarklet that overlays grids, rulers, measurement tools and crosshairs on any page to check its alignment and layout.

grokdotcom.com

Questions whether Jakob Nielsen's F-shaped scanning pattern holds regardless of a page's design, arguing that layout, imagery and formatting steer where visitors look.

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.

colorschemedesigner.com

Color wheel tool that derives monochromatic, complementary and triadic palettes from a base hue and previews them on sample layouts; now published as Paletton.

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.

typeface.neocracy.org

JavaScript library that draws custom fonts with canvas and VML, so headings can keep their typeface while staying selectable HTML text instead of images or Flash.

alistapart.com

Screen-reader test results for the Fahrner Image Replacement technique, concluding that hiding text with display none or visibility hidden makes it inaccessible.

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.

oswd.org

Repository of free, standards-compliant HTML and CSS website templates contributed by designers and downloadable for any project.

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.

smashingmagazine.com

A showcase of free, high-quality desktop and web icon sets, each listed with its licence terms for personal and commercial use.

gosquared.com

A free set of 77 vector buttons in Adobe Illustrator format, offered for use in web and interface design.

quirksmode.org

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

webdesignerwall.com

Tutorial for faking gradient headings in CSS by overlaying a transparent gradient PNG on live text, with an IE6 fallback and a jQuery variant.