Items tagged "howto" | Natalie Downe

Pure CSS speech bubbles – Nicolas Gallagher

Pure CSS speech bubbles – Nicolas Gallagher — pure CSS speach bubbles using generated content & CSS3 by @necolas a beautiful demo and elegant solution!
Posted at 11:31 am on the 9th of March 2010. 0 Comments
- blockquote
- css3
- design
- howto
- tutorial
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
Reverse engineering flickr URLs

Reverse engineering flickr URLs — Given the URL to an inage itself, how do you find the flickr photo page? ...
Posted at 1:34 pm on the 22nd of May 2008. 0 Comments
- flickr
- howto
- photography
NETTUTS - Use Amazon S3 & Firefox To Serve Static Files

NETTUTS - Use Amazon S3 & Firefox To Serve Static Files — Really informative and simple tutorial on how to store static files on S3 (the Amazon docs don't make it easy!).
Posted at 11:28 am on the 21st of May 2008. 0 Comments
- amazon
- development
- howto
- tutorial
- web
- webservice
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
Date slider widget

Date slider widget — Using Prototype / Scriptaculous this date slider allows you to choose a range of dates.
Posted at 5:01 pm on the 24th of January 2008. 0 Comments
- howto
- javascript
- programming
- tools
jQuery.ScrollTo

jQuery.ScrollTo — Very swish jQuery scrollto plugin.
Posted at 4:59 pm on the 24th of January 2008. 0 Comments
- demo
- design
- howto
- javascript
- reference
- tools
- tutorial
communication skills - zefrank

communication skills - zefrank — Punctuation substitution, perfect for those 'frustrated' emails.
Posted at 6:28 pm on the 21st of January 2008. 0 Comments
- art
- entertainment
- geek
- howto
- presentation
- typography
- writing
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
DIY: Make a Disco Ball With CDs

DIY: Make a Disco Ball With CDs — The 80's chick in me loves disco balls - the trick to making your own is to soak CD's in hot water before cutting apparently!
Posted at 6:32 pm on the 7th of January 2008. 0 Comments
- art
- howto
John Resig - Sexy Firefox 3

John Resig - Sexy Firefox 3 — multiple versions of Firefox side-by-side, simultaneously ... w00t!
Posted at 6:28 pm on the 7th of January 2008. 0 Comments
- browser
- firefox
- howto
- reference
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
A List Apart: Articles: How to Size Text in CSS

A List Apart: Articles: How to Size Text in CSS — Important information clearly put, Richard discusses best practices in text sizing on the web, complete with lots of screenshots.
Posted at 12:14 am on the 28th of November 2007. 0 Comments
3spots: del.icio.us as color tool

3spots: del.icio.us as color tool — .
Posted at 3:17 pm on the 22nd of October 2007. 0 Comments
- color
- colorscheme
- community
- howto
Ten Steps to User Persona

Ten Steps to User Persona — Dr. Lene Nielsen shares the ten steps she goes through in developing personas.
Posted at 11:21 pm on the 9th of October 2007. 0 Comments
- design
- howto
- usability
Dress Code Guide

Dress Code Guide — How handy is this!
Posted at 11:11 am on the 30th of September 2007. 0 Comments
- guide
- howto
- lifehacks
- reference
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
BernieCode » How to debug JavaScript with Visual Web Developer Express

BernieCode » How to debug JavaScript with Visual Web Developer Express — Free useful javascript debugger for IE 6+7.
Posted at 10:15 pm on the 21st of June 2007. 0 Comments
- browser
- debug
- debugging
- howto
- ie
- javascript
ikea hacker

ikea hacker — Some of the hacks here are particularly neat, I personally like the hide your battery chargers in stack boxes!
Posted at 9:35 pm on the 21st of June 2007. 0 Comments
- hacks
- howto
- lifehack
- lifehacks
- productivity
CSS The Star Matrix Pre-loaded

CSS The Star Matrix Pre-loaded — Nice use of the preloaded background image for styling star ratings (just add ajax).
Posted at 12:22 pm on the 29th of May 2007. 0 Comments
- design
- guide
- howto
- tutorial
Keys by post

Keys by post — So do you know where your gas meter reading key is? (we dont).
Posted at 11:35 am on the 22nd of May 2007. 0 Comments
- howto
- lifehack
- lifehacks
- tools
Hivelogic - The Narrative - Building Ruby, Rails, Subversion, Mongrel, and MySQL on Mac OS X

Hivelogic - The Narrative - Building Ruby, Rails, Subversion, Mongrel, and MySQL on Mac OS X — One of the best installation documents I have read in a very long time, more documentation should be written like this!
Posted at 3:17 pm on the 17th of May 2007. 0 Comments
- documentation
- guide
- howto
- ruby
- tutorial
- web
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.
Posted at 12:37 pm on the 20th of April 2007. 0 Comments
- howto
- html
- javascript
- reference
- technique
- tutorial
Monitor your Mac and more with GeekTool

Monitor your Mac and more with GeekTool — .
Posted at 5:18 pm on the 20th of March 2007. 0 Comments
- howto
- mac
- tools
- tutorial
swfIR: swf Image Replacement

swfIR: swf Image Replacement — This degrades nicely and is really quite sweet! - with everything going on recently I am beginning to be persuaded toward the benefits of flash - those who know me will note this is a big deal!
Posted at 10:21 pm on the 27th of February 2007. 0 Comments
- design
- flash
- graphics
- howto
- javascript
- technique
- webdesign
Year Of Living Generously

Year Of Living Generously — A social site for resolutions to make the world a better place.
Posted at 1:01 pm on the 8th of February 2007. 0 Comments
- community
- environment
- ethical
- fortorchbox
- howto
SEOmoz | Web Developers: 13 Command Line Tricks You Might Not Know

SEOmoz | Web Developers: 13 Command Line Tricks You Might Not Know — Always useful!
Posted at 4:30 pm on the 6th of February 2007. 0 Comments
- guide
- howto
- linux
- opensource
- reference
- tutorial
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!
Posted at 9:40 am on the 24th of January 2007. 0 Comments
- design
- graphics
- howto
- image
- photos
- reference
- tech
- webdesign
How to install ANYTHING in Ubuntu!

How to install ANYTHING in Ubuntu! — I installed it, but where did my program go? - something I often find myself asking.
Posted at 9:39 am on the 24th of January 2007. 0 Comments
- howto
- install
- linux
- software
- ubuntu
Event-Driven Web Application Design » Yahoo! User Interface Blog

Event-Driven Web Application Design » Yahoo! User Interface Blog — Designing exciting applications with events in mind.
Posted at 3:58 pm on the 23rd of January 2007. 0 Comments
- design
- development
- howto
- javascript
- programming
- tutorial
- webdesign
Accessites.org’s Web Accessibility Articles & News | Accessites.org: Selected Article

Accessites.org’s Web Accessibility Articles & News | Accessites.org: Selected Article — .
Posted at 3:55 pm on the 23rd of January 2007. 0 Comments
- accessibility
- howto
- web
Create a software box Photoshop Tutorial

Create a software box Photoshop Tutorial — .
Posted at 10:06 am on the 19th of January 2007. 0 Comments
- design
- graphics
- howto
- tutorial
- 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
10 CSS Tips from a Professional CSS Front-End Architect at 72 dpi In the Shade

10 CSS Tips from a Professional CSS Front-End Architect at 72 dpi In the Shade — tips for the process of front end development.
Posted at 9:53 am on the 18th of January 2007. 0 Comments
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
I Will Teach You To Be Rich: Set smaller goals: impress friends, get girls, lose weight

I Will Teach You To Be Rich: Set smaller goals: impress friends, get girls, lose weight — I wish I was better at understanding money.
Posted at 9:46 am on the 18th of January 2007. 0 Comments
- finance
- howto
Fumbling Towards Geekdom: A 2006 productivity hot-or-not guide

Fumbling Towards Geekdom: A 2006 productivity hot-or-not guide — review of how effective the various productivity tips of last year actually were.
Posted at 9:44 am on the 18th of January 2007. 0 Comments
- guide
- howto
- review
How to Change the World: LinkedIn Profile Extreme Makeover

How to Change the World: LinkedIn Profile Extreme Makeover — How to get the best from linkedin.
Posted at 3:50 pm on the 17th of January 2007. 0 Comments
- career
- design
- employment
- howto
The Definitive Guide to Web Character Encoding [HTML & XHTML Tutorials]

The Definitive Guide to Web Character Encoding [HTML & XHTML Tutorials] — "Character encoding. You may have heard of it, but what is it, and why should you care? What can happen if you get it wrong? How do you know which one to use?".
Posted at 10:47 am on the 17th of January 2007. 0 Comments
- guide
- howto
- standards
- tutorial
- unicode
Digital Web Magazine - It's in the Details: Seven Secrets of a Successful International Website

Digital Web Magazine - It's in the Details: Seven Secrets of a Successful International Website — international website do's and dont's.
Posted at 3:54 pm on the 16th of January 2007. 0 Comments
- guide
- howto
- webdesign
Unspace - Attributes > Classes: Custom DOM Attributes for Fun and Profit

Unspace - Attributes > Classes: Custom DOM Attributes for Fun and Profit — " [for] the ability to extend the nodes we use with customized, semantically meaningful attributes".
Posted at 3:53 pm on the 16th of January 2007. 0 Comments
- dom
- howto
- javascript
- programming
- semantic
- tutorial
- webdesign
Screencast Guide: Tools for screencasting in Linux.

Screencast Guide: Tools for screencasting in Linux. — Screencasting for Linux.
Posted at 1:41 pm on the 16th of January 2007. 0 Comments
- howto
- linux
- reference
- software
- tools
- tutorial
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.
Posted at 9:09 pm on the 15th of January 2007. 0 Comments
- community
- howto
- reference
- social
TechEBlog » 7 Cool Things You Can Make with Paper

TechEBlog » 7 Cool Things You Can Make with Paper — for those times when all you have to ocupy yourself with is paper.
Posted at 5:25 pm on the 15th of January 2007. 0 Comments
- craft
- howto
- tutorial
Top 10 Detox Foods - Beauty Eats on Yahoo! Food

Top 10 Detox Foods - Beauty Eats on Yahoo! Food — Yahoo!'s top 10 healthy foods, mixed together they would make a pretty gross meal!
Posted at 2:33 pm on the 15th of January 2007. 0 Comments
- cooking
- diet
- Food
- howto
- Recipe
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.
Posted at 2:31 pm on the 15th of January 2007. 0 Comments
- howto
- programming
- reference
- software
- standards
Ubuntu sugar cookies

Ubuntu sugar cookies — Im not sure what a sugar cookie is but Im all for trying to make Ubuntu cookies!
Posted at 3:09 pm on the 11th of January 2007. 0 Comments
- cooking
- Food
- geek
- howto
- linux
- Recipe
- recipes
- reference
- tech
- ubuntu
Easy cross-browser transparency | Bite Size Standards

Easy cross-browser transparency | Bite Size Standards — for reference.
Posted at 11:40 am on the 9th of January 2007. 0 Comments
- browser
- howto
- technique
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.
Posted at 11:56 am on the 8th of January 2007. 0 Comments
Web 2.0 how-to design style guide

Web 2.0 how-to design style guide — .
Posted at 10:25 am on the 8th of January 2007. 0 Comments
- design
- guide
- howto
- reference
- tutorial
- webdesign
A Periodic Table of Visualization Methods

A Periodic Table of Visualization Methods — .
Posted at 10:23 am on the 8th of January 2007. 0 Comments
- art
- design
- guide
- howto
- usability
Trapped at Berkeley » Blog Archive » Daily del.icio.us Links Script for Wordpress - The Rants of a UC Berkeley Student

Trapped at Berkeley » Blog Archive » Daily del.icio.us Links Script for Wordpress - The Rants of a UC Berkeley Student — .
Posted at 12:32 am on the 23rd of December 2006. 0 Comments
- howto
- tools
- web
- wordpress
A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique

A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique — .
Posted at 12 am on the 23rd of December 2006. 0 Comments
- design
- fortorchbox
- howto
- technique
- tutorial
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
How to use OpenID (a screencast)

How to use OpenID (a screencast) — .
Posted at 10:04 pm on the 22nd of December 2006. 0 Comments
- fortorchbox
- howto
- openid
How to turn your blog in to an OpenID

How to turn your blog in to an OpenID — .
Posted at 11:52 am on the 19th of December 2006. 0 Comments
- fortorchbox
- howto
- openid
David Seah : The Printable CEO™ Series

David Seah : The Printable CEO™ Series — .
Posted at 12:02 pm on the 12th of December 2006. 0 Comments
- design
- guide
- howto
- software
- tools
- tutorial
Programming Texts/Tutorials

Programming Texts/Tutorials — .
Posted at 9:25 am on the 11th of December 2006. 0 Comments
- documentation
- education
- geek
- howto
- reference
- tutorial
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
The Man in Blue > Resolution dependent layout update

The Man in Blue > Resolution dependent layout update — Update to the initial 2004 post on adding an additional stylesheet based on browser size.
Posted at 11:58 am on the 7th of December 2006. 0 Comments
- browser
- design
- fortorchbox
- howto
- javascript
- technique
- tutorial
- webdesign
A beginner's guide to freelancing (Phil Gyford: Writing)

A beginner's guide to freelancing (Phil Gyford: Writing) — .
Posted at 1:18 pm on the 6th of December 2006. 0 Comments
- guide
- howto
- reference
- webdesign
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.
Posted at 9:58 am on the 5th of December 2006. 0 Comments
- design
- howto
- reference
- tutorial
- web
The elusive DOM-Inspector in Firefox - tidbits/firefox-dom-inspector.story

The elusive DOM-Inspector in Firefox - tidbits/firefox-dom-inspector.story — .
Posted at 4:02 pm on the 4th of December 2006. 0 Comments
- firefox
- howto
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
Lightbox JS

Lightbox JS — .
Posted at 10:30 am on the 1st of December 2006. 0 Comments
- howto
- javascript
- web
- web2.0
Hacking Knowledge: 77 Ways to Learn Faster, Deeper, and Better | OEDb

Hacking Knowledge: 77 Ways to Learn Faster, Deeper, and Better | OEDb — .
Posted at 10:27 am on the 1st of December 2006. 0 Comments
- education
- hacks
- howto
- reference
- technique
Digital Web Magazine - CSS Styling for Print and Other Media

Digital Web Magazine - CSS Styling for Print and Other Media — .
Posted at 8:50 pm on the 30th of November 2006. 0 Comments
- accessibility
- design
- fortorchbox
- howto
- standards
Roll your own browser - An embedding HowTo - MDC

Roll your own browser - An embedding HowTo - MDC — .
Posted at 3:45 pm on the 29th of November 2006. 0 Comments
- browser
- documentation
- howto
- mozilla
24 ways

24 ways — .
Posted at 9:36 am on the 29th of November 2006. 0 Comments
- fortorchbox
- howto
- web2.0
- webdesign
CSS: Browser testing order

CSS: Browser testing order — .
Posted at 5:16 pm on the 27th of November 2006. 0 Comments
- browser
- fortorchbox
- howto
- standards
- web
- webdesign
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
D*I*Y Planner | Paper, productivity & passion

D*I*Y Planner | Paper, productivity & passion — .
Posted at 9:51 am on the 26th of November 2006. 0 Comments
- howto
- reference
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
Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…

Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… — handy list of cheat sheets.
Posted at 5:20 pm on the 23rd of November 2006. 0 Comments
- fortorchbox
- guide
- howto
- reference
- tutorial
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
XPath Tutorial

XPath Tutorial — .
Posted at 10:57 am on the 10th of November 2006. 0 Comments
- howto
- reference
- w3c
- web
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
A List Apart: Articles: How to Be a Great Host

A List Apart: Articles: How to Be a Great Host — .
Posted at 2:25 pm on the 7th of November 2006. 0 Comments
- guide
- howto
- ProjectManagement
- tutorial
- webdesign
Card sorting: a definitive guide - Boxes and Arrows: The design behind the design

Card sorting: a definitive guide - Boxes and Arrows: The design behind the design — .
Posted at 11:17 am on the 3rd of November 2006. 0 Comments
- design
- fortorchbox
- guide
- howto
- tools
- tutorial
- UI
- usability
- 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
.net magazine

.net magazine — .
Posted at 2:13 pm on the 16th of October 2006. 0 Comments
- howto
- web2.0
- 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
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.
Posted at 9:09 am on the 4th of October 2006. 0 Comments
- api
- guide
- howto
- reference
- tutorial
PaperCut- Nghệ thuật độc đáo - ~o0Giải trí Việt Nam0o~

PaperCut- Nghệ thuật độc đáo - ~o0Giải trí Việt Nam0o~ — .
Posted at 3:32 pm on the 28th of September 2006. 0 Comments
- design
- howto
dp.SyntaxHighlighter - free JavaScript syntax highlighting

dp.SyntaxHighlighter - free JavaScript syntax highlighting — .
Posted at 12:12 pm on the 14th of September 2006. 0 Comments
- howto
- javascript
- tools
Vitamin Features » 15 Things you can do with Yahoo! UI

Vitamin Features » 15 Things you can do with Yahoo! UI — .
Posted at 10:26 am on the 12th of September 2006. 0 Comments
- dom
- howto
- javascript
- tutorial
API: Dom YAHOO.util.Dom (YUI Library)

API: Dom YAHOO.util.Dom (YUI Library) — .
Posted at 10:26 am on the 12th of September 2006. 0 Comments
- dom
- howto
- tutorial
- web
- yahoo
Clearance // ShaunInman.com

Clearance // ShaunInman.com — .
Posted at 10:24 am on the 12th of September 2006. 0 Comments
- css
- howto
- javascript
- tutorial
- web
Forget addEvent, use Yahoo!’s Event Utility

Forget addEvent, use Yahoo!’s Event Utility — .
Posted at 4:29 pm on the 11th of September 2006. 0 Comments
- howto
- javascript
- tutorial
- web2.0
Screencast 02: Ajax with Connection Manager

Screencast 02: Ajax with Connection Manager — nice example of oo js via si.
Posted at 10:39 am on the 5th of September 2006. 0 Comments
JeffCroft.com: Setting up Django on Dreamhost

JeffCroft.com: Setting up Django on Dreamhost — .
Posted at 5:49 pm on the 3rd of September 2006. 0 Comments
- design
- howto
- programming
- reference
- tutorial
Why Ask Questions in Public?

Why Ask Questions in Public? — .
Posted at 10:54 am on the 18th of August 2006. 0 Comments
- howto
- netiquette
- questions
- tutorial
How To Ask Questions The Smart Way

How To Ask Questions The Smart Way — .
Posted at 10:52 am on the 18th of August 2006. 0 Comments
- education
- geek
- hacks
- howto
- netiquette
- tutorial
- web
Stopdesign | Google Calendar tips

Stopdesign | Google Calendar tips — .
Posted at 1:34 pm on the 17th of August 2006. 0 Comments
- firefox
- geek
- google
- guide
- howto
- reference
- software
- tools
- webdesign
Vitamin Features » HTML Emails - Taming the Beast

Vitamin Features » HTML Emails - Taming the Beast — .
Posted at 1:17 pm on the 3rd of July 2006. 0 Comments
- bestpractices
- guide
- howto
- programming
- webdesign
Steven Hargrove: How to redirect a web page, the smart way

Steven Hargrove: How to redirect a web page, the smart way — .
Posted at 1:11 pm on the 3rd of July 2006. 0 Comments
- guide
- hacks
- howto
- programming
- redirect
- reference
- webdesign
dp.SyntaxHighlighter - free JavaScript syntax highlighting

dp.SyntaxHighlighter - free JavaScript syntax highlighting — .
Posted at 10:12 am on the 20th of June 2006. 0 Comments
- howto
- javascript
- snippits
- software
bobbyvandersluis.com | Unobtrusive Flash Objects (UFO) v3.0

bobbyvandersluis.com | Unobtrusive Flash Objects (UFO) v3.0 — .
Posted at 9:35 am on the 5th of June 2006. 0 Comments
- howto
- javascript
- web
- webdesign
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
A Guide to Testing the Rails |

A Guide to Testing the Rails | — .
Posted at 8:17 pm on the 1st of June 2006. 0 Comments
- guide
- howto
- programming
- rails
- reference
- rubyonrails
- software
- tools
- tutorial
- usability
Howtos in Ruby on Rails

Howtos in Ruby on Rails — .
Posted at 8:13 pm on the 1st of June 2006. 0 Comments
- howto
- opensource
- programming
- rails
- reference
- rubyonrails
- tutorial
- web
- web2.0
- webdesign
developerWorks : Linux

developerWorks : Linux — .
Posted at 8:09 pm on the 1st of June 2006. 0 Comments
- guide
- howto
- linux
- opensource
- programming
- reference
- software
- tutorial
Encytemedia: Working With Events In Prototype

Encytemedia: Working With Events In Prototype — .
Posted at 10:32 am on the 23rd of May 2006. 0 Comments
- ajax
- api
- dhtml
- howto
- javascript
- reference
- webdesign
A List Apart: Articles: Getting Started with Ajax

A List Apart: Articles: Getting Started with Ajax — .
Posted at 9:30 am on the 23rd of May 2006. 0 Comments
- ajax
- howto
- javascript
- programming
- standards
- tutorial
- web
- web2.0
Print version - In search of the One True Layout

Print version - In search of the One True Layout — .
Posted at 9:16 am on the 5th of May 2006. 0 Comments
- demo
- guide
- howto
- reference
- tutorial
- 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
Disable Caps Lock :: Useful Stuff :: JohnHaller.com

Disable Caps Lock :: Useful Stuff :: JohnHaller.com — .
Posted at 4:44 pm on the 23rd of April 2006. 0 Comments
- hacks
- howto
- programming
- software
- tech
- tools
Troubleshooting Windows XP, Tweaks and Fixes for Windows XP

Troubleshooting Windows XP, Tweaks and Fixes for Windows XP — .
Posted at 4:41 pm on the 23rd of April 2006. 0 Comments
- api
- blog
- hacks
- howto
- reference
- software
- tech
- tools
- tutorial
4.8. Inserting content after an element [Dive Into Greasemonkey]

4.8. Inserting content after an element [Dive Into Greasemonkey] — insertafter.
Posted at 2:55 pm on the 18th of April 2006. 0 Comments
- guide
- howto
- javascript
- reference
- web
JavaScript tutorial - DOM objects and methods

JavaScript tutorial - DOM objects and methods — .
Posted at 1:15 pm on the 18th of April 2006. 0 Comments
- dhtml
- howto
- javascript
- programming
- reference
- tutorial
- webdesign
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
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.
Posted at 2:30 pm on the 2nd of March 2006. 0 Comments
- guide
- hacks
- howto
- linux
- programming
- reference
- software
- tutorial
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
slayeroffice | code | image cross fade redux

slayeroffice | code | image cross fade redux — .
Posted at 11:58 am on the 16th of February 2006. 0 Comments
- accessibility
- guide
- hacks
- howto
- image
- javascript
- tutorial
- web
- web2.0
- webdesign
Simon Willison: Yahoo! UI JavaScript treats

Simon Willison: Yahoo! UI JavaScript treats — very cool new librarys from Yahoo.
Posted at 3:48 pm on the 14th of February 2006. 0 Comments
- ajax
- guide
- howto
- javascript
- programming
- reference
- tools
- 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
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
Desde mi casa » Adding events to elements

Desde mi casa » Adding events to elements — .
Posted at 11:39 am on the 6th of January 2006. 0 Comments
- demo
- dhtml
- events
- howto
- javascript
- web
- 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
Javascript - Introduction to Events

Javascript - Introduction to Events — .
Posted at 11:33 am on the 6th of January 2006. 0 Comments
- ajax
- dhtml
- events
- howto
- html
- javascript
- programming
- reference
- tutorial
- web
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
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
Autocomplete feature of Internet Explorer

Autocomplete feature of Internet Explorer — .
Posted at 5:05 pm on the 8th of December 2005. 0 Comments
- autocomplete
- demo
- guide
- howto
- html
- ie
- programming
- tutorial
- 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
addEvent()

addEvent() — .
Posted at 10:50 am on the 16th of November 2005. 0 Comments
- dhtml
- events
- guide
- howto
- javascript
- programming
- reference
- software
- tools
- tutorial
- web
- webdesign
HTML HTML Quick List - HTML Code Tutorial

HTML HTML Quick List - HTML Code Tutorial — .
Posted at 10:25 am on the 10th of November 2005. 0 Comments
- guide
- howto
- html
- programming
- reference
- tutorial
- 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
Unofficial Ubuntu 5.04 Starter Guide

Unofficial Ubuntu 5.04 Starter Guide — .
Posted at 10:42 am on the 25th of October 2005. 0 Comments
- guide
- howto
- linux
- reference
- tutorial
- ubuntu

144 items tagged "howto"

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

Feed for this tag

Search this site for "howto"

Pure CSS speech bubbles – Nicolas Gallagher

Styling buttons to look like links

Dinky pocketbooks: the command-line reference edition

Navigate the file tree

Find & open

Move, remove & copy

Subversion

Subversion & download

Help & information

Reverse engineering flickr URLs

NETTUTS - Use Amazon S3 & Firefox To Serve Static Files

pixelspread: Easy Drop Caps

Date slider widget

jQuery.ScrollTo

communication skills - zefrank

pixelspread: List Based Calendar

DIY: Make a Disco Ball With CDs

John Resig - Sexy Firefox 3

Genfavicon. Free Online Favicon Generator. Icon Generator.

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

A List Apart: Articles: How to Size Text in CSS

3spots: del.icio.us as color tool

Ten Steps to User Persona

Dress Code Guide

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

BernieCode » How to debug JavaScript with Visual Web Developer Express

ikea hacker

CSS The Star Matrix Pre-loaded

Keys by post

Hivelogic - The Narrative - Building Ruby, Rails, Subversion, Mongrel, and MySQL on Mac OS X

Unobtrusive connected select boxes - yet another solution approach - Wait till I come!

Monitor your Mac and more with GeekTool

swfIR: swf Image Replacement

Year Of Living Generously

SEOmoz | Web Developers: 13 Command Line Tricks You Might Not Know

GIMP - Tutorials

How to install ANYTHING in Ubuntu!

Event-Driven Web Application Design » Yahoo! User Interface Blog

Accessites.org’s Web Accessibility Articles & News | Accessites.org: Selected Article

Create a software box Photoshop Tutorial

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

10 CSS Tips from a Professional CSS Front-End Architect at 72 dpi In the Shade

Stu Nicholls | CSSplay | Experiments with cascading style sheets

I Will Teach You To Be Rich: Set smaller goals: impress friends, get girls, lose weight

Fumbling Towards Geekdom: A 2006 productivity hot-or-not guide

How to Change the World: LinkedIn Profile Extreme Makeover

The Definitive Guide to Web Character Encoding [HTML & XHTML Tutorials]

Digital Web Magazine - It's in the Details: Seven Secrets of a Successful International Website

Unspace - Attributes > Classes: Custom DOM Attributes for Fun and Profit

Screencast Guide: Tools for screencasting in Linux.

How to Change the World: The Art of Schmoozing

TechEBlog » 7 Cool Things You Can Make with Paper

Top 10 Detox Foods - Beauty Eats on Yahoo! Food

ACM: Software Engineering Code of Ethics and Professional Practice

Ubuntu sugar cookies

Easy cross-browser transparency | Bite Size Standards

Web-Sites of the Month: December 2006 | Smashing Magazine

Web 2.0 how-to design style guide

A Periodic Table of Visualization Methods

Trapped at Berkeley » Blog Archive » Daily del.icio.us Links Script for Wordpress - The Rants of a UC Berkeley Student

A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique

DerekAllard.com : Conditionally Sticky Sidebar

How to use OpenID (a screencast)

How to turn your blog in to an OpenID

David Seah : The Printable CEO™ Series

Programming Texts/Tutorials

Shape Shed - Journal - Overlapping tabbed navigation in CSS

The Man in Blue > Resolution dependent layout update

A beginner's guide to freelancing (Phil Gyford: Writing)

Digital Web Magazine - The Rise of Flash Video, Part 3

The elusive DOM-Inspector in Firefox - tidbits/firefox-dom-inspector.story

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

Lightbox JS

Hacking Knowledge: 77 Ways to Learn Faster, Deeper, and Better | OEDb

Digital Web Magazine - CSS Styling for Print and Other Media

Roll your own browser - An embedding HowTo - MDC

24 ways

CSS: Browser testing order

A List Apart: Super-Easy Blendy Backgrounds

How to structure large CSS files - Friendly Bit

DIY Planner | Paper, productivity & passion