Jump to content



  • Please log in to reply
26 replies to this topic

#1 neylitalo

  • Staff Alumni
  • Advanced Member
  • 1,854 posts
  • LocationMichigan, USA

Posted 04 October 2006 - 09:40 PM

This is a list of some resources you can use for your CSS adventures.

www.twinhelix.com - the creators of some really cool CSS (and JS) menus, tooltips, and others. Free to use, except you have to make a donation or place a visible creding link to twinhelix.com somewhere in your page. Highly recommended.

Feel free to add your favorite tutorials, tools, or references to this thread. Please include a description of whatever it is, and make sure it's not already in the list.
http://nealylitalo.net - My personal website, and home of The Netizen's Journal.

#2 c4onastick

  • Members
  • PipPipPip
  • Advanced Member
  • 216 posts

Posted 08 November 2006 - 10:31 PM

Other great tutorial sites:

Position is Everything!
-My favorite site for learning (by example) to replace table layouts with CSS.

CSS Layout Techniques
-Another great site with examples on multiple column layouts.

A List Apart
-Site full of great articles about the design process for CSS, as well as articles on different mini-tasks (i.e. pretty forms, multi-column lists, etc.)

Holy CSS Zeldman!
-A site with a bunch of links to tutorials to CSS concepts and applications.

Max Design
-Site with a bunch of tutorials on formating CSS lists, floats, and form selects.


Regex Tester::Unicode Regex::PHP Function List::MySQL 5.1
"Sorry sweetheart... but this all day sucker is down to the soggy white stick." -- Topper Harley

#3 ToonMariner

  • Members
  • PipPipPip
  • Advanced Member
  • 3,342 posts
  • LocationNewcastle upon Tyne, UK

Posted 24 November 2006 - 11:48 PM

Good tool for css authoring


It is worth getting the pro version (IMO).

Good couple of features like checking validity against browsers or standards etc. etc. and really helps you manage your style sheets; see all your selector-class-id declarations and helps create your css very quickly.
follow me on twitter @PHPsycho

#4 amethyst42

  • Members
  • PipPip
  • Member
  • 10 posts
  • LocationCanuckistan

Posted 25 November 2006 - 01:33 AM


This is great, it has a 'try it' window for everything, manipulate the code and see what happens!
I am too scared to close my eyes.

#5 tarun

  • Members
  • PipPipPip
  • Advanced Member
  • 321 posts

Posted 10 April 2007 - 07:17 PM

Dynamic Drive
Great For Loads Of CSS And JS Tips, Tricks And Downloadable Examples

#6 obsidian

  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 10 April 2007 - 07:25 PM

Stop Design - Homepage of Douglas Bowman... a must see!

Sons of Suckerfish dynamic menus - Nearly pure CSS dropdown menus.

Zeldman's homepage - Add it to A List Apart mentioned above.
You can't win, you can't lose, you can't break even... you can't even get out of the game.

while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx

#7 talkz3333

  • New Members
  • Pip
  • Newbie
  • 3 posts

Posted 31 May 2007 - 09:16 AM

thanks man

http://www.FreeOnlineGenerator.com - Free useful generators for webmasters and developers!

#8 play_

  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 21 July 2007 - 11:50 PM

I'd like to add this awesome css3 site

regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#9 dbrimlow

  • Members
  • PipPipPip
  • Advanced Member
  • 712 posts

Posted 22 August 2007 - 09:02 PM

Let's not forget Roger Johansson's, "456 BEREA St"

Blog where Professional css writers, gurus hang.
Archives of superb articles, very cool "Lab", etc

I am always amazed by no matter how much I know, I know I don't know as much as I thought I knew.  - D. Brimlow.

#10 joeysarsenal

  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 21 September 2007 - 06:14 AM


This is great, it has a 'try it' window for everything, manipulate the code and see what happens!

i need a site like that, is there another one similar?

#11 bronzemonkey

  • Members
  • PipPipPip
  • Advanced Member
  • 433 posts

Posted 28 October 2007 - 03:53 PM

The W3C List of Recommended Doctypes - Remember to use a doctype!

The W3C QA Toolbox (Validators, checkers and other tools) - Remember to check your code!

Free Website Accessibility Tests - Becoming very important for legal reasons and ensuring that as many people as possible can use your amazing website.

Grid Layout Javascript - Really great piece of useful javascript to use during design/development for people employing a Grid Layout.

CSS Play - Website with lots of examples of multi-column layouts, css menus (drop-down, in-line, etc), image maps, etc.

#12 [-_-]

  • Members
  • PipPipPip
  • Advanced Member
  • 76 posts
  • LocationCanada

Posted 17 May 2008 - 03:52 PM

This is a good tool for when your setting the background colors in your css.

It takes the guess work out and it has a mock site preview to let you see how your colors will look together.


#13 SuperBlue

  • Members
  • PipPipPip
  • Advanced Member
  • 306 posts

Posted 28 May 2008 - 09:05 PM

It may be worth to mention by now, even though i'm still working on the Tutorials, the references are growing fast.

www.brugbart.com - Tutorials/References

I mainly focus on HTML, CSS and PHP/MySQL. It is possible to comment on each Tutorial Entry and each Reference Entry.
At the moment there are some pretty good position based layouts, with multiple columns.

#14 David123

  • New Members
  • Pip
  • Newbie
  • 1 posts

Posted 19 August 2008 - 08:24 AM

get lots of information about CSS Advanced Web Standards Solutions



#15 keyurshah

  • Members
  • PipPip
  • Member
  • 23 posts

Posted 05 September 2008 - 07:18 AM

Web Developer Handbook!

The all-under-one-roof site for web developer

css creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | seo tools | seo references | how-to-get-things-done | freelancers resources | web2.0 | 2read

#16 maplist

  • New Members
  • Pip
  • Newbie
  • 9 posts

Posted 17 October 2008 - 06:33 PM

Thanks for the info

#17 katherinej

  • New Members
  • Pip
  • Newbie
  • 1 posts

Posted 19 March 2009 - 12:50 PM

http://www.w3schools.com/ is a great website to follow the programming languages.

#18 BLaZuRE

  • Members
  • PipPipPip
  • Advanced Member
  • 104 posts

Posted 15 August 2009 - 10:53 PM

http://www.w3schools.com/ is a great website to follow the programming languages.

That was already mentioned.

Anyway, try:
http://www.w3.org/TR/CSS1/ and http://www.w3.org/TR...-CSS2-20080411/
It's more suited for intermediate to advanced coders since it's more of a manual than a teaching/step-through website.  It's the best way to assure that you're standards-compliant (since they ARE the standards).
They also have the standards for HTML and XHTML.

#19 anatak

  • Members
  • PipPipPip
  • Advanced Member
  • 407 posts
  • LocationJapan, Fukuoka prefecture, Kitakyushu City

Posted 05 October 2009 - 04:30 AM

center tables explained on this page
I am sure there are some other good things on his page


#20 xtendcorp

  • New Members
  • Pip
  • Newbie
  • 1 posts

Posted 30 December 2009 - 11:25 AM

http://www.w3schools.com is like bible for christians and corani for islamists.Its the base to learn creating websites.
Tornado in our souls torrents in our minds

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users