Items tagged "css" | Natalie Downe

:nth-child tester

:nth-child tester — Simple yet fantasticly useful css3 checker for nth child expressions.
Posted at 11:15 am on the 9th of March 2010. 0 Comments
- css
- css3
- development
- webdesign
CSS Selector reference guide

At dConstruct last year Richard Rutter and I had the pleasure of hosting the CSS3 portion of the HTML5 and CSS3 Workshop. It sold out fast and was so popular that we're holding another CSS3 workshop on the 29th January 2010.

One of the handouts we gave to attendees was this useful little reference guide to CSS selectors. Made using CSS transitions, the pocketbook is printable in WebKit browsers and modern versions of Firefox, or you can download a PDF version. You can read more about how it works in my explanation of dinky pocketbooks.

The pocketbook includes all the available selectors in CSS2.1 & CSS3. Most of these have very good support and you can use them quite happily right now. Even some that are currently less supported can be used to provide additional visual flair to newer browsers. CSS selectors also come in handy to get elements in JavaScript when you are using a CSS-based JavaScript selector engine such as in jQuery.

If you are interested in learning more about CSS3, come along to workshop on the 29th January.

[… 194 words]
Posted at 3:34 pm on the 4th of January 2010. 12 Comments
- css
- css3
- guide
- pocketbook
- reference
Going Nuts with CSS Transitions

Going Nuts with CSS Transitions — I Recently wrote an article published in last Christmas's 24ways advent calendar magazine. I show you how CSS 3 transforms and WebKit transitions can add zing to the way you present images on your site.
Posted at 11:37 am on the 2nd of January 2010. 0 Comments
- 24ways
- css
- css3
- transitions
- webkit
The Fallacy of Page Zooming

The Fallacy of Page Zooming — Top notch article by Drew, I couldn't agree more with his arguments for not using px.
Posted at 3:17 pm on the 24th of June 2009. 0 Comments
- css
- flexible
- layout
- pagezoom
Workshops | dConstruct 2009

Workshops | dConstruct 2009 — Early bird tickets have just gone on sale for this year's dconstruct tickets at £345. I am running an HTML5 and CSS3 workshop with Richard and Jeremy. "HTML5 and CSS3 may be considered by some as distant concepts: far in the future and irrelevant to their daily lives. However, in this day-long workshop by Clearleft's expert client-side engineers Richard Rutter, Jeremy Keith and Natalie Downe, you will learn how these exciting new concepts can be applied today!".
Posted at 10:28 am on the 22nd of June 2009. 0 Comments
- adactio
- clagnut
- css
- css3
- dconstruct
- html
- html5
- jeremykeith
- richardrutter
- talk
- workshop
Styling buttons to look like links

A common mistake that many developers make is to use a link to trigger an action on the server, for example deleting an item from a shopping basket or adding something to your favourites. Both of these examples are actions that modify state on the server and should therefore be performed using 'post'.

However, sometimes even developers who know that is wrong to use a link where they should be using a form, get sucked in to doing so when the design requires a button to look like a link.

Please note that I am definitely not encouraging the redesign of button elements to look like links. I believe that we shouldn't mess too much with browser defaults for functional things like form controls, scroll bars and the like. That said, sometimes you just have to build what your designer tells you to.

It actually isn't hard to make a submit button look like a link using CSS so you should never find yourself in a position where you have to sacrifice forms for links purely for the sake of the design.

Firsly the markup: although you can use an input type="submit" as a submit element and this example would work in the same way, the button element is, in my opinion, a much better option. It is really flexible and can have a variety of different elements nested inside if you so choose, from simple text with an image right through to headings and paragraphs. This article on buttons by Aaron Gustafson back in 2006 is still fairly relevant today and explains some of the uses the humble button element can be put to.

Another useful article also from a while ago explains the techniques that Wufoo use to style links to look like buttons. The really important thing to take away from this article is that putting overflow: visible on a button fixes the crazy width issue that IE likes to deal us.

I have posted a simple demo for you to follow along in your browser. For the purposes of this example the markup will be:
```
<form action="#" method="post">
	<p><button type="submit" class="link"><span>Hello there I am a button</span></button></p>
</form>

<p><a href="#">That's nice, I am a link</a></p>
```
The basic page in this demo has the following styles applied to the links and body:
```
body {
	font-family: "Verdana" sans-serif;
}
a:link,
a:visited { 
	color: blue;
}
a:hover,
a:focus,
a:active {
	color: black;
}
```
Next I add the magical incantation to kick the width in IE for all buttons:
```
button {
	overflow: visible;
	width: auto;
}
```
I have added a class of link to the button that I wish to style as a link element and the basic styles that I apply to this are the colour and font family (the button seems to inherit system font settings), as well as over-riding the button defaults with regards to border, margin, padding and background.

The default cursor for button elements is a regular arrow. I normally set cursor: pointer for all button elements to ensure the user knows they are clickable. This makes even more sense for buttons that are pretending to be links.
```
button.link {
	font-family: "Verdana" sans-serif;
	font-size: 1em;
	text-align: left;
	color: blue;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}
```
Interestingly, Mozilla won't let you select the text of the button element like other browsers will, so to override this and enforce that the user can select the text of our psuedo-link, you can apply the following as well:
```
	-moz-user-select: text;
```
You can also choose to override all your other button styles if there are any.

Now you almost have a link. Those of you paying close attention earlier on will have noticed an as yet unexplained inner span to our button. This is because it does not appear to be possible to set text-decoration on a button directly and depending on how you have your link styles set this is something you are likely to want to do.

The text-decoration: underline rule is actually applied to the span on hover or focus of the button. This way is more flexible if you choose at some point to add or remove an underline on hover.
```
button.link span {
	text-decoration: underline;
}
button.link:hover span,
button.link:focus span {
	color: black;
}
```
Naturally everybody's 'favourite' browser, Internet Explorer six will not display the hover effect on your link because it doesn't 'do' hover on arbitrary elements, only on actual links. You can fake this effect with Javascript if you really wish, adding a class on hover and removing it on mousout. Other limitations of this technique are that selection of text looks a bit dodgy in all versions of IE.

My example above is very simple. If you wath a button that appears in flow with text as a link, for example the delete link on a shopping basket item in this example, you will also need to apply 'display:inline' to both the form and any block level elements inside.

So there you have it, no excuses now — go forth and use the correct HTTP method!

[… 876 words]
Posted at 12:47 am on the 10th of June 2009. 33 Comments
- button
- css
- howto
- html
- http
- post
- technique
Dinky pocketbooks: the command-line reference edition

I have fulfilled my intention from to create a dinky pocket book as a reference for useful terminal commands (see below). I'll be printing a set of these out for my colleagues to find on their desks next week.

