Jump to content

Archived

This topic is now archived and is closed to further replies.

neylitalo

RESOURCES

Recommended Posts

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.

Share this post


Link to post
Share on other sites
Other great tutorial sites:

[url=http://www.positioniseverything.net/]Position is Everything![/url]
-My favorite site for learning (by example) to replace table layouts with CSS.

[url=http://www.glish.com/css/home.asp]CSS Layout Techniques[/url]
-Another great site with examples on multiple column layouts.

[url=http://www.alistapart.com/topics/code/css/]A List Apart[/url]
-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.)

[url=http://www.dezwozhere.com/links.html]Holy CSS Zeldman![/url]
-A site with a bunch of links to tutorials to CSS concepts and applications.

[url=http://css.maxdesign.com.au/index.htm]Max Design[/url]
-Site with a bunch of tutorials on formating CSS lists, floats, and form selects.

Enjoy!

Share this post


Link to post
Share on other sites
Good tool for css authoring

[url=http://www.newsgator.com/NGOLProduct.aspx?ProdID=TopStyle]http://www.newsgator.com/NGOLProduct.aspx?ProdID=TopStyle[/url]

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.

Share this post


Link to post
Share on other sites
http://www.w3schools.com/css/default.asp

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

Share this post


Link to post
Share on other sites
[url=http://www.dynamicdrive.com]Dynamic Drive[/url]
Great For Loads Of CSS And JS Tips, Tricks And Downloadable Examples

Share this post


Link to post
Share on other sites
[url=http://www.stopdesign.com/]Stop Design[/url] - Homepage of Douglas Bowman... [b]a must see[/b]!

[url=http://http://www.htmldog.com/articles/suckerfish/]Sons of Suckerfish dynamic menus[/url] - [i]Nearly[/i] pure CSS dropdown menus.

[url=http://www.zeldman.com/]Zeldman's homepage[/url] - Add it to [i]A List Apart[/i] mentioned above.

Share this post


Link to post
Share on other sites
I'd like to add this awesome css3 site

[url=http://www.css3.info/preview/]http://www.css3.info/preview/[/url]

Share this post


Link to post
Share on other sites
Let's not forget Roger Johansson's, "456 BEREA St"
[url=http://www.456bereastreet.com/archive/]http://www.456bereastreet.com/archive/[/url]

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

Share this post


Link to post
Share on other sites
[quote author=amethyst42 link=topic=110530.msg473378#msg473378 date=1164418410]
http://www.w3schools.com/css/default.asp

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

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

Share this post


Link to post
Share on other sites
[url=http://www.w3.org/QA/2002/04/valid-dtd-list.html]The W3C List of Recommended Doctypes[/url] - Remember to use a doctype!

[url=http://www.w3.org/QA/Tools/]The W3C QA Toolbox (Validators, checkers and other tools)[/url] - Remember to check your code!

[url=http://www.accessibility101.org.uk/free-website-accessibility-tests.htm]Free Website Accessibility Tests[/url] - Becoming very important for legal reasons and ensuring that as many people as possible can use your amazing website.

[url=http://gridlayouts.com/]Grid Layout Javascript[/url] - Really great piece of useful javascript to use during design/development for people employing a Grid Layout.

[url=http://www.cssplay.co.uk/index]CSS Play[/url] - Website with lots of examples of multi-column layouts, css menus (drop-down, in-line, etc), image maps, etc.

Share this post


Link to post
Share on other sites
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.

[url=http://www.colorspire.com/color-schemes/creator/]http://www.colorspire.com/color-schemes/creator/[/url]

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
get lots of information about CSS Advanced Web Standards Solutions

http://www.friendsofed.com/book.html?isbn=9781590596142



http://www.infysolutions.com

Share this post


Link to post
Share on other sites
Web Developer Handbook!

The all-under-one-roof site for web developer
http://www.alvit.de/handbook/

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

Share this post


Link to post
Share on other sites

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/2008/REC-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.

Share this post


Link to post
Share on other sites

Very Great and Famous GERMAN & FRENCH website about HTML, CSS, JavaScript, and some server-side related, which is surfable in a really great catalogue!

 

Main-Site:

http://www.selfhtml.org/

 

German-Site with Search (= "Suche nach") -- Have a try!

http://de.selfhtml.org/

 

ps: Google-Translate might help you out then when it comes to the facts.

Share this post


Link to post
Share on other sites

Why has no one called up Chris Coyier from CSS Tricks.

 

It's an invaluable site where you can learn whatever your level.

 

I'm not an associate, friend or affiliate, just keen on learning from the masters.

 

http://css-tricks.com/

Share this post


Link to post
Share on other sites

this site might help http://www.csstutorial.net/

 

It talks about CSS, i already try it and i have many learning on that site.  It shows the step by step process in using the CSS codes. You can find all the stuff related to CSS. I saw that site when i was editing my thesis using my latest gadgets like Laptop.  Hope it can help.  :D

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.