Design : Links

Updated: 1st September 2010

Links to design related websites and tools.

Coding

CodeAve.com
DZone Snippets
Google Code Search
Google Maps API Basic Tutorial
Github Code Search
Koders.com
Krugle.com
PHP/MySQL Tutorial
Programming Ruby
Ruby Learn to program
Ruby Resources
Snipplr.com
w3.org
w3Schools.com
Web Developers Handbook - Handy link resource.

Colour

0 to 255 Colour variations.
4096 Color Wheel
CheckMyColours.com - Tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits.
Color Blender.
Color Combos - Type the colour code (in HEX) and search for combinations to match it.
Colour Contrast Check
Color Jack
Color Match 5k.
Color Palette Generator - Create a colour palette based on an image.
Color Scheme Designer - Very nice online colour schemer.
Color Schemer Online.
Color Theory, The Color Wheel And Color Schemes
Color Theory Quick Reference
ColorCombos.com.
ColorLovers.com.
Color Match Remix
ColorToy 2 - Colour schemer.
Colr Pickr
Colr.org
Daily Color Scheme
Effective Color Contrast.
Exploring the Spectrum: Designing With Color
HTML Color Names.
Kuler
Pantone and hexidecimal colour conversion chart.
Netscape (6x6x6) Color Palette Map
Slayer Office Color Palette
The Professional Designers Guide To Using Black
Visibility of text on background color
RGB to Hexadecimal Converter
Which Color Palette?
Wikipedia List Of Colors

CSS

3 Advanced CSS3 Techniques You Should Learn
7 Useful CSS3 Code Generators
A List Apart
All About Floats
Cross-Browser CSS Gradient
CSS Beauty.
CSS Color Editor - CSS Colour Replacement.
CSS Creator - CSS layout generator.
CSS Media Queries & Using Available Space
CSS Selectors And Pseudo Selectors Browser Compatibility
CSS Navigation Techniques.
CSS Typeset - CSS Generator.
CSS Vault.
CSS Zen Garden
CSS-Tricks.com
CSS3.info
CSS3Please.com - Cross-Browser CSS3 Rule Generator.
CSS3 Button And Menu Techniques
CSS3 Click Chart
CSS3 Dropdown Menu
CSS3 Gradient Buttons
CSS3 Maker
CSS3 Menu
CSS3 Pie - Making IE 6-8 capable of rendering some CSS3 features.
CSS3 Support For Internet Explorer 6, 7, And 8
Eric Meyer CSS .
Guide To CSS Typography
Introduction to CSS - W3 Schools tutorial
Layout Gala - A collection of 40 CSS layouts.
Layouts.IronMyers.com
List-o-Matic - Online CSS List generator.
Listmatic - CSS list examples and browser support.
Mozilla CSS Extensions
Nifty Corners - How to create rounded corners without images.
Open Source Web Design - Download and share web designs.
Pixy's 3-col layout via CSS.
Pure CSS Speech Bubbles
Sexy CSS Buttons
Top 10 Tricks by Trenton Moss
Vendor-Prefixed CSS Property Overview
W3CSites.com
(X)HTML-only Filters Summary.

Fonts

DaFont.com
DingbatDepot.com
Font Fonter - Try web fonts on any website.
FontSpace.com
Fontstruct - Free font-building tool.
FontSquirrel - Free @font-face packs.
FontTester.com
Google Web Fonts
HighFonts.com
Linux Font Equivalents to Popular Web Typefaces
The Essential Guide To @font-face
Typetester
UrbanFonts.com

Images

Royalty Free Images

Cotbis.com Royalty Free
FreeRangeStock.com
FreeStockImages.org
FreeStockPhotos.com
ImageAfter.com
iStockPhoto.com
Matton.com
MorgueFile.com
OpenPhoto.net
PictureQuest.com
RoyaltyFreeImages.net
SXC.hu
StockVault.net
WallpaperStock.com
YotoPhoto.com