The printable pdf can be found here, but if you are running safari — or a recent gecko build as now it also uses -moz-transform — you can print directly from the browser.

The HTML for the reference booklet together with some minor updates to the original booklet css can be found on github.

I rarely use the terminal so these are commands that I will find useful as a reference and some of these I always end up having to look up. It is not designed to be an exhaustive list but if you have any suggestions I would love to hear them!

Navigate the file tree

changing directory to dirname
```
cd dirname
```
move up a directory in the tree—dont forget you can drag a folder in from the finder to get a path to that directory.
```
cd ..
```
go back to the last directory I was in
```
cd -
```
where am I? (present working directory)
```
pwd
```
list what's in this directory
```
ls
```
now give me more information in the listing
```
ls -lah
```
ssh to server
```
ssh user@domain.com
```
Find & open

list all files recursively in subdomains
```
find .
```
find all files with '.css' in the name
```
find . | grep .css
```
find the string 'prose' in the contents of all the files in this directory
```
grep -r "prose" .
```
open a file as if you had double clicked it in the finder (mac only)
```
open filename
```
open the current directory in the finder
```
open .
```
make a directory called dirname
```
mkdir dirname
```
create a file called filename if it doesnt exist or update last modified date if it does
```
touch filename
```
Move, remove & copy

move or rename a file or directory
```
mv oldname newname
```
remove a file
```
rm filename
```
remove a directory and all its contents. BE VERY CAREFUL! you could easily delete everything!
```
rm -rf dirname
```
copy a file
```
cp oldfilename newfilename
```
copy a directory and everything in it
```
cp -r olddirname newdirname
```
securely copy a file to / on a remote server — you can also copy a directory using scp -r
```
scp file user@domain.com:
```
Subversion

check out a repository to the current directory
```
svn co http://domain.com/svn/ .
```
update local directory from repository
```
svn up
```
are there new or modified files?
```
svn status
```
add new files to the repository
```
svn add filename
```
remove a file from subversion
```
svn remove filename
```
mark a previously conflicted file as resolved
```
svn resolved filename
```
who changed what line number of this file
```
svn blame filename
```
commit all changes in this directory
```
svn commit -m "commit msg"
```
Subversion & download

is this directory checked out from svn? and where?
```
svn info
```
show everything that has changed
```
svn diff
```
show what has changed in one file
```
svn diff filename
```
open text editor in order to specify which files to ignore from svn
```
svn propedit svn:ignore .
```
download a file to the current directory
```
wget URL
```
show the contents of a file in the terminal
```
curl URL
```
Help & information

run any command as root
```
sudo your-command-here
```
get help for any command, eg svn
```
svn --help
```
how long has this computer been on?
```
uptime
```
what is the size of the current directory and all the contents
```
du -h
```
cancel the command you were currently typing
```
ctrl + c
```
go to the beginning of the line in the terminal
```
ctrl + a
```
go to the end of the line in the terminal
```
ctrl + e
```
[… 635 words]
Posted at 5:01 pm on the 23rd of May 2009. 39 Comments
- cmd
- command
- css
- css3
- gecko
- howto
- pocketbook
- reference
- terminal
- webkit
Dinky pocketbooks with WebKit transforms

I'm a big fan of stuff written on paper. My computer is covered in useful post-it notes, and I do a lot of planning on paper at the start of every client-side build.

On my desk at work is a piece of paper written in felt tip that I pass around to my co-workers on occasion. It's a reference document for how we check projects out of subversion, upload to live and some basic terminal commands for people who are unfamiliar in that environment.

This was a great opportunity to break out my favourite paper folding technique, where an A4 page becomes an 8 page booklet. I first learnt about this from a Christmas card I received a few years ago from some very inventive friends.

Brian Suda happened to be in the office that day and pointed me to a cool Flash interface for creating these, pocketmod.com. He also suggested that it would be possible to build these using just HTML and CSS with CSS3 transforms, currently supported by Safari and WebKit.

Inspired, I did exactly that.

Here's the demo.html (no transforms, so I can easily preview the pages) - the transforms are applied by the print stylesheet, so hit "print preview" to see them. Alternatively, visit demo.html?print to preview the print stylesheet directly in your browser.

Just in case you aren't running Webkit or Safari, here's what the print output looks like:

Each "page" has a set width and height (241x370 px) and is absolutely positioned, but the real magic happens with the CSS3 transforms in the print stylesheet:
```
/* rotated left */
#page1, #page8, #page7, #page6 {
  -webkit-transform: translate(64.5px, -64.5px) rotate(-90deg);
}
/* rotated right */
#page2, #page3, #page4, #page5 {
  -webkit-transform: translate(-64.5px, -64.5px) rotate(90deg);
}
```
It's not enough just to rotate 90 or -90 degrees. This works fine if you are rotating something that is square because the rotation happens around the centre point. I wanted to rotate the rectangles around the corner to ensure they fitted snugly inside their parent container. The solution was to shift the position using a translate() transform. I could have done this with position: relative, but I opted for a transform since I was already using -webkit-transform for the rotation. 64.5px is worked out as (height - width) / 2.

You can fill each page with whatever you like, but make sure it fits or it will be clipped by the overflow: hidden applied to the page. The only required markup is as follows:
```
<div id="book">
  <div id="page1" class="page"></div>
  <div id="page2" class="page"></div>
  <div id="page3" class="page"></div>
  <div id="page4" class="page"></div>
  <div id="page5" class="page"></div>
  <div id="page6" class="page"></div>
  <div id="page7" class="page"></div>
  <div id="page8" class="page"></div>
</div>
```
I surround textual content with a <div class="inner"> to apply sensible padding without affecting the width of the page.

There are currently two special page types. An empty page with lines (suitable for hand-written notes) is achieved by applying a class of lines:
```
<div id="page5" class="page lines"></div>
```
The second special page uses the Google Static Maps API. The API takes a bunch of name value pairs, which I decided to represent using a definition list. On load, pages with the class gmap are scanned for definition lists, which are then hidden and replaced by an image constructed from the definition terms.
```
<div id="page4" class="page gmap">
  <dl>
    <dt>center</dt>
    <dd>50.8197155,-0.1365716</dd>
    
    <dt>key</dt>
    <dd>insert your Google Maps API key here (get one here)</dd>
    
    <dt>zoom</dt>
    <dd>13</dd>	
  </dl>
</div>
```
I use Simon's www.getlatlon.com to find the correct values.

Aside from these special pages, I've included styles for the HTML usual suspects - lists, tables, headings, pre etc. To make a todo list, simply apply a class of todo to a <ul> or an <ol>. To make a blank todo list, just use blank list items.

Once you've constructed and printed your dinky booklet masterpiece, you'll need to fold it. Here's a nifty video from pocketmod.com showing how:

