Back to the blog- Home
- Great Blogs
Resources- Dolls & Avatars
- Photography
- Misc
- Credits
ChasingDaisy.com
Over the course of the past couple of years I've been squirrelling away some great links to
••• Design Blogs •••
••• Absolute Beginners •••
xx
ended December 2004 but the archives are still excellent
W3C
small para on what the W3 is and does
xx
NCSA beginners guide to HTML
••• Accessibility •••
••• Web Standards •••
••• CSS Tutorials •••
Listamaticxx
Some cool examples of mimicking magazine layouts in CSS
BigBaer's float tutorial
Inspiring
A two column zine layout with an image floated between the columns
it's the winner of the first challenge
xx
centering
xx
Tutorial on floats
CSS Negotiation and a Sanity Saving Shortcut
IntensiveStation
They also provide free templates for you to use as practice and on your own site.
Why does the CSS box model need a hack?
••• CSS in Practice •••
••• Useful Articles •••
Joshuaink's "A simple guide to 3 column layouts"
John Wyles - Rotate CSS stylesheets
••• Inspiration •••
••• Positioning •••
••• Lists •••
••• Navigation •••
••• Free Layouts and Templates •••
••• Picture Resources •••
IntuitivMedia
High quality but expensive.
Worldwide Retro Pinups
Great fun.
Rewind the Fifties
Classic 50s clip art.
Graphics by Dezign
Fun free clip art.
Blue Vertigo
Great collection of photograpic resources.
••• Browser Support •••
Full CSS Property Compatibility Chart
••• Tools •••
PSPad
Free editor.
Adam Kalsey's Button Maker
put an example or two in here
CSS Cascading Style Sheet Optimiser
••• Site Checks & Validation •••
HTML Tidy
HTML Tidy Online is a web front end to the command line program Tidy. It helps remove redundant and sloppy code. It has various options to improve code and fix errors in HTML documents.
iCapture
iCapture is provided as a public service to the 97% of the computing world without macs. Standing tall, we 3% hereby declare "we too have a browser".
Selectoracle
"Ever wondered what a particularly complex CSS selector really means? Here's your chance to find out! Simply enter one or more semi-colon separated selectors or rulesets into the following "Direct Input" area, or provide the URL of a stylesheet in the "URL Input" area. Best of all, the SelectORacle will flag potential errors and other problems, and it won't choke on any actual rules. You've always wanted to know what makes those line-noise posers tick-- now you can."
••• Colour •••
Starting to think about choosing a colour scheme for your website? Before you do anything, go to Gez Lemon's Juicy Studio, read all about the Color Contrast Analyser then go to the National Information and Library Service (NILS) Colour Contrast Analyser, read a little more, see the screenshots and then download the software that allows you to check every color for contrast. Why? Gone are the days when crimson text on a deep purple background was acceptable. If it ever was :-)
Paragraph about importance of colour/accessibility.
But here's another reason to love it: I can't for the life of me remember color codes - #99000, #D4D0C8, blah, blah. So if I'm creating some css and want to check a colour I've used in the past, I just quickly paste the code into the Analyser and it immediately shows the colour for that code.
The tool also has an option to show the results for the different types of colour blindness; protanopia, deuteranopia, and tritanopia.
Come back to these: Fujitsu
The Man in Blue's Technicolor Experiment
Where do I start? Not only can you work out a colour scheme, hit a button and it displays ("auto-paints") that colour scheme on a 2 column+background layout to the right and you can generate the css of that colour scheme. Cameron Adams is a genius.
Nattyware Pixie
You might like to download this nifty (and free!) tool - just by running the mouse over something (the desktop, any web page, etc.) it'll tell you what color is being used - the hex, RGB, HTML, CMYK and HSV values of that colour. You can then use these values to reproduce the selected colour in your favorite programs.
Eric Meyer's Color Blender
Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you'd like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors. Also available for offline use.
Dave Lochhead's flash based color picker and mixer
I love this one - just use the mouse one the sliders to discover colour schemes you'd never have thought of.
Color synthAxis
Very sophisticated colour mixer. Don't be put off if it looks complicated at first (I was), it really is an easy to use tool and there are excellent tutorials in English and Spanish.
Color Palette Creator
Another useful tool for selecting a colour scheme - enter a base colour and the software will create 10 shades of that colour. You can export all of your saved palettes to a PNG image.
Wellstyled Color Scheme 2
A hugely popular colour tool.
4096 Color Wheel
I love this one because it gives you the option to choose from the web-safe, web-smart and unsafe versions of any colour.
Triplecode Munsell Palette. Also available as a pop-up.
Lloyd Dalton's Color Select Control
"...an attempt at a standards-compliant, cross-browser, color select interface widget"
Handprint Color Vision
If you have the time (and a fast connection) this is a very thorough set of articles on colour.
••• Discussions & Forums •••
••• Typography •••
Robot Johnny
Great names, great free fonts. The blog's good too.
Essential fonts for designers
A wonderful collection of 300 truetype fonts for both MacOSX and Windows.
Fontifier
Create a font from your own handwriting (currently $9)
Letterhead Fonts
Great site, some free fonts too.
TypeNow
6080 free fonts at last count.
Who Fonted
Great name, great site.
1001 Free Fonts
Growing since 1998.
Simply the best
It is rather good actually!
My Fonts
Not free but a great collection.
Fonts organised
Huge collection of links to fonts.
Luc Devroye
Another great collection, this time with the emphasis on language and specialist fonts. Excellent.
••• Scripts, Plug-ins, Etc. •••
DHTML Shock
Free DHTML scripts.
Dynamic Drive
"DHTML scripts for the real world"
Javascript Kit
Javascripts, applets and tutorials.
GroupBoard
"Add chat, whiteboards, games and message boards to your site by simply copying a few lines of HTML code - no downloads or plugins needed! Also available to run on your own web server."