WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > SOCIAL CHAT > Resources > All You Need for CSS (Cascading Style Sheets)

Reply
  Thread Tools Display Modes
Old 8th April 06, 02:22 PM   #1
Webnauts
WLC Member
 
Join Date: Apr 2006
Location: Germany
Posts: 9
Default All You Need for CSS (Cascading Style Sheets)

CSS Resources, Tutorials, Tips and Tricks (please report broken links)

CSS Tutorials (all-in-one) http://www.thefixor.com/code_css.php#tutor

Another new one: Tutorials, Demos, and Hacks http://nemesis1.f2o.org/links

Florida State University Webmaster - Curriculum Cascading Style Sheets (CSS 2.1) Reference
http://learningforlife.fsu.edu/webma.../css/index.cfm

-------

1. Rebuilding a Site With Standards http://www.meyerweb.com/eric/talks/2...ebuilding.html

2. The University of Arizona - Cascading Style Sheets http://uaweb.arizona.edu/resources/t...ss/index.shtml
3. W3C Web Style Sheets CSS tips & tricks http://www.w3.org/Style/Examples/007/

4. Tables or CSS? Choosing a layout http://www.saila.com/usage/layouts/cssvtables.shtml

5. Tableless Layout with CSS HowTo (W3C) http://www.w3.org/2002/03/csslayout-howto.html.en

6. How to build a web site without tables http://www.mako4css.com/Tutorial.htm

7. CSS Quick Reference http://www.devguru.com/Technologies/...css_index.html

8. Real World Table Free Site Development http://www.womendesignersgroup.com/articlerachel.shtml

9. CSS Bugs and Workarounds http://css.nu/pointers/bugs.html

10. How to hide CSS from buggy browsers http://w3development.de/css/hide_css_from_browsers/

11. Hiding CSS form Netscape 4+ http://www.v2studio.com/k/css/n4hide/

12. External link icons the CSS way: http://www.kryogenix.org/days/173.html

13. CSS Top Menu Combination - Does not work in Internet Explorer 6.0. It does work in Mozilla 1.4., Opera 6.0., and Safari 1.0. http://moronicbajebus.com/playground/cssplay/top-menu/

14. Hover Sidebar with CSS - It is known to work in Mozilla 1.3b or later (though in Mozilla 1.4a it was buggy but then was fixed) and it also works in Opera 7.0. But alas, it does not work in Internet Explorer 6.0 because Internet Explorer does not support :hover on anything but hyperlinks (<a>). http://moronicbajebus.com/playground...hover-sidebar/

15. Erlarger Button Menu with CSS - Overlapping the other elements: http://moronicbajebus.com/playground...r-button-menu/ This does not work in Internet Explorer.

16. Reformat the tables with CSS - It works in Mozilla 1.4+ and Opera 7.0. It does not work in Windows Internet Explorer 6. http://moronicbajebus.com/playground...eformat-table/

17. Image replacement - no span with CSS - This works great in Windows Internet Explorer 6, Mozilla 1.4+, and Opera 6+; but in Windows Internet Explorer 5 nothing shows up. This can easily be solved, note of problem and solution courtesy... http://moronicbajebus.com/playground...e-replacement/

18. Mark you jump - You need a browser that supports CSS3. This is where the time traveling comes in because as of today (2003/2/June) CSS3 is still in the draft stage; but you are in for some luck Mozilla 1.3 does support :target—those wacky Mozilla people. http://moronicbajebus.com/playground.../markyourjump/

19. Horizontal Menu using CSS http://moronicbajebus.com/playground/cssplay/hormenu/

20. Add banner positioning with CSS http://www.peterbailey.net/test/banner.htm

21. Box Model Hack http://www.tantek.com/CSS/Examples/boxmodelhack.html

22. Designing for two Style Sheets - This method is suitable for use when you have a site that is laid out using CSS positioning as opposed to tables, and where the content is likely to get displayed badly in older browsers.
By carefully planning your layout you can create an alternate stylesheet that will display correctly in older browsers and still be able to do an advanced CSS layout for the rest. http://www.edgeofmyseat.com/showarticle.do?AID=5

23. CSS-driven tabs http://www.clagnut.com/writings/csstabs/

24. CSS: Mix and match Classes http://catcode.com/csstips/classes.html

25. CSS: Graphic List Bullets http://catcode.com/csstips/graphic_list.html

26. CSS: Centered Tables http://catcode.com/csstips/center_table.html

27. CSS and Netscape 4.xx Issues - The market share of browsers that do not support any CSS is now below 0.5%. Therefore web developers have more freedom to actually separate content (HTML) and presentation (CSS).
The biggest challenges that web developers face when implementing CSS is backwards compatibility and browser support. http://www.mako4css.com/Issues.htm

28. Mark external links on your site (and others!) http://www.sitepoint.com/newsletter/...&format=html#6

29. CSS Positioning Properties http://www.miswebdesign.com/resource...roperties.html

30. CSS Menus - Uberlink CSS Rollovers: http://www.projectseven.com/tutorial...t_01/index.htm

31: CSS-TD CSS Table Design: http://www.projectseven.com/tutorials/css_t/index.htm

32. Navigation Menu without Images: http://www.bravenet.com/resources/ti...p.php?view=160

33. Dynamic @import CSS files using PHP: http://www.1976design.com/blog/archi...p-dynamic-css/

34. max-width in Internet Explorer: http://www.svendtofte.com/code/max_width_in_ie/