I've published the code on GitHub, so please feel free try it out yourself or fork it and have a play. Let me know what you think.

[… 715 words]
Posted at 11:22 pm on the 21st of May 2009. 40 Comments
- css
- css3
- paper
- pocketbooks
- webkit
Practical, maintainable CSS

Continuing my new years resolution to get better at public speaking, I have now given two talks in 2009 and am signed up to two more. It really does get easier! The last one I gave was (in hindsight) really quite fun.

Last Wednesday I spoke about what I do to the Girl Geeks of Brighton at the Eagle. An event with a good community atmosphere and fantastic food, there were lots of new faces there too.

Here are my slides from the event, they contain some of the same material to my Barcamp presentation however its much more from a practical perspective aimed at an audience with a variable base level of knowledge in CSS.

If you are interested, the slides with notes are available online. I also used Silverback to record the presentation.

Video on Vimeo

Slides on Slideshare

If you see me about at SxSW next week, come and say hi :)

[… 198 words]
Posted at 11:05 pm on the 10th of March 2009. 42 Comments
- css
- csssystems
- girlgeeks
- html
- maintainability
- markup
- talks
UX London

UX London — Launched today - I'm really proud of the liquid semi-elastic layout, in particular the way the homepage resizes. There's also a whole bunch of HTML 5 and CSS 3 loveliness. Pair programmed with Jeremy Keith.
Posted at 10:47 pm on the 23rd of December 2008. 0 Comments
- clearleft
- css
- css3
- html5
- uxlondon
CSS Systems for writing maintainable CSS

I gave a talk this morning at BarCamp London 5 about CSS Systems, a new term that I am using to define a top-down approach to architecting a site's CSS.

A CSS System is a reusable set of content-oriented markup patterns and associated CSS created to express a site's individual design. It is the end result of a process that emphasizes up-front planning, loose coupling between CSS and markup, pre-empting browser bugs and overall robustness. It also incorporates a shared vocabulary for developers to communicate the intent of the code.

The talk elaborates on this concept, and also describes a number of tricks I use to preempt maintainability issues.

You can view just the slides on SlideShare, but as they might not make sense out of context you can download a PDF of the slides with notes for the complete experience.

[… 164 words]
Posted at 11:20 pm on the 28th of September 2008. 147 Comments
- barcamplondon
- barcamplondon5
- css
- csssystems
- html
- maintainability
- markup
- talks
Anti-aliased Rounded corners with JQuery

Anti-aliased Rounded corners with JQuery — .
Posted at 4:19 pm on the 21st of May 2008. 0 Comments
- css
- javascript
- jquery
CSS layouts without using FLOAT

CSS layouts without using FLOAT — Using display:table-cell; to portray layout.
Posted at 10:12 am on the 28th of January 2008. 0 Comments
- css
- hacks
- tutorial
- web
Katemonkey.co.uk: X-UA-Lemur-Compatible

Katemonkey.co.uk: X-UA-Lemur-Compatible — Very funny commentary on the whole IE8 debarkel ... Zeldman's blue-hatted lemur definitely is the detail that completes this parody.
Posted at 7:11 pm on the 24th of January 2008. 0 Comments
- css
- cute
- funny
- ie
- standards
- web
pixelspread: Easy Drop Caps

pixelspread: Easy Drop Caps — mini tutorial on using ':first-child:first-letter' to do CSS progressively enhanced drop caps.
Posted at 5:21 pm on the 24th of January 2008. 0 Comments
- css
- howto
- typography
KilianValkhof.com » Blog Archive » (Almost) Cross browser text-shadow

KilianValkhof.com » Blog Archive » (Almost) Cross browser text-shadow — Text shadowing using CSS2 and 3 techniques with those IE filters fo fill in the gaps.
Posted at 5:19 pm on the 24th of January 2008. 0 Comments
- css
- tutorial
- typography
- webdesign
pixelspread: List Based Calendar

pixelspread: List Based Calendar — Cute list based calender, using the same markup but different CSS to display two different calender views. It would be even better if it sported hevent though :).
Posted at 12:07 pm on the 21st of January 2008. 0 Comments
- css
- howto
- technique
Geek Trends: 15 Footers with great usability by Pop Upon Magazine

Geek Trends: 15 Footers with great usability by Pop Upon Magazine — The art of footer design.
Posted at 6:33 pm on the 7th of January 2008. 0 Comments
- css
- design
- usability
Lets talk about x baby

Lets talk about x baby — Greater flexibility on the horizon for the typographer in you.
Posted at 6:23 pm on the 7th of January 2008. 0 Comments
- css
- typography
- webdesign
Test of System Color Values defined in CSS 2

Test of System Color Values defined in CSS 2 — Old resource I know, but I was having a dig round in Firefox's browser default CSS the other day and I was reminded of thid.
Posted at 6:20 pm on the 7th of January 2008. 0 Comments
- color
- css
- webdesign
Understanding CSS Colour modes

Understanding CSS Colour modes — in both CSS2.1 and CSS3, particularly exciting are RGBa and HSLa formats supported by firefox 3 and safari 3.
Posted at 4:52 pm on the 7th of January 2008. 0 Comments
- color
- css
- design
- reference
- webdesign
Posh CSS

Posh CSS — interesting looking blog, havn't had chance to check out the archives yet.
Posted at 2:16 am on the 1st of December 2007. 0 Comments
Genfavicon. Free Online Favicon Generator. Icon Generator.

Genfavicon. Free Online Favicon Generator. Icon Generator. — nice idea, its normally a bit of a faff to make favicons (unless you are using the gimp :p ).
Posted at 2:14 am on the 1st of December 2007. 0 Comments
- css
- graphics
- howto
- icons
Vitamin Features » Ensuring your HTML emails look great and get delivered

Vitamin Features » Ensuring your HTML emails look great and get delivered — Guide to HTML email creation, gosh it still sucks, thank goodness for the email standards project!
Posted at 2:13 am on the 1st of December 2007. 0 Comments
- css
- howto
- tutorial
Wufoo · Theme Gallery - Custom CSS Form Designs

Wufoo · Theme Gallery - Custom CSS Form Designs — Yay for the new wufoo gallery, nice interface for fast creation of pretty forms.
Posted at 2:13 am on the 1st of December 2007. 0 Comments
- css
- forms
- wufoo
Email Standards Project

Email Standards Project — working with email client developers and the design community to improve web standards support and accessibility in email.
Posted at 9:48 am on the 28th of November 2007. 0 Comments
- css
- design
- for:tomdyson
- for:torchbox
- standards
- webdesign
Print style sheets - a photoset on Flickr

