blogmarks.net Get Firefox!

ABBA as an acronym

3 month ago

Richard Rutter : ABBA as an acronym - Don’t even go there (handy Venn diagram from Craig).

Tags : Mark-up techniques Markuptechniques, ABBA, acronym

  copy

XFN encoding, extraction, and visualizations

7 month ago

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

Tags : CSS techniques CSStechniques microformats XFN

  copy

Compound Microformats

7 month ago

Richard Rutter : Compound Microformats - Handy examples of combining Microformats, with a particular emphasis on geo.

Tags : Mark-up techniques Mapping & Geospatial Markuptechniques MappingandGeospatial microformats

  copy

kropp

7 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

11 month ago

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

Tags : CSS techniques snapshot W3C CSStechniques

  copy

One line of code

14 month ago

Richard Rutter : One line of code - Making your site look better on the iPhone with one line of HTML.

jonhicks : furbo.org · One line of code

Tags : Mark-up techniques Markuptechniques iPhone code iphone

  copy

Formal Weirdness

16 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

16 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

16 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

17 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

17 month ago

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

Tags : Typography CSS techniques CSStechniques verticalRhythm

  copy

Getting back to POSH

17 month ago

Richard Rutter : Getting back to POSH - Plain ol’ Semantic HTML – remembering our roots.

Tags : Mark-up techniques Markuptechniques HTML POSH

  copy

The Markup & Style Society

17 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

17 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

18 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

19 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

31 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

31 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

32 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

32 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

32 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

XHTML Character Entity Reference

32 month ago

Ethan Marcotte : XHTML Character Entity Reference - Hot. Via...well, everybody. I suck.

Richard Rutter : XHTML Character Entity Reference - The 252 allowed entities in HTML 4 and XHTML 1.0.

Tags : Mark-up techniques Markuptechniques HTML XHTML entity reference

  copy

Google's statistics on most-used HTML tags and classes

32 month ago

Milo Vermeulen : Google's statistics on most-used HTML tags and classes [via]

Andy Baio : Google Code's Web Authoring Statistics - popular elements and attributes across a billion webpage sample set  [via]

Nelson Minar : Web authoring stats - Google's analysis of 1 billion web pages' HTML

Eric Meyer : Google Code: Web Authoring Statistics - "In December 2005 we did an analysis of a sample of slightly over a billion documents, extracting information about popular class names, elements, attributes, and related metadata."

kayodeok : Google Code: Web Authoring Statistics - In December 2005 we did an analysis of a sample of slightly over a billion documents, extracting information about popular class names, elements, attributes, and related metadata. The results we found are available below. We hope this is of use!

Jeremy Zawodny : Web Authoring Statistics - Web Authoring Statistics: interesting google stats on web page elements and such

François Nonnenmacher : Google Code: Web Authoring Statistics - View this with Firefox or an SVG-enabled browser

Paul Hammond : Google Code: Web Authoring Statistics - analysis of a sample of slightly over a billion documents

Richard Rutter : Web Authoring Statistics - Google investigates the popularity of classes, elements, etc.

Tags : (x)html css daily design google markup research standards statistics surveys validation web webdesign webdev links Google Mark-up techniques Markuptechniques

  copy

img Image Replacement

32 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

35 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
xml
Upian.