35. The Basics of Positioning http://www.communitymx.com/content/a....cfm?cid=3B56F

36. Creating radically different list options http://css.maxdesign.com.au/listamatic/

37. CSS Rollover Tutorial
http://info.vilesilencer.com/main.ph...=css_tute1.php

38. Dynamic Drive CSS Library http://www.dynamicdrive.com/style/

-------

Tools and Utilities (please report broken links)

1. Build tableless (with CSS) pages with this free online tool: http://www.fu2k.org/alex/css/layouts...Absolute.mhtml

2. User Style Sheet Wizzard http://www.techdis.ac.uk/seven/wizards/user-style.html

3. FREE Accessible Forms Creator Desktop Software (for building forms with CSS or tables): http://www.hisoftware.com/access/valueadd9.html

4. Style Master - CSS Web Page layout Editor for Windows and Macintosh: http://www.westciv.com/style_master/

5. Layout-Matic - Generates CSS for formatting lists in a variety of forms: http://www.inknoise.com/experimental/layoutomatic.php

---
Brought to you by Webnauts - Web Site Accessibility - Search Engine Optimization (SEO) - Usability Testing - Training

Last edited by Webnauts; 9th May 06 at 10:45 PM.
Webnauts is offline   Reply With Quote
Old 8th April 06, 02:36 PM   #2
mstwntd
WLC Member
 
Join Date: Apr 2006
Location: Melbourne, Australia
Posts: 17
Default Re: All You Need for CSS (Cascading Style Sheets)

Thanks for the resources, Webnauts.

Off Topic: You seem to be all over the scene these days! Any comminities I join, you're already there.
mstwntd is offline   Reply With Quote
Old 8th April 06, 02:41 PM   #3
Webnauts
WLC Member
 
Join Date: Apr 2006
Location: Germany
Posts: 9
Default Re: All You Need for CSS (Cascading Style Sheets)

Quote:
Originally Posted by mstwntd
Off Topic: You seem to be all over the scene these days! Any comminities I join, you're already there.


I have been invited by the forums here to join. I can't help it when someone invites me.
__________________

To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
Webnauts is offline   Reply With Quote
Old 8th April 06, 04:10 PM   #4
Jen
WLC Admin
 
Jen's Avatar
 
Join Date: Mar 2006
Posts: 489
Default Re: All You Need for CSS (Cascading Style Sheets)

Nice resources, thanks for doing it
*sticky*
Jen is offline   Reply With Quote
Old 17th April 06, 08:08 AM   #5
Justin G
WLC Member
 
Justin G's Avatar
 
Join Date: Apr 2006
Location: Texas, USA
Posts: 36
Default Re: All You Need for CSS (Cascading Style Sheets)

Great Resource!
__________________


To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
l
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
l
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.

Justin Garza - Internet Entrepreneur
Justin G is offline   Reply With Quote
Old 17th April 06, 11:38 AM   #6
Martijn
WLC Lover
 
Join Date: Apr 2006
Location: Roosendaal, The Netherlands
Posts: 102
Default Re: All You Need for CSS (Cascading Style Sheets)

Great resource, but I would recommend people who are seriously getting into css to get 2 books. One being CSS Cookbook from O`Reilly or a similair full blown guide to css. Read it, build stuff with it and understand it. This way you get a good clear understanding of css and what it is. After you finished that you might want to consider getting down and dirty with css by reading andy budd`s CSS Mastery. Excellent read, full of cool samples etc.

Tutorials are great resources and very helpfull, don`t get me wrong. It`s just my opinion that having 1 or 2 good css books will help you understand it better and will build you a better base for future css stuff.
Martijn is offline   Reply With Quote
Old 24th April 06, 12:26 AM   #7
.Mike
WLC Member
 
.Mike's Avatar
 
Join Date: Apr 2006
Location: Newyork city
Posts: 28
Default Re: All You Need for CSS (Cascading Style Sheets)

wow very nice stuff there man
.Mike is offline   Reply With Quote
Old 18th July 06, 05:47 PM   #8
hyperacktive
WLC Member
 
Join Date: Jul 2006
Posts: 13
Default Re: All You Need for CSS (Cascading Style Sheets)

If those links aren't enough to keep you busy, I've also compiled a
List of CSS articles and posted them at my domain.

http://www.hyperacktive.com/h.php?doc=css

If anyone would like to suggest additions to list, feel free to drop me a note.

Enjoy.
hyperacktive is offline   Reply With Quote
Old 21st July 06, 04:06 AM   #9
csshuckster
WLC Lover
 
csshuckster's Avatar
 
Join Date: Jul 2006
Location: North Conway, New Hampshire, USA
Posts: 70
Default Re: All You Need for CSS (Cascading Style Sheets)

great links, thanks!
__________________
"Quotes are nothing but inspiration for the uninspired." --Richard Kemph
csshuckster is offline   Reply With Quote
Old 10th August 06, 08:17 PM   #10
Zaigham
WLC Member
 
Zaigham's Avatar
 
Join Date: Jun 2006
Posts: 6
Default Re: All You Need for CSS (Cascading Style Sheets)

A great list of resources!

Thumbs up for ya!

regards.

Zaigham
__________________

To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
Zaigham is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
css style iframe content hiropowers HTML & XHTML 1 21st April 07 01:48 AM
Borders not showing up in table from external style sheet seclev77 HTML & XHTML 3 9th January 07 06:40 PM
Create Style Sheets With Style Master Inferno Resources 8 21st July 06 08:16 AM


All times are GMT. The time now is 07:28 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.