Print style sheets - a photoset on Flickr — Jeremy's printstyles photoset.
Posted at 12:10 am on the 28th of November 2007. 0 Comments
- css
- development
- print
- printstyles
- reference
DebugBar - IE extension for web developer : DOM inspector, Javascript debugger, HTTP headers viewer, Cookies viewer

DebugBar - IE extension for web developer : DOM inspector, Javascript debugger, HTTP headers viewer, Cookies viewer — I have yet to play with this but it is effectively a 'firebug for ie' - Thanks Dan Webb for pointing me at this one.
Posted at 10:15 pm on the 27th of November 2007. 0 Comments
- browser
- css
- debug
- ie
- javascript
- tools
Single Line CSS // Ordered List by Steve Smith

Single Line CSS // Ordered List by Steve Smith — We all have our personal preference, I believe that using CSSEdit (my new favorite css editor) negates the need for this particular technique.
Posted at 10:36 pm on the 15th of October 2007. 0 Comments
- css
- development
- optimisation
- productivity
- standards
- webdesign
Juicy Studio: Screen Readers and display:none

Juicy Studio: Screen Readers and display:none — A recent article describing some interesting behavior with screen readers, anchor elements and display:none.
Posted at 10:34 pm on the 15th of October 2007. 0 Comments
- accessibility
- css
- development
- standards
- web
Grid Layout

Grid Layout — keybord co-ordinated grid layout toggle inspired by one of Jon Hicks's tweets.
Posted at 9:13 pm on the 25th of September 2007. 0 Comments
- css
- development
- javascript
- productivity
- tools
- webdesign
Sangeeta asks the CSS Guy how to create a table like Orbitz's airline flights scheduling and pricing matrix (Ask the CSS Guy)

Sangeeta asks the CSS Guy how to create a table like Orbitz's airline flights scheduling and pricing matrix (Ask the CSS Guy) — Using tables cunningly.
Posted at 9:01 am on the 24th of September 2007. 0 Comments
- css
- html
- javascript
Styling File Inputs with CSS and the DOM // ShaunInman.com

Styling File Inputs with CSS and the DOM // ShaunInman.com — a little bit hacky but pretty smart.
Posted at 11:58 pm on the 11th of September 2007. 0 Comments
- css
- design
- hacks
- howto
- html
- technique
Blueprints are not final

Blueprints are not final — I agree with this entirely.
Posted at 3:34 pm on the 15th of August 2007. 0 Comments
- css
- design
- javascript
- standards
Particletree » Rediscovering the Button Element

Particletree » Rediscovering the Button Element — Beautiful use of the button tag styled cross browser as used in Wufoo, with the possablility of using the same styles for links.
Posted at 12:11 pm on the 17th of May 2007. 0 Comments
- css
- design
- development
- for:simonw
- fortorchbox
- standards
- technique
- tutorial
Nifty Corners Layout

Nifty Corners Layout — New version of Nifty Corners ... still using the b tag with inline styles though I see.
Posted at 4:05 pm on the 30th of March 2007. 0 Comments
- css
- design
- javascript
Stu Nicholls | CSSplay | Mini tabbed pages

Stu Nicholls | CSSplay | Mini tabbed pages — Cute, but I really dont like this type of user interface, where hoverover has an action that prompts a large change in form, its too easy to do by accident.
Posted at 9:16 am on the 13th of February 2007. 0 Comments
- css
- javascript
Em Calculator

Em Calculator — cute.
Posted at 3:38 pm on the 5th of February 2007. 0 Comments
- css
- javascript
- webdesign
CSS3 Preview - CSS3 . info

CSS3 Preview - CSS3 . info — glimpsing into the future of CSS.
Posted at 3:37 pm on the 5th of February 2007. 0 Comments
- browser
- css
- demo
- webdesign
Why “Conditional Comments” are bad, repeat: bad – Jens Meiert

Why “Conditional Comments” are bad, repeat: bad – Jens Meiert — I disagree with this article, at some point I will explain in more detail why.
Posted at 3:34 pm on the 5th of February 2007. 0 Comments
- browser
- css
- html
- ie
Coding Horror: Stylesheets for Print and Handheld

Coding Horror: Stylesheets for Print and Handheld — printing we know, but this article tells you how to get set up with handheld browser emulators.
Posted at 9:53 am on the 2nd of February 2007. 0 Comments
- accessibility
- css
- design
- development
- fortorchbox
- mobile
- usability
- webdesign
isnoop.net CSS Superdouche

isnoop.net CSS Superdouche — not a greatly informative name but this is a compressor for CSS, might come in handy.
Posted at 3:53 pm on the 23rd of January 2007. 0 Comments
- css
- development
- tools
- webdesign
Upcoming CSS3 support in Opera - Slightly ajar - by David Storey

Upcoming CSS3 support in Opera - Slightly ajar - by David Storey — CSS support in Opera just gets better - roll on CSS3!
Posted at 3:43 pm on the 23rd of January 2007. 0 Comments
- browser
- css
- software
- standards
SitePoint Blogs » Microsoft Breaks HTML Email Rendering in Outlook 2007

SitePoint Blogs » Microsoft Breaks HTML Email Rendering in Outlook 2007 — REALLY bad news if you are forced to make HTML emails, if making them wasnt bad enough this will top it off.
Posted at 3:06 pm on the 23rd of January 2007. 0 Comments
- css
- development
- html
- images
- reference
- software
- web
- webdesign
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine — "53 CSS-based techniques you should always have ready to hand if you develop web-sites.".
Posted at 9:51 am on the 19th of January 2007. 0 Comments
- css
- design
- development
- guide
- howto
- tutorial
- webdesign
Stu Nicholls | CSSplay | Experiments with cascading style sheets

Stu Nicholls | CSSplay | Experiments with cascading style sheets — messing with css in interesting ways because you can.
Posted at 9:51 am on the 18th of January 2007. 0 Comments
- css
- documentation
- howto
- reference
- webdesign
7 Habits of a Highly Successful In-house Web Designer | Standardzilla

7 Habits of a Highly Successful In-house Web Designer | Standardzilla — ... but also good tips for any of us in the industry.
Posted at 3:40 pm on the 17th of January 2007. 0 Comments
- career
- css
- freelance
- webdesign
c THE dot.de cssutils - CSS library for Python

c THE dot.de cssutils - CSS library for Python — A Python package to parse and build CSS Cascading Style Sheets. Partly implements the DOM Level 2 Style Stylesheets and CSS interface - very excititng!
Posted at 3:47 pm on the 15th of January 2007. 0 Comments
- css
- opensource
- programming
- python
- web
Chris Wilson, Internet Explorer 7 and CSS 2.1 compliance

Chris Wilson, Internet Explorer 7 and CSS 2.1 compliance — "Microsoft is still disconnected from web authors' demands, needs and perspective.".
Posted at 11:59 am on the 9th of January 2007. 0 Comments
- browser
- css
YUI: CSS Grid Builder

