sNews Forum

Website Talk => Resources => Topic started by: Patric Ahlqvist on July 22, 2006, 07:10:14 pm

Title: CSS Resources
Post by: Patric Ahlqvist on July 22, 2006, 07:10:14 pm
NOTE: Several posts providing links to CSS Resrouces have been consolidated into this post.
This is being done, from time to time, to keep them all in one location rather than spread across several pages.
(Keys, Admin)
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

I'll post first...some site's regarding CSS

 - Style Master  CSS Tutorial (http://www.westciv.com/style_master/academy/hands_on_tutorial/index.html) - (A must for the css beginner)
 - Style Master Page Layout Tutorial (http://www.westciv.com/style_master/house/tutorials/quick/positioning/index.html) - (A must for the css beginner)
- Various CSS resources (http://www.websitetips.com/css)
- Guide to CSS (http://www.htmlhelp.com/reference/css/)
- The CSShark answers FAQ (http://www.mako4css.com/)
- The 3WSchools CSS school (http://www.w3schools.com/css/default.asp)
- Css "hacks" to hide or show in various browsers (http://centricle.com/ref/css/filters/)
- CSS validator (http://jigsaw.w3.org/css-validator/)
- Float tutorial (http://css.maxdesign.com.au/floatutorial/index.htm)
- Zengarden (http://www.csszengarden.com/)
- Css nav generator (http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp)
- DW extension to named nav generator (http://www.dmxzone.com/ShowDetail.asp?NewsId=5618)
- A gallery of named menus (http://css.maxdesign.com.au/listamatic/)
- Css tips, from Css master (http://www.complexspiral.com/publications/)
- More css tricks, rollover without js (http://www.redmelon.net/tstme/)
- Make sexy nav bars on your own (http://css.maxdesign.com.au/listutorial/)
- More layouts (http://realworldstyle.com/)
- Many things at the CSS vault (http://cssvault.com/)
- Css forum (http://www.csscreator.com/css-forum/)
Added Oct.09.06 - Master Class Perfection, by Rich in Style (http://www.richinstyle.com/masterclass/perfection.html)
Added Apr.18.07 - BASIC LAYOUTS (http://layouts.ironmyers.com/)
Added Apr.18.07 - CSS HELP PILE (http://www.artypapers.com/csshelppile/)
Added, Aug.31.07 - Stu Nicholl's Latest - Professional horizontal menus (http://www.cssplay.co.uk/menus/pro_horizontal)
Added Jan.30.08 - Various web designer tips & reads (http://webdevelopersfieldguide.com/)
Added Jan.30.08 - CSS sandbox (http://aurelio.net/css-sandbox/)

Patric.

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Posted by: Brian H. (http://snewscms.com/forum/index.php?action=profile;u=632) July 22.06.

Here's some of my bookmarks:

Clearance (http://mezzoblue.com/archives/2005/03/03/clearance/)
Ten CSS Tricks You May Not Know (http://evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/)
Updated Simple CSS Tabs (http://labs.silverorange.com/archives/2004/may/updatedsimple)
My Top Ten CSS Tricks (http://www.sitepoint.com/article/top-ten-css-tricks)
CSS for Bar Graphs (http://applestooranges.com/blog/post/css-for-bar-graphs/?id=55)
Adding a stylesheet to RSS (http://www.petefreitag.com/item/208.cfm)
CSS Shorthand Guide (http://www.dustindiaz.com/css-shorthand/)
CSS Transparency (http://www.domedia.org/oveklykken/css-transparency.php)
Ten Common CSS Mistakes (http://www.designdetector.com/link/to/ten-common-css-mistakes/)
Block Hover Effect for Links (http://www.smileycat.com/miaow/archives/000230.html)
Son of Suckerfish Dropdowns (http://www.htmldog.com/articles/suckerfish/dropdowns/)
Turning a list into a navigation bar (http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/)
Accessible "more" links v2 (http://www.knusperpixel.com/playground/more-more-links.php)
footerStickAlt (http://www.themaninblue.com/writing/perspective/2005/08/29/)

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Posted by: Fred K. (agentsmith) (http://snewscms.com/forum/index.php?action=profile;u=444) July 22.06.

The one and only original Listamatic (http://css.maxdesign.com.au/listamatic/)
A List Apart (CSS) (http://www.alistapart.com/topics/code/css/)*
SimpleBits (http://www.simplebits.com/notebook/)*
PIE (http://www.positioniseverything.net/) All the IE hacks you need, and then some
The Staple in designing with web standards (http://www.zeldman.com/dwws/)

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Posted by: Gypsy (http://snewscms.com/forum/index.php?action=profile;u=556) July 24.06.

CSS Showcases / Galleries

CSS Princess (http://cssprincess.com) for us women ;)
http://cssbeauty.com/ (http://cssbeauty.com/)
http://cssmania.com/ (http://cssmania.com/)
http://cssimport.com/ (http://cssimport.com/)
http://www.cssremix.com/ (http://www.cssremix.com/)
http://www.cssheaven.com/ (http://www.cssheaven.com/)
http://csselite.com/ (http://csselite.com/)
http://cssblast.ru/ (http://cssblast.ru/)
http://www.cssbloom.com/ (http://www.cssbloom.com/)
http://thesis.veracon.net/ (http://thesis.veracon.net/)
http://www.webcreme.com/ (http://www.webcreme.com/)
http://www.webstandardsawards.com/ (http://www.webstandardsawards.com/)
http://www.cssdrive.com/ (http://www.cssdrive.com/)
http://www.stylegala.com/ (http://www.stylegala.com/)
http://www.unmatchedstyle.com/ (http://www.unmatchedstyle.com/)
http://www.webdesignarchive.org/ (http://www.webdesignarchive.org/)
http://cssvault.com/ (http://cssvault.com/)
http://csslove.net/ (http://csslove.net/)
http://cssgalaxy.com/ (http://cssgalaxy.com/)

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Posted by: keyrocks (http://snewscms.com/forum/index.php?action=profile;u=367):

The Highly Extensible CSS Interface (http://cameronmoll.com/archives/2008/02/the_highly_extensible_css_interface_the_series/) - a 4-part series of articles for design and coding flexible interfaces... (OK... just read it :)
Quick CSS Mockups with Photoshop (http://www.alistapart.com/articles/quickcssmockupswithphotoshop), from A List Apart.
70 Expert ideas for better CSS coding (http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/).

And... here is a really cool looking Real-time WYSWYG CSS Editor (http://www.skybound.ca/stylizer/)...
real nice site template too. It's not free, but it's not that expensive either and you can download it for a 14-day
trial run before you decide to buy. Check out the video... it seems like an excellent productivity tool to me.  :)

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Title: CSS Resources
Post by: Robert on February 13, 2007, 03:13:18 pm
Is there any good program like http://macrabbit.com/cssedit/ for PC that u guys could recommend?
Title: CSS Resources
Post by: tyee on April 19, 2007, 05:22:51 pm
CSSEdit looks cool. A PC version would be nice. All I can think of is Topstyle or Stylemaster, but I don't think they are as powerful as cssedit?

Probably a lot of users here manually do it and wouldn't have it any other way!
Title: CSS Resources
Post by: piXelatedEmpire on April 20, 2007, 01:36:37 am
Quote from: tyee
Probably a lot of users here manually do it and wouldn't have it any other way!
Exactly  :cool:
Title: Re: CSS Resources
Post by: Keyrocks on September 01, 2007, 04:51:34 am
Just adding Stu Nicholls latest: Professional horizontal menues (http://www.cssplay.co.uk/menus/pro_horizontal)
Very cool menus Patric... very cool. Stu never ceases to amaze me.  :)
Title: Re: CSS Resources
Post by: Fred K on January 30, 2008, 01:35:42 pm
Quote from: expandapants
http://webdevelopersfieldguide.com/
bookmarked. tackar. (ok, you got another Karma also... ;))