blogmarks.net Get Firefox!

XFN encoding, extraction, and visualizations

11 month ago

Richard Rutter : XFN encoding, extraction, and visualizations - Good article from the man Suda.

Tags : CSS techniques CSStechniques microformats XFN

  copy

kropp

11 month ago

Ethan Marcotte : kropp - Lovely and liquid, with some luscious line-lengths. ∞

dbow : JustinKropp.com - One of the best fluid-width sites/grids I've ever seen (via hicksdesign)

Richard Rutter : Fabulously liquid - Great fluid layout by Justin Kropp.

Tags : css design grid CSS techniques Inspiration CSStechniques liquid fluid layout JustinKropp

  copy

CSS Snapshot 2007

15 month ago

Richard Rutter : CSS Snapshot 2007 - Official explanation of the state of CSS specs.

Tags : CSS techniques snapshot W3C CSStechniques

  copy

Fixing Button widths in IE

20 month ago

Richard Rutter : Fixing Button widths in IE - Spoiler: width:1px; overflow:visible. [via ]

Tags : Browsers CSStechniques button bug IE6

  copy

Formal Weirdness

20 month ago

Richard Rutter : Formal Weirdness - Great post on why styling forms is so problematic & inconsistent.

wearehugh : Eric's Archived Thoughts: Formal Weirdness

Tags : CSS techniques CSStechniques forms EricMeyer css webdev

  copy

DesignByGrid.com

20 month ago

Khoi Vinh : DesignByGrid.com

Richard Rutter : Design By Grid - Showcase, articles and tutorials for grid design.

Tags : Two Star CSS techniques Inspiration CSStechniques grid design

  copy

Guardian Unlimited's new look: Some background on templating

20 month ago

Simon Willison : Guardian Unlimited's new look: Some background on templating - Guardian Unlimited’s new look: Some background on templating. Nik Silver describes some of the challenges involved in building a complex new homepage using CSS and Velocity.

Richard Rutter : Background on templating the new Guardian website - .

Tags : CSS techniques CSStechniques Guardian

  copy

How to prevent HTML tables from becoming too wide

21 month ago

Richard Rutter : How to prevent HTML tables from becoming too wide - There seems to be universal acceptance of table-layout:fixed.

Tags : CSS techniques CSStechniques tables

  copy

CSS vertical rhythm calculator

21 month ago

Richard Rutter : CSS vertical rhythm calculator - Calculates em values based on a baseline size.

Tags : Typography CSS techniques CSStechniques verticalRhythm

  copy

The Markup & Style Society

21 month ago

Richard Rutter : The Markup & Style Society - I SO want to be a member.

Tags : CSS techniques Mark-up CSStechniques Markuptechniques MarkupAndStyleSociety

  copy

Designing with grid-based approach

21 month ago

Richard Rutter : Designing with grid-based approach - Fantastic complilation of articles, tutorial, quotes, etc.

Tags : Design thinking Typography CSS techniques Designthinking CSStechniques grids design

  copy

IE CSS bugs when using floats and background-color

22 month ago

Richard Rutter : IE CSS bugs when using floats and background-color - Weirdness. Fix: add a line-height.

Tags : CSS techniques CSStechniques bugs IE6

  copy

Em Calculator

23 month ago

Simon Willison : Em Calculator - Em Calculator. Tool for working out CSS relative em values, useful for creating completely resizable layouts.

Richard Rutter : Em Calculator - Another one. This one does nesting – sweet.

Tags : Typography CSS techniques CSStechniques em calculator

  copy

Zoom layouts update

36 month ago

Richard Rutter : Zoom layouts update - Joe Clark updates our understanding.

Tags : Accessibility CSS techniques CSStechniques JoeClark zoomLayout

  copy

Colly's width-based layout notes

36 month ago

Cameron Moll : Colly's width-based layout notes - CollyLogic: "Width-based layout" redesign notes. Similar techniques seem to be gaining traction of late.

Richard Rutter : Variable fixed width layout explained - Colly shows how to use JS to vary layout based on window size.

Tags : DOM | JavaScript CSS techniques CSStechniques layout SimonCollison Colly

  copy

CSS Mastery book site

36 month ago

Cameron Moll : CSS Mastery book site - CSS Mastery book site now live. Props to Andy for knocking out this one. Sample chapter available for download.

jimray : CSS Mastery: Advanced Web Standards Solutions

Paul Hammond : CSS Mastery: Advanced Web Standards Solutions

Richard Rutter : CSS Mastery - Advanced Web Standards Solutions: Andy’s forthcoming book.

Tags : 2read books css design webdev CSS techniques CSStechniques book AndyBudd CSSMastery

  copy

UX Magazine: A second look

36 month ago

Cameron Moll : UX Magazine: A second look - UX Magazine. I've recently given this site a second look (though it's been live only a short while), and I must say the layout, grid, and design are all quite well-done. Home page isn't bulletproof (e.g. text resizing), but sharp nonetheless.

Richard Rutter : Size-dependent layout - UX Magazine.

Tags : Design thinking DOM | JavaScript CSS techniques Designthinking CSStechniques layout UXMagazine

  copy

CSS Typography

36 month ago

Richard Rutter : CSS Typography - Digital Web Magazine.

Philippe Janvier : CSS Typography - Comment améliorer sa typographie avec CSS. [via#

Tags : Typography CSS techniques CSStechniques typographie css

  copy

img Image Replacement

36 month ago

Richard Rutter : img Image Replacement - On replacing one image with another in media-specific instances.

Paul Hammond : iIR: img Image Replacement - There’s been lots of discussion with regard to best practices when replacing text with an image using CSS, but very little discussion of replacing one image with another in media-specific instances

Tags : DOM | JavaScript CSS techniques CSStechniques

  copy

An accessible method of hiding HTML content

39 month ago

Richard Rutter : An accessible method of hiding HTML content - Position it off-screen that show it on focus.

Tags : Accessibility CSS techniques CSStechniques skipnav

  copy

Inside Bulletproof Web Design

42 month ago

Douglas Bowman : Inside Bulletproof Web Design - Nice peak at Dan Cederholm's soon-to-be-released book, Bulletproof Web Design.

Richard Rutter : Inside Bulletproof Web Design - A peek inside the book, and it’s looking good.

Tags : CSS techniques CSStechniques book simplebits

  copy

Thierry Image Placement

42 month ago

Richard Rutter : Thierry Image Placement - This one use a transparent gif, gasp. Good though..

Tags : CSS techniques Mark-up CSStechniques Markuptechniques imagereplacement

  copy

Zoom layouts

42 month ago

Richard Rutter : Zoom layouts - Joe Clark pulls it all together.

Tags : Accessibility CSS techniques CSStechniques zoomLayout

  copy
xml
Upian.