YUI: CSS Grid Builder — Very interesting CSS addition from the Yahoo User Interface team. Im not so sure about the nonsemantic class names but if standardised layouts lead to more maintainable code then maybe it isnt so bad.
Posted at 3:33 am on the 23rd of December 2006. 0 Comments
- css
- design
- yahoo
- YUI
Vitamin Features » Create cross browser vector graphics

Vitamin Features » Create cross browser vector graphics — .
Posted at 11:52 pm on the 22nd of December 2006. 0 Comments
- css
- design
- dhtml
- javascript
- programming
- software
- tools
- web2.0
DerekAllard.com : Conditionally Sticky Sidebar

DerekAllard.com : Conditionally Sticky Sidebar — .
Posted at 11:51 pm on the 22nd of December 2006. 0 Comments
- css
- design
- howto
- javascript
- usability
- webdesign
Shape Shed - Journal - Overlapping tabbed navigation in CSS

Shape Shed - Journal - Overlapping tabbed navigation in CSS — .
Posted at 9:15 pm on the 10th of December 2006. 0 Comments
- css
- howto
- tutorial
- web
- webdesign
Reliably attaching CSS

Reliably attaching CSS — .
Posted at 12:51 am on the 7th of December 2006. 0 Comments
- css
- javascript
- technique
Rich text editor

Rich text editor — .
Posted at 4:41 pm on the 6th of December 2006. 0 Comments
- css
- fortorchbox
- html
- javascript
On having layout — the concept of hasLayout in IE/Win

On having layout — the concept of hasLayout in IE/Win — .
Posted at 12:24 pm on the 3rd of December 2006. 0 Comments
- css
- fortorchbox
- howto
- html
- web
- webdesign
Clever use of the materials at hand!

Inspired by the recent Daily WTF article, some colleagues of mine developed an ingenious solution to a server timeout problem.

A connection to a server would time out after 2 minutes of inactivity, to counteract this whilst an application was being installed they attached an optical mouse to a rotating fan to simulate movement. Genius!

[… 77 words]
Posted at 8:41 pm on the 30th of November 2006. 2 Comments
- css
- tech
iStock photo contributor application

It was starting to get a little depressing. I had tried unsuccessfully five times to apply as an iStock photo contributor. You know how it is, friends and family tell you they like your photos; eventually you begin to think that hey, that photo wasn't bad.

At some point you want to release your creativity onto the world not necessarily to make money, for me it was more about validation. My boss told me that I should try and apply, so I did.

If I had all my photos rejected - you need three accepted samples to become approved - I may not have persevered such as I did. As it happened my first photo of the Roman Snail was accepted with no explanation, just 'ok'. That was fine, a small note of encouragement was enough to spur me on.

I was initially a little worried about the licencing issues, since I am a big fan of theCreative Commons even for all my code and creative works. This however did fit together since all my photos are released under a noncommercial share and share alike type thing, which means anyone can do whatever they like to my photos so long as they do not make money out of it and that they attribute me and distribute their work in the same licence. iStock allows me to sell the commercial use of these photos.

The most common reasns for rejection were noise and compression, which when you have a point and shoot camera such as mine (good though the Canon is) is pretty hard to avoid, especially in low light levels. Compression I've since reduced by knocking up my camera to the highest quality and largest size photos, with artifacting I have been trying not to use my digital zoom or digital macro which are pretty dreadful for that sometimes.

The second photo accepted (once I rotated it and resubmitted it after it was rejected for being the wrong way up) was a photo I took a while ago on my old camera of my little sister's lettuce seedlings coming up in spring.

I got a couple of 'nice but show us something more interesting' comments which were more encouraging, as well as unfortunately some 'bad composition' ones. I now permanently have grid lines turned on as a guide on my camera.

It is nice that with each rejection they supply the reason and a link to the article helping you overcome the problem. When you look through your photos to find something appropriate it's amazing how many of them just are not big enough (1200 x 1600 minimum) or have something subtly wrong with them or that 'just aren't stock'. Simon has been helping me with phrases such as "what you have to think about is 'what type of PowerPoint presentation could this photo be used in'".

This weekend I was out exploring the Cotswolds with my family and I took this photo of a lone leaf which was the last photo of mine to be accepted by iStock.

Having tried and failed 5 times now (though it feels like much more!), it is so satisfying just to be accepted. I have noticed that for an application, a close up photo of something interesting seams to be the way to go.

Purely for your continued education (not as fuel to mock me with) here is a list of my rejections.
- Rust: Unfortunately this image contains undue artifacts when viewed at full size. Artifacts are most commonly caused by over-compression but may be a result of other factors. Be sure your camera is at its highest quality setting and remember to also save your JPEGs at the highest possible quality (level 12). For more information about over-compression or artifacting.
- Commute: Sorry, but we found the overall composition of this file lacking impact and therefore not suitable as stock, if you have anything else you can show us we would love to see it. For more information on composition and impact. For more information on Suitable Stock Photography
- Palm tree: Photo shows unacceptable levels of chromatic aberration, also referred to as 'purple fringing'. For more information on this
- Leaves: Please show us something more interesting
- Window: Sorry, but we found the overall composition of this file lacking impact and therefore not suitable as stock, if you have anything a little more interesting you can show us we would love to see it. For more information on composition and impact. For more information on Suitable Stock Photography
- Flower: We're not really accepting many more flower photographs right now. If you have anything else you can show us, We would love to see it.
- Thorns: We could not find a clear center focal point and found this image to be out of focus. Try using a tripod at slower shutter speeds, even intentional blurs or shallow DOF (depth of filed) should have a point of focus. For more information about focus
[… 910 words]
Posted at 12:45 am on the 28th of November 2006. 12 Comments
- css
- personal
A List Apart: Super-Easy Blendy Backgrounds

A List Apart: Super-Easy Blendy Backgrounds — .
Posted at 5:15 pm on the 27th of November 2006. 0 Comments
- css
- fortorchbox
- guide
- howto
- reference
- web
How to structure large CSS files - Friendly Bit

How to structure large CSS files - Friendly Bit — .
Posted at 10:09 am on the 26th of November 2006. 0 Comments
- css
- fortorchbox
- guide
- howto
- reference
Wake up and smell the IE7!

Wake up and smell the IE7! — guide to debugging in ie7.
Posted at 12:28 pm on the 24th of November 2006. 0 Comments
- browser
- css
- fortorchbox
- hacks
- IE7
- standards
CSS - Fun with tables

CSS - Fun with tables — .
Posted at 12:26 pm on the 24th of November 2006. 0 Comments
- css
- fortorchbox
- reference
- web
- webdesign
Details on our CSS changes for IE7