jQuery

35 Useful jQuery Plugins For Slideshows, Graphs And Text Effects
36 Eye-Catching Jquery Navigation Menus
Best of jQuery-Tutorials
Create A Slick Tabbed Content Area Using CSS & jQuery
Flash-Like Color & Pattern Morphing With jQuery
jQuery Blend
jQuery Function Builder
jQuery HTML Table Toolbox
jQuery Plugins Toolbox
jQuery Presentation Plugin
jQuery Source Viewer
Minimalist jQuery - 11 useful plugins under 4K.
Shadow Motion Effect In 5 Lines Of jQuery
Sliding Labels
The Best jQuery Lightbox Scripts
TipTip jQuery Plugin

Misc

10 Useful .htaccess Rewrites, Mod_Rewrite Tricks And Tips
AlphaImageLoader Filter for IE.
Dev Articles
Developer Fusion
Feed Icons
Interface Design
Sitepoint
Lorem Ipsum
Lynx Viewer
W3C Quality Tips for Webmasters.
The 960 Grid System Made Easy
TheBestDesigns.com.
Transparency In Web Design
Video for Everybody - Embeds a video into a website using the HTML5 video element.
Writing for the Web by Jakob Nielsen.

Online Tools

15 Online Background Generators
Acid 2 Browser Test
BlindTextGenerator.com
BrowserShots.org - View screenshots of web pages in different browsers.
Button Maker 80 x 15 - Generates sticker style buttons.
Check your site - Handy page of web design checking tools.
Color Blender - 'Free on-line tool for colour matching and palette design'.
Color Match 5k - 'Select a matching 6-colour palette for your website'
Color Schemer Online - Creates 16 colour compliments.
CSS Desk - Online CSS and HTML editor.
E-Mail Icon Generator - In the style of the domain, Google, Hotmail, MSN, Yahoo etc...
Email Protector - Simple link and Javascript solutions.
Em Chart
Favicon Generator
Favicon from Pics - Supply an image and this site will create a favicon for you.
FontTester.com
Form Element Generator.
Form Style Generator.
Gradient Image Maker.
How To Use Visual Hierarchy In Web Design
HTML to JavaScript Convertor
HTML to PDF - Entering a url produces a pdf replica of the page.
HTML5 Rocks
Image Splitter - On-line image splitting.
Keyword Analysis Tool - Can check webpages for words used and frequency.
Keyword Research Tool - Will search appropriate words and phrases to include in your webpage's body text to aid in promotion.
Link Popularity Checkers - Webmaster-Toolkit.com, WebHelperNow.com.
Lynx Viewer - See what your pages will look like (sort of) when viewed with Lynx, a text-mode web browser.
Markup Maker
MyBannerMaker.com - Make banners online.
Obfuscate Mailto 1.01 - Hide your email address using javascript.
Online Image Map Editor.
PrimerCss.com - Undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet.
Quick Escape - Convert HTML to escaped characters.
Random Texture Generator.
Random Website Template Generator.
Real-time HTML Editor - Framed html page that allows you to edit html code in the top half and view the output in the lower.
Rendera - In-browser editor that helps Learn HTML5 & CSS3.
Search Engine Position Checker.
Snipshot.com - Online image editor.
Spoon Browser Checker
Test How Fast Your Website Loads
Text Manipulation Tools
TiltShift Generator
TypeIt.org - Type accent marks, diacritics and other characters online.
Typetester - Allows you to view multiple fonts and adjust their properties for web page comparisons.
Unicode Code Converter
Vector Magic - Convert bitmap images like JPEGs, GIFs and PNGs to EPS, SVG, and PDF.
VisiBone Popups - Pop -up quick reference guides for HTML code and Hex & Decimal colours.
When can I use... - HTML5 and CSS3 Browser compatibility.
WhoLinks2Me.com - Find who's linking to your domain.