Jump to content

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.
Link to comment
https://forums.phpfreaks.com/topic/23023-resources/
Share on other sites

  • 1 month later...
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!

Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-121822
Share on other sites

  • 3 weeks later...
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.
Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-129820
Share on other sites

  • 4 months later...
[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.
Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-226131
Share on other sites

  • 1 month later...
  • 1 month later...
  • 1 month later...
  • 5 weeks later...
[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?
Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-352146
Share on other sites

  • 1 month later...
[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.
Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-379813
Share on other sites

  • 6 months later...
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]
Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-543580
Share on other sites

  • 2 weeks later...
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.
Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-552094
Share on other sites

  • 2 months later...
  • 3 weeks later...
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
Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-634357
Share on other sites

  • 1 month later...
  • 5 months later...
  • 4 months later...

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.

Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-899135
Share on other sites

  • 1 month later...
  • 2 months later...
  • 10 months later...

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.

Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-1128580
Share on other sites

  • 3 months later...
  • 1 month later...

For all you people that focus here on just css in a bite size format, try a book:

http://www.amazon.com/CSS-Missing-David-Sawyer-McFarland/dp/0596802447/ref=ntt_at_ep_dpi_1

 

CSS:The Definitive Guide Of Eric Meyer is worth it's weight in gold as well.

Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-1196439
Share on other sites

  • 1 month later...

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

Link to comment
https://forums.phpfreaks.com/topic/23023-resources/#findComment-1216349
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

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.