Jump to content


Photo

Tutorials and Links


  • Please log in to reply
6 replies to this topic

#1 Byakuya Kuchiki

Byakuya Kuchiki

    Runs with Scissors

  • Members
  • 2,523 posts
  • Location:The Real World

Posted 10 January 2008 - 03:36 PM

CSS (Cascading Style Sheets)
w3 Learning CSS
w3 Your First Webpage
CSS3 Info - Latest news interviews and demonstations for CSS3
Full CSS2.1 Property Table - and their links back to the specification
Full CSS2.1 Property Table - The above reformatted (great as a panel in Opera)
Glish.com: CSS Layout Techniques - CSS Layouts 101
CSS, Accessibility and Standards Links - A far better list than this one
Listamatic - CSS Lists 101
CSS Tinderbox - Lots of layout examples
Max Design - More layout-learning goodness

HTML (HyperText Markup Language)
w3 HTML Basic and Advanced

Design
CSS Zen Garden - Standards-complient CSS inspiration
Colorjack: Sphere - The best color theory visualiser I know of

Tools
Allan Jardine: Reflections - Some great bookmarklets, particuarly Design
Browsershots.org - Crossbrowser testing without the browsers
XRAY - Great bookmarklet, but doesn't work in Opera
Opera Developer tools] - Very handy for debugging
Firefox Web Developer Toolbar - Handy extension
Firefox Firebug extension - Combined with the above, development bliss
IE Developer Toolbar - Because IE needs more debugging
W3Schools browser stats - Because statistics are tools too. Page includes links to OS and Display stats too.
Meyerweb | Tools - A list of tools compiled by Eric Meyer

Templates
Template World - xHTML, CSS, Creative Commons
Openwebdesign.org - Many, many high-quality free templates
Open-Source Web Design - Over 2000 OS templates
Open-Source Web Templates - Following the trend
CSS Fill - Not thousands, but some nice ones, and include .PSD's

Typography
CSSTypeset - For getting your type right before updating your stylesheet 100 times, and for those who think CSS is too hard.
WhatTheFont? - Online font-identification, for when you don't know what font it is
A Padded Cell: Web fonts - A great guide to fonts for your stacking
Font Matrix - A table of fonts and support

Feel free to suggest or add more.

Posted Image


#2 m@tt

m@tt

    #######

  • Project Team
  • 4,056 posts
  • Location:England
  • Projects:The Dwarf Holds
  •  T3A Chamber Member

Posted 19 January 2008 - 06:28 PM

How about a list of template sites? Personally, I used openwebdesign.org which is very good. I found editing a css-based template into a design of my own really helped develop my skills.
Posted Image

#3 Jeeves

Jeeves

    I write the interwebz

  • Members
  • 4,156 posts
  •  Friendly neighborhood standards Nazi

Posted 20 January 2008 - 01:03 AM

Added some. List kept breaking though, so cbf adding the rest of my bookmarks now, give you something to look forward to :)

World Domination Status: 2.7%


#4 Byakuya Kuchiki

Byakuya Kuchiki

    Runs with Scissors

  • Members
  • 2,523 posts
  • Location:The Real World

Posted 29 January 2008 - 02:08 PM

Lol, way more than I had ><. Then again Jeeves is sorta technically a pro :thumbsupsmiley:

Posted Image


#5 Jeeves

Jeeves

    I write the interwebz

  • Members
  • 4,156 posts
  •  Friendly neighborhood standards Nazi

Posted 30 January 2008 - 02:00 PM

I wouldn't call me a pro until I'm making more working than spending studying, though the cash is nice ;)

World Domination Status: 2.7%


#6 Jeeves

Jeeves

    I write the interwebz

  • Members
  • 4,156 posts
  •  Friendly neighborhood standards Nazi

Posted 16 February 2008 - 03:14 AM

Half-dozen more, and moved type-related ones together.

World Domination Status: 2.7%


#7 Romanul

Romanul

    title available

  • Hosted
  • 2,461 posts
  • Location:Romania,Bucharest

Posted 14 February 2010 - 03:24 PM

Maybe an atomic bump,but:

http://colorschemedesigner.com/


This might help some people around as its a pretty useful tool.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users