Details on our CSS changes for IE7 — .
Posted at 5:21 pm on the 23rd of November 2006. 0 Comments
- browser
- css
- fortorchbox
- howto
- reference
- standards
- webdesign
Inline image quotes

Inline image quotes — .
Posted at 2:33 pm on the 23rd of November 2006. 0 Comments
- css
- fortorchbox
- howto
- technique
- tutorial
- web
- webdesign
CSS-Based Forms: Modern Solutions

CSS-Based Forms: Modern Solutions — inspiration for forms.
Posted at 2:26 pm on the 14th of November 2006. 0 Comments
- css
- design
- fortorchbox
- usability
- web
- webdesign
Playing with CSS selectors

Playing with CSS selectors — really cool selector demo.
Posted at 2:21 pm on the 14th of November 2006. 0 Comments
Webdev Entry - Cody Lindley: IE 7 Supports More CSS Selectors, Whip-e-dee-doo-da

Webdev Entry - Cody Lindley: IE 7 Supports More CSS Selectors, Whip-e-dee-doo-da — .
Posted at 2:20 pm on the 14th of November 2006. 0 Comments
Newly Supported CSS Selectors in IE7

Newly Supported CSS Selectors in IE7 — .
Posted at 2:18 pm on the 14th of November 2006. 0 Comments
- browser
- css
- fortorchbox
- hacks
- tutorial
- web
Getting Fieldset Backgrounds and Legends to Behave in IE - Matt Heerema : Web Design

Getting Fieldset Backgrounds and Legends to Behave in IE - Matt Heerema : Web Design — .
Posted at 11:12 am on the 13th of November 2006. 0 Comments
- css
- fortorchbox
- legends
CSS: The Definitive Guide, 3rd Edition

CSS: The Definitive Guide, 3rd Edition — .
Posted at 9:44 am on the 10th of November 2006. 0 Comments
- book
- css
- tutorial
Onload image fades without Flash | clagnut/sandbox

Onload image fades without Flash | clagnut/sandbox — .
Posted at 3:40 pm on the 8th of November 2006. 0 Comments
- css
- howto
- tutorial
Particletree » Dynamic CSS Changes

Particletree » Dynamic CSS Changes — alternate stylesheets in js.
Posted at 3:35 pm on the 8th of November 2006. 0 Comments
- css
- design
- javascript
- tutorial
- webdesign
Five Simple Steps to designing with colour : Journal : Mark Boulton

Five Simple Steps to designing with colour : Journal : Mark Boulton — .
Posted at 4:06 pm on the 23rd of October 2006. 0 Comments
- css
- design
- guide
- howto
- tutorial
- webdesign
A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution

A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution — .
Posted at 2:11 pm on the 16th of October 2006. 0 Comments
- css
- graphics
- hacks
- howto
A beginners guide to CSS

A beginners guide to CSS — .
Posted at 9:37 pm on the 15th of October 2006. 0 Comments
- css
- guide
- tutorial
- webdesign
Overview | Accessibility in the User-Centered Design Process

Overview | Accessibility in the User-Centered Design Process — .
Posted at 8:07 am on the 5th of October 2006. 0 Comments
- accessibility
- css
centricle : css filters (css hacks)

centricle : css filters (css hacks) — never ever ever use these ...... but if you have to this is where they are.
Posted at 3:08 pm on the 3rd of October 2006. 0 Comments
- browser
- css
- hacks
Markup Maker - Takes a simple list of page ids that you enter and converts it to a valid XHTML document | Developer Tools | Accessify

Markup Maker - Takes a simple list of page ids that you enter and converts it to a valid XHTML document | Developer Tools | Accessify — .
Posted at 3:26 pm on the 2nd of October 2006. 0 Comments
- accessibility
- css
- design
- html
- standards
- tools
- web
- webdesign
Order Now Hand-coded Markup for your Design by PSD to HTML service, PSD2HTML.com

Order Now Hand-coded Markup for your Design by PSD to HTML service, PSD2HTML.com — .
Posted at 12:55 pm on the 2nd of October 2006. 0 Comments
- css
- design
- html
- photoshop
- programming
- tools
- web
- webdesign
Clearance // ShaunInman.com

Clearance // ShaunInman.com — .
Posted at 10:24 am on the 12th of September 2006. 0 Comments
- css
- howto
- javascript
- tutorial
- web
CSS: Specificity Wars | And all that Malarkey

CSS: Specificity Wars | And all that Malarkey — css selectors Specificity.
Posted at 9:55 am on the 24th of August 2006. 0 Comments
- css
- guide
- hacks
- reference
- tutorial
- webdesign
MeasureIt - Firefox ruler extension for web developers

MeasureIt - Firefox ruler extension for web developers — .
Posted at 8:44 am on the 17th of August 2006. 0 Comments
- css
- firefox
- tools
- web
pebbleRoad: Creating & Maintaining a Web Style Guide

pebbleRoad: Creating & Maintaining a Web Style Guide — .
Posted at 1:18 pm on the 10th of July 2006. 0 Comments
- css
- guide
- standards
- tutorial
- web
Design Detector

Design Detector — .
Posted at 1:10 pm on the 3rd of July 2006. 0 Comments
- bestpractices
- blog
- css
- guide
- reference
- web
Thierry Image Placement

Thierry Image Placement — .
Posted at 8:53 pm on the 1st of June 2006. 0 Comments
- accessibility
- css
- design
- howto
- javascript
- reference
- standards
- webdesign
TIP method

TIP method — interesting ...
Posted at 8:52 pm on the 1st of June 2006. 0 Comments
- css
- design
- image
centricle : css filters (css hacks)

centricle : css filters (css hacks) — .
Posted at 4:37 pm on the 16th of May 2006. 0 Comments
- browser
- css
- design
- hacks
- reference
- web
- webdesign
Happy Cog Studios: Zeldman Video Keynote

Happy Cog Studios: Zeldman Video Keynote — .
Posted at 1:38 am on the 26th of April 2006. 0 Comments
- accessibility
- css
- design
- html
- standards
- web
- webdesign
bobbyvandersluis.com | Ten good practices for writing JavaScript in 2005

bobbyvandersluis.com | Ten good practices for writing JavaScript in 2005 — .
Posted at 12:49 am on the 26th of April 2006. 0 Comments
- accessibility
- css
- design
- dhtml
- dom
- guide
- howto
- html
- javascript
- programming
- software
- standards
- tech
- tools
- tutorial
- usability
- web
Unobtrusive Javascript

Unobtrusive Javascript — .
Posted at 10:02 pm on the 24th of April 2006. 0 Comments
- accessibility
- bestpractices
- css
- guide
- howto
- javascript
- reference
- standards
Vitamin - A resource for web developers, designers and entrepreneurs

