-
How To Use An Apostrophe
How To Use An Apostrophe — The Oatmeal have a great and beautiful comic on how to properly use an apostrophe.
-
Communication skills for dyslexics
Communication skills for dyslexics — Useful document giving some practical advice for improving your communication skills.
-
Secrets
Secrets — A preference pane that presents a GUI for all the hidden preferences and tweaks you can make to the Apple OS, (e.g. the 2D black dock, single application mode, show hidden files).
-
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.
-
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
dirnamecd dirnamemove 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)
pwdlist what's in this directory
lsnow give me more information in the listing
ls -lahssh to server
ssh user@domain.comFind & open
list all files recursively in subdomains
find .find all files with '
.css' in the namefind . | grep .cssfind the string '
prose' in the contents of all the files in this directorygrep -r "prose" .open a file as if you had double clicked it in the finder (mac only)
open filenameopen the current directory in the finder
open .make a directory called
dirnamemkdir dirnamecreate a file called
filenameif it doesnt exist or update last modified date if it doestouch filenameMove, remove & copy
move or rename a file or directory
mv oldname newnameremove a file
rm filenameremove a directory and all its contents. BE VERY CAREFUL! you could easily delete everything!
rm -rf dirnamecopy a file
cp oldfilename newfilenamecopy a directory and everything in it
cp -r olddirname newdirnamesecurely copy a file to / on a remote server — you can also copy a directory using
scp -rscp 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 upare there new or modified files?
svn statusadd new files to the repository
svn add filenameremove a file from subversion
svn remove filenamemark a previously conflicted file as resolved
svn resolved filenamewho changed what line number of this file
svn blame filenamecommit all changes in this directory
svn commit -m "commit msg"Subversion & download
is this directory checked out from svn? and where?
svn infoshow everything that has changed
svn diffshow what has changed in one file
svn diff filenameopen text editor in order to specify which files to ignore from svn
svn propedit svn:ignore .download a file to the current directory
wget URLshow the contents of a file in the terminal
curl URLHelp & information
run any command as root
sudo your-command-hereget help for any command, eg
svnsvn --helphow long has this computer been on?
uptimewhat is the size of the current directory and all the contents
du -hcancel the command you were currently typing
ctrl + cgo to the beginning of the line in the terminal
ctrl + ago to the end of the line in the terminal
ctrl + e -
IEBlog : Microsoft's Interoperability Principles and IE8
IEBlog : Microsoft's Interoperability Principles and IE8 — huzzah! ... "We’ve decided that IE8 will, by default, interpret web content in the most standards compliant way it can. This decision is a change from what we’ve posted previously.".
-
jQuery.ScrollTo
jQuery.ScrollTo — Very swish jQuery scrollto plugin.
-
HTML 5 working draft
HTML 5 working draft — The HTML 5 working draft was released relatively quietly just the other day.
-
Adactio: Journal—Hacky holidays on OS X
Adactio: Journal—Hacky holidays on OS X — Jeremy describes how to get Leopard to play nice for development - when I get my mac back from the 'mac doctors' I will give it a go!
-
John Resig - Sexy Firefox 3
John Resig - Sexy Firefox 3 — multiple versions of Firefox side-by-side, simultaneously ... w00t!
-
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.
-
24 ways: Transparent PNGs in Internet Explorer 6
24 ways: Transparent PNGs in Internet Explorer 6 — Drews fantastic article about transparent png's in IE6 kick starts the 24ways engine for this year.
-
Print style sheets - a photoset on Flickr
Print style sheets - a photoset on Flickr — Jeremy's printstyles photoset.
-
Web Usability - Accessible Data Tables
Web Usability - Accessible Data Tables — Relatively old article but still useful.
-
Wait till I come! » Blog Archive » JavaScript shortcut notations that shouldn’t be black magic to the “average developer”
Wait till I come! » Blog Archive » JavaScript shortcut notations that shouldn’t be black magic to the “average developer” — Useful article on Javascript shortcuts from Christian Heilmann ... "OMG! Ponies!".
-
OAuth
OAuth — Open Auth defines a standard for communication protocol between applications.
-
Dress Code Guide
Dress Code Guide — How handy is this!
-
furbo.org · One line of code
furbo.org · One line of code — Using the meta viewport on handheld devices.
-
WCAG Samurai
WCAG Samurai — Erata to WCAG 1 to use instead of WCAG 2.
-
Unobtrusive connected select boxes - yet another solution approach - Wait till I come!
Unobtrusive connected select boxes - yet another solution approach - Wait till I come! — nicely implemented connected selects.
-
Timing and Synchronization in JavaScript
Timing and Synchronization in JavaScript — event grouping and the like.
-
Mind-set Research
Mind-set Research — "According to a Stanford psychologist, you’ll reach new heights if you learn to embrace the occasional tumble".
-
SEOmoz | Web Developers: 13 Command Line Tricks You Might Not Know
SEOmoz | Web Developers: 13 Command Line Tricks You Might Not Know — Always useful!
-
GIMP - Tutorials
GIMP - Tutorials — I have found the gimp to be way more intuitive than Photoshop, definately plan to go through some of these tutorials though!
-
SitePoint Blogs » Usability heuristics for web development teams
SitePoint Blogs » Usability heuristics for web development teams — More useful Heuristics.
-
A Guide to CSS Support in Email - Campaign Monitor Blog
A Guide to CSS Support in Email - Campaign Monitor Blog — HTML email reference.
-
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.
-
Tango Icon Gallery - Tango Desktop Project
Tango Icon Gallery - Tango Desktop Project — Set of really pretty open source icons,.
-
The 7 hidden pages within your Firefox browser
The 7 hidden pages within your Firefox browser — "Have fun browsing through your browser’s internal features".
-
The Open Source Advocate: What it takes to make Ubuntu ready for use
The Open Source Advocate: What it takes to make Ubuntu ready for use — Ubuntu usability.
-
Adobe - CSS Advisor beta
Adobe - CSS Advisor beta — Possibly useful to search if debugging is needed.
-
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.
-
Web design: 15 important research findings you should know – Jens Meiert
Web design: 15 important research findings you should know – Jens Meiert — Reading reserch papers so we dont have to ... seriously though, a brilliant summary of some interesting usability points.
-
light on dark | inspiration for your darker side
light on dark | inspiration for your darker side — interesting take on a design gallery - themed gallery for designs with light text on a darker background.
-
CSS Import™ | The CSS Gallery
CSS Import™ | The CSS Gallery — Design inspiration.
-
Screencast Guide: Tools for screencasting in Linux.
Screencast Guide: Tools for screencasting in Linux. — Screencasting for Linux.
-
How to Change the World: The Art of Schmoozing
How to Change the World: The Art of Schmoozing — Social networking tips that are easy to follow.
-
ACM: Software Engineering Code of Ethics and Professional Practice
ACM: Software Engineering Code of Ethics and Professional Practice — a code of practice for conducting behaviour according to ethics and professiobnalism.
-
Ubuntu sugar cookies
Ubuntu sugar cookies — Im not sure what a sugar cookie is but Im all for trying to make Ubuntu cookies!
-
IRIS Design » Archive » Web 2.0 style buttons
IRIS Design » Archive » Web 2.0 style buttons — am trying to gain photoshop skilz.
-
HTML5 Elements and Attributes
HTML5 Elements and Attributes — A glimpse at the working draft.
-
Unobtrusive JavaScript by Christian Heilmann (Book)
Unobtrusive JavaScript by Christian Heilmann (Book) — Newly released book of the Unobtrusive Javascript tutorial.
-
Unobtrusive Javascript
Unobtrusive Javascript — Unobtrusive JS tutorial that I thought I had bookmarked ages ago but apparently not.
-
Web-Sites of the Month: December 2006 | Smashing Magazine
Web-Sites of the Month: December 2006 | Smashing Magazine — Fantastic collection of web development links sorted into useful categories for future reference.
-
Web 2.0 how-to design style guide
-
Accessible JavaScript: Beyond the Mouse [JavaScript & AJAX Tutorials]
Accessible JavaScript: Beyond the Mouse [JavaScript & AJAX Tutorials] — .
-
Virtual Travelog | Judging the likely Success of an Ontology
Virtual Travelog | Judging the likely Success of an Ontology — .
-
The new 100 most useful sites | Technology | Guardian Unlimited Technology
The new 100 most useful sites | Technology | Guardian Unlimited Technology — .
-
encyclopedia of spices
-
Top 10 mistakes when selecting a CMS
-
Firebug - Web Development Evolved
-
[thelist] ColdFusion - 2 dimensional array sort
[thelist] ColdFusion - 2 dimensional array sort — 2d array sort.
-
Color Theory for Developers
-
Programming Texts/Tutorials
-
A beginner's guide to freelancing (Phil Gyford: Writing)
A beginner's guide to freelancing (Phil Gyford: Writing) — .
-
Digital Web Magazine - The Rise of Flash Video, Part 3
Digital Web Magazine - The Rise of Flash Video, Part 3 — Good introduction to flash video.
-
AskApache » Ultimate htaccess Article
-
Unicode character information
-
Open Source Web Design - Download free web design templates.
Open Source Web Design - Download free web design templates. — .
-
Hacking Knowledge: 77 Ways to Learn Faster, Deeper, and Better | OEDb
Hacking Knowledge: 77 Ways to Learn Faster, Deeper, and Better | OEDb — .
-
Testing the Three-Click Rule
Testing the Three-Click Rule — testing the three click rule proved it to be well intentioned but misdirected.
-
A List Apart: Super-Easy Blendy Backgrounds
-
Have a great startup idea? Hmm. Maybe not.
-
light reading links from WSG announce
-
How to structure large CSS files - Friendly Bit
-
D*I*Y Planner | Paper, productivity & passion
-
CSS - Fun with tables
-
Details on our CSS changes for IE7
-
Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…
Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… — handy list of cheat sheets.
-
XPath Tutorial
XPath Tutorial — .
-
Digital Web Magazine - Color: An Investigation
-
The Django Book
The Django Book — .
-
More Words - Search Dictionary - Word Games Crosswords and Anagrams
More Words - Search Dictionary - Word Games Crosswords and Anagrams — .
-
Particletree · How to Add an API to your Web Service
Particletree · How to Add an API to your Web Service — must get round to doing this at some point.
-
JeffCroft.com: Setting up Django on Dreamhost
-
CSS: Specificity Wars | And all that Malarkey
CSS: Specificity Wars | And all that Malarkey — css selectors Specificity.
-
EO Newsroom: New Images Index
EO Newsroom: New Images Index — amazing photos.
-
BioImages - Virtual Fieldguide (UK)
-
Stopdesign | Google Calendar tips
-
Steven Hargrove: How to redirect a web page, the smart way
Steven Hargrove: How to redirect a web page, the smart way — .
-
Design Detector
Design Detector — .
-
Mark-up tactics | clagnut/blog
-
Thierry Image Placement
-
Why’s (Poignant) Guide to Ruby
-
SQLite/Ruby
SQLite/Ruby — .
-
A Guide to Testing the Rails |
-
Howtos in Ruby on Rails
-
developerWorks : Linux
-
HTML 4 Document Type Definition
-
Encytemedia: Working With Events In Prototype
-
centricle : css filters (css hacks)
-
Google Maps API simplified. A DIY tool for converting spreadsheets to google maps.
Google Maps API simplified. A DIY tool for converting spreadsheets to google maps. — .
-
Print version - In search of the One True Layout
-
Unobtrusive Javascript
-
Troubleshooting Windows XP, Tweaks and Fixes for Windows XP
Troubleshooting Windows XP, Tweaks and Fixes for Windows XP — .
-
4.8. Inserting content after an element [Dive Into Greasemonkey]
4.8. Inserting content after an element [Dive Into Greasemonkey] — insertafter.
-
CSS Filters - CSS-only Filters Summary (dithered.com)
CSS Filters - CSS-only Filters Summary (dithered.com) — css hacks.
-
JavaScript tutorial - DOM objects and methods
-
Backing Up in Ubuntu / hddsaver.com
-
Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks
-
Mail Stamps 2 - AndrewEscobar.com
-
Fizbang Web Design » How to Improve Your Logo
-
JavaScript - Import XML Document
JavaScript - Import XML Document — neat way of turning XML into a table.
-
JavaScript Kit- DOM Element properties
-
C editing with VIM HOWTO
-
Efficient Editing With vim - Jonathan McPherson
Efficient Editing With vim - Jonathan McPherson — Having no choice but to use vim, this page might just save me from messing up too many files.
-
Avoid Within-Page Links (Jakob Nielsen's Alertbox)
Avoid Within-Page Links (Jakob Nielsen's Alertbox) — why back to top links and suchlike are not good, see: http://moofx.mad4milk.net/documentation/.
-
A List Apart: Articles: Dynamic Text Replacement
-
Linux Command Directory: Index
-
Simon Willison: Yahoo! UI JavaScript treats
Simon Willison: Yahoo! UI JavaScript treats — very cool new librarys from Yahoo.
-
Efficient CSS with shorthand properties
Efficient CSS with shorthand properties — another shorthand article.
-
CSS shorthand properties - an introduction
CSS shorthand properties - an introduction — Useful if you are absolutly intent on using shorthand css.
-
O'Reilly Network Safari Bookshelf - Ubuntu Hacks
O'Reilly Network Safari Bookshelf - Ubuntu Hacks — This looks really cool.
-
ColdFusion Functions
-
Unobtrusive Javascript
-
CodeGuru Forums - window.stop() and ie
-
Javascript - Introduction to Events
-
Top 10 custom JavaScript functions of all time
-
scottandrew.com
scottandrew.com — .
-
mezzoblue § A Bit of Transparency
-
Samples using DOM 1, DOM 2, CSS and JS
-
UrbanGiraffe » WordPress Theme Guide
-
Rasmus' 30 second AJAX Tutorial - lunatechian (lunatech-ian)
Rasmus' 30 second AJAX Tutorial - lunatechian (lunatech-ian) — .
-
Google Base
Google Base — .
-
addEvent()
addEvent() — .
-
HTML HTML Quick List - HTML Code Tutorial
-
CSS for All Browsers (Browser-Specifics)
-
CollyLogic: Image fades for overflow: auto
-
mozilla.org Documentation Style Guide
-
Ten more CSS tricks you may not know
-
Paged media
Paged media — .
-
Unicode
Unicode — .
-
Unofficial Ubuntu 5.04 Starter Guide
-
Selectors
Selectors — Using the correct selectors eliminates un-needed ID's and classes!
-
Cascading Style Sheets, level 2 revision 1 CSS 2.1 Specification
Cascading Style Sheets, level 2 revision 1 CSS 2.1 Specification — .
135 items tagged "reference"
Look at "reference" on del.icio.us, Flickr or Technorati