Vitamin - A resource for web developers, designers and entrepreneurs — .
Posted at 10:33 am on the 20th of April 2006. 0 Comments
- css
- design
- html
- programming
- usability
- web
- web2.0
- webdesign
CSS Filters - CSS-only Filters Summary (dithered.com)

CSS Filters - CSS-only Filters Summary (dithered.com) — css hacks.
Posted at 2:27 pm on the 18th of April 2006. 0 Comments
- css
- hacks
- ie
- programming
- reference
- web
Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks

Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks — .
Posted at 11:04 am on the 13th of April 2006. 0 Comments
- css
- fonts
- guide
- reference
- webdesign
A Basic Primer in Using S5

A Basic Primer in Using S5 — .
Posted at 4:30 pm on the 7th of April 2006. 0 Comments
clagnut sandbox

clagnut sandbox — .
Posted at 11:16 am on the 7th of April 2006. 0 Comments
- css
- design
- howto
- javascript
- programming
- tools
Nice titles

Nice titles — .
Posted at 8:52 am on the 5th of April 2006. 0 Comments
- accessibility
- css
- design
- dhtml
- howto
- html
- javascript
- programming
- tools
- tutorial
- webdesign
deconcept › FlashObject: Javascript Flash detection and embed script

deconcept › FlashObject: Javascript Flash detection and embed script — .
Posted at 3:47 pm on the 4th of April 2006. 0 Comments
- accessibility
- ajax
- css
- design
- dhtml
- hacks
- howto
- javascript
- programming
- tutorial
Rounded Corners with CSS and JavaScript [JavaScript & DHTML Tutorials]

Rounded Corners with CSS and JavaScript [JavaScript & DHTML Tutorials] — .
Posted at 7:41 am on the 29th of March 2006. 0 Comments
- css
- design
- dhtml
- howto
- html
- javascript
- programming
- web
Fizbang Web Design » How to Improve Your Logo

Fizbang Web Design » How to Improve Your Logo — .
Posted at 2:09 am on the 9th of March 2006. 0 Comments
- css
- design
- guide
- howto
- html
- reference
- web
- webdesign
A List Apart: Articles: Dynamic Text Replacement

A List Apart: Articles: Dynamic Text Replacement — .
Posted at 9:33 am on the 17th of February 2006. 0 Comments
- css
- dhtml
- graphics
- howto
- html
- image
- javascript
- reference
Download details: Internet Explorer Developer Toolbar Beta

Download details: Internet Explorer Developer Toolbar Beta — finally! the quest is over.
Posted at 12:01 am on the 14th of February 2006. 0 Comments
- css
- html
- ie
- software
- tools
- web
- webdesign
Efficient CSS with shorthand properties

Efficient CSS with shorthand properties — another shorthand article.
Posted at 11:56 pm on the 13th of February 2006. 0 Comments
- css
- guide
- howto
- programming
- reference
- tutorial
- webdesign
CSS shorthand properties - an introduction

CSS shorthand properties - an introduction — Useful if you are absolutly intent on using shorthand css.
Posted at 11:51 pm on the 13th of February 2006. 0 Comments
- css
- design
- guide
- hacks
- programming
- reference
- tutorial
Simple Rounded Corner CSS Boxes

Simple Rounded Corner CSS Boxes — good but not hugely semantic.
Posted at 11:27 pm on the 11th of February 2006. 0 Comments
- css
- demo
- guide
- howto
- web
- webdesign
A List Apart: Articles: In Search of the Holy Grail

A List Apart: Articles: In Search of the Holy Grail — .
Posted at 11:23 pm on the 11th of February 2006. 0 Comments
- css
- design
- howto
- webdesign
Unobtrusive Javascript

Unobtrusive Javascript — .
Posted at 8:26 pm on the 6th of February 2006. 0 Comments
- ajax
- css
- design
- dhtml
- guide
- howto
- javascript
- programming
- reference
- software
- tutorial
- web
- webdesign
Simon Willison: Executing JavaScript on page load

Simon Willison: Executing JavaScript on page load — .
Posted at 11:40 am on the 6th of January 2006. 0 Comments
- ajax
- bestpractices
- css
- design
- dhtml
- events
- forms
- howto
- html
- ie
- javascript
- programming
- web
- web2.0
- webdesign
Enhancing Structural Markup with JavaScript [JavaScript & DHTML Tutorials]

Enhancing Structural Markup with JavaScript [JavaScript & DHTML Tutorials] — .
Posted at 11:34 am on the 6th of January 2006. 0 Comments
- accessibility
- ajax
- css
- design
- dhtml
- events
- howto
- html
- javascript
- programming
- standards
- web
- webdesign
Top 10 custom JavaScript functions of all time

Top 10 custom JavaScript functions of all time — .
Posted at 11:32 am on the 6th of January 2006. 0 Comments
- ajax
- css
- design
- dhtml
- hacks
- howto
- html
- javascript
- programming
- reference
- standards
- tools
- web
- web2.0
- webdesign
Form widgets - A library of nice looking DHTML(dynamic HTML) scripts - DHTMLgoodies.com

Form widgets - A library of nice looking DHTML(dynamic HTML) scripts - DHTMLgoodies.com — .
Posted at 11:58 am on the 22nd of December 2005. 0 Comments
- css
- design
- dhtml
- javascript
- software
- tools
- web
- webdesign
A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution

A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution — .
Posted at 1:48 pm on the 15th of December 2005. 0 Comments
- css
- design
- guide
- hacks
- howto
- html
- ie
- javascript
- programming
- tutorial
- web
- webdesign
mezzoblue § A Bit of Transparency

mezzoblue § A Bit of Transparency — .
Posted at 1:47 pm on the 15th of December 2005. 0 Comments
- css
- design
- dhtml
- guide
- hacks
- howto
- html
- ie
- image
- reference
- web
- webdesign
Accessible interdependent dropdowns

Accessible interdependent dropdowns — .
Posted at 12 pm on the 5th of December 2005. 0 Comments
- accessibility
- bestpractices
- css
- forms
- html
- javascript
Code_Punk - Beginning JavaScript Lesson 25 - Dynamic CSS Using "getElementById"

Code_Punk - Beginning JavaScript Lesson 25 - Dynamic CSS Using "getElementById" — .
Posted at 11:42 am on the 5th of December 2005. 0 Comments
- css
- html
- javascript
- tutorial
- web
- webdesign
Samples using DOM 1, DOM 2, CSS and JS

Samples using DOM 1, DOM 2, CSS and JS — .
Posted at 11:36 am on the 5th of December 2005. 0 Comments
- css
- dhtml
- howto
- javascript
- reference
- webdesign
UrbanGiraffe » WordPress Theme Guide

UrbanGiraffe » WordPress Theme Guide — .
Posted at 4:29 pm on the 18th of November 2005. 0 Comments
- css
- design
- guide
- howto
- reference
- themes
- tutorial
- wordpress
Rasmus' 30 second AJAX Tutorial - lunatechian (lunatech-ian)

Rasmus' 30 second AJAX Tutorial - lunatechian (lunatech-ian) — .
Posted at 12:57 pm on the 18th of November 2005. 0 Comments
- ajax
- css
- design
- dhtml
- guide
- howto
- html
- java
- javascript
- opensource
- programming
- reference
- software
- tools
- tutorial
- web
- web2.0
- webdesign
- xmlhttprequest
ColourMod » DHTML Colour Picker

ColourMod » DHTML Colour Picker — exceeeedingly cool colour picker.
Posted at 4:48 pm on the 15th of November 2005. 0 Comments
- color
- css
- demo
- design
- dhtml
- graphics
- html
- javascript
- programming
- software
- tools
- web
- webdesign
- widget
CSS for All Browsers (Browser-Specifics)

CSS for All Browsers (Browser-Specifics) — .
Posted at 1:28 pm on the 7th of November 2005. 0 Comments
- css
- design
- hacks
- ie
- programming
- reference
- webdesign
CollyLogic: Image fades for overflow: auto

CollyLogic: Image fades for overflow: auto — .
Posted at 1:02 pm on the 7th of November 2005. 0 Comments
- css
- design
- guide
- hacks
- howto
- html
- programming
- reference
- tutorial
- webdesign
Ten more CSS tricks you may not know

Ten more CSS tricks you may not know — .
Posted at 9:56 am on the 3rd of November 2005. 0 Comments
- css
- design
- guide
- hacks
- howto
- html
- ie
- javascript
- programming
- reference
- standards
- tutorial
- webdesign
doxdesk.com: software: minmax.js

doxdesk.com: software: minmax.js — .
Posted at 1:29 pm on the 31st of October 2005. 0 Comments
- css
- design
- hacks
- howto
- html
- ie
- javascript
- programming
- standards
- webdesign
Paged media

Paged media — .
Posted at 1:09 pm on the 31st of October 2005. 0 Comments
- css
- design
- html
- programming
- reference
- standards
- w3c
- webdesign
Selectors

Selectors — Using the correct selectors eliminates un-needed ID's and classes!
Posted at 3:42 pm on the 24th of October 2005. 0 Comments
- css
- design
- programming
- reference
- standards
- w3c
- web2.0
- webdesign
Cascading Style Sheets, level 2 revision 1 CSS 2.1 Specification

Cascading Style Sheets, level 2 revision 1 CSS 2.1 Specification — .
Posted at 11:20 am on the 20th of October 2005. 0 Comments
- css
- design
- programming
- reference
- standards
- w3c
- webdesign

125 items tagged "css"

Look at "css" on del.icio.us, Flickr or Technorati

Feed for this tag

Search this site for "css"

:nth-child tester

Going Nuts with CSS Transitions

The Fallacy of Page Zooming

Workshops | dConstruct 2009

Navigate the file tree

Find & open

Move, remove & copy

Subversion

Subversion & download

Help & information

Video on Vimeo

Slides on Slideshare

UX London

Anti-aliased Rounded corners with JQuery

CSS layouts without using FLOAT

Katemonkey.co.uk: X-UA-Lemur-Compatible

pixelspread: Easy Drop Caps

KilianValkhof.com » Blog Archive » (Almost) Cross browser text-shadow

pixelspread: List Based Calendar

Geek Trends: 15 Footers with great usability by Pop Upon Magazine

Lets talk about x baby

Test of System Color Values defined in CSS 2

Understanding CSS Colour modes

Posh CSS

Genfavicon. Free Online Favicon Generator. Icon Generator.

Vitamin Features » Ensuring your HTML emails look great and get delivered

Wufoo · Theme Gallery - Custom CSS Form Designs

Email Standards Project

Print style sheets - a photoset on Flickr

DebugBar - IE extension for web developer : DOM inspector, Javascript debugger, HTTP headers viewer, Cookies viewer

Single Line CSS // Ordered List by Steve Smith

Juicy Studio: Screen Readers and display:none

Grid Layout

Sangeeta asks the CSS Guy how to create a table like Orbitz's airline flights scheduling and pricing matrix (Ask the CSS Guy)

Styling File Inputs with CSS and the DOM // ShaunInman.com

Blueprints are not final

Particletree » Rediscovering the Button Element

Nifty Corners Layout

Stu Nicholls | CSSplay | Mini tabbed pages

Em Calculator

CSS3 Preview - CSS3 . info

Why “Conditional Comments” are bad, repeat: bad – Jens Meiert

Coding Horror: Stylesheets for Print and Handheld

isnoop.net CSS Superdouche

Upcoming CSS3 support in Opera - Slightly ajar - by David Storey

SitePoint Blogs » Microsoft Breaks HTML Email Rendering in Outlook 2007

53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

Stu Nicholls | CSSplay | Experiments with cascading style sheets

7 Habits of a Highly Successful In-house Web Designer | Standardzilla

c THE dot.de cssutils - CSS library for Python

Chris Wilson, Internet Explorer 7 and CSS 2.1 compliance

YUI: CSS Grid Builder

Vitamin Features » Create cross browser vector graphics

DerekAllard.com : Conditionally Sticky Sidebar

Shape Shed - Journal - Overlapping tabbed navigation in CSS

Reliably attaching CSS

Rich text editor

On having layout — the concept of hasLayout in IE/Win

A List Apart: Super-Easy Blendy Backgrounds

How to structure large CSS files - Friendly Bit

Wake up and smell the IE7!

CSS - Fun with tables

Details on our CSS changes for IE7

Inline image quotes

CSS-Based Forms: Modern Solutions

Playing with CSS selectors

Webdev Entry - Cody Lindley: IE 7 Supports More CSS Selectors, Whip-e-dee-doo-da

Newly Supported CSS Selectors in IE7

Getting Fieldset Backgrounds and Legends to Behave in IE - Matt Heerema : Web Design

CSS: The Definitive Guide, 3rd Edition

Onload image fades without Flash | clagnut/sandbox

Particletree » Dynamic CSS Changes

Five Simple Steps to designing with colour : Journal : Mark Boulton

A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution

A beginners guide to CSS

Overview | Accessibility in the User-Centered Design Process

centricle : css filters (css hacks)

Markup Maker - Takes a simple list of page ids that you enter and converts it to a valid XHTML document | Developer Tools | Accessify

Order Now Hand-coded Markup for your Design by PSD to HTML service, PSD2HTML.com

Clearance // ShaunInman.com