1 (edited by Paul 2005-01-14 20:43)

Topic: CSS/XHTML Resources

Several excellent guides plus browser compatability chart.
http://www.westciv.com/style_master/house/index.html

Some cool tutorials
http://www.projectseven.com/tutorials/index.htm

A great tutorial on CSS selectors and how to use them
http://css.maxdesign.com.au/selectutorial/index.htm

Everything you wanted to know about floats and were afraid to ask (Well everything apart from why they are such pain to use)
http://css.maxdesign.com.au/floatutorial/index.htm

More about containing/clearing floats
http://www.complexspiral.com/publicatio … ng-floats/

Getting fancy with lists and menus
http://css.maxdesign.com.au/listutorial/index.htm

CSS Forum and losts of resources
http://www.csscreator.com/

Bugs, hacks and why your site goes splat in Internet Explorer
http://www.positioniseverything.net/index.php

IE5 Mac and why it may ruin your day/month/year/life
http://www.macedition.com/cb/ie5macbugs/

The css box model in 3D. One look at this graphic and a lot of things become clear.
http://www.hicksdesign.co.uk/journal/48 … _box_model

For inspiration and more links
http://cssvault.com
http://www.cssdrive.com
http://www.cssbeauty.com
http://www.csszengarden.com

Articles and tutorials related to accessability issues and an ongoing experiment to make a phpbb forum accessible
http://www.accessify.com/default.asp

Some guru sites and blogs with aricles/tutorials
http://www.mezzoblue.com/
http://www.zeldman.com/
http://www.alistapart.com/
http://www.meyerweb.com/
http://www.maxdesign.com.au/
http://simon.incutio.com/
http://www.evolt.org/index.html

Lots and lots of links to useful stuff
http://www.roderickhoward.com/cssdirectory/

More to come. Please add your own links but try to keep this as a resource and avoid chit chat.

Re: CSS/XHTML Resources

i can't see 1.2 style guide on that list tongue

Re: CSS/XHTML Resources

Connorhd: Don't push your luck. He might get angry and leave us. We _don't_ want that smile

"Programming is like sex: one mistake and you have to support it for the rest of your life."

4 (edited by hcgtv 2005-01-13 19:01)

Re: CSS/XHTML Resources

Zen Garden browser
http://csszengarden.coret.org/

Open Source designs
http://oswd.org/

Web Developer extension for Firefox 1.0
https://addons.update.mozilla.org/exten … &id=60

5

Re: CSS/XHTML Resources

Thank you very Much!

Yours, Benny.

Re: CSS/XHTML Resources

Sitepoint.com client side tutorials on CSS
http://www.sitepoint.com/subcat/css

7

Re: CSS/XHTML Resources

Markup and CSS documentation, specifications, 'The Manual'
http://w3.org/MarkUp/
http://w3.org/Style/CSS/

Validators
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

CSS layouts, tips, tricks, and techniques
http://realworldstyle.com/

Web developer help forum
http://hiveminds.info/phpBB/viewforum.php?f=6

8

Re: CSS/XHTML Resources

The best for me
http://www.s7u.co.uk ... incredible css experiments about design (csszengarden sounds like a baby next to this site)

9

Re: CSS/XHTML Resources

http://academ.hvcc.edu/~kantopet/css/index.php
http://www.htmldog.com/reference/cssproperties

If your people come crazy, you will not need to your mind any more.

Re: CSS/XHTML Resources

http://wannabegirl.org/firdamatic/

cool style generator

~James
FluxBB - Less is more

11

Re: CSS/XHTML Resources

Good css editor with autocomplete and edit colors etc.
http://www.bradsoft.com/download/index.asp

If your people come crazy, you will not need to your mind any more.

Re: CSS/XHTML Resources

I'm often using : http://www.w3schools.com/default.asp
For xhtml and css.

Sorry for my french english.
GT4 Club driver France & Forum - Lingerie.

Re: CSS/XHTML Resources

easy page maker.
http://209.216.241.33/pagemaker_form.php

~James
FluxBB - Less is more

14 (edited by CodeXP 2005-06-09 08:32)

Re: CSS/XHTML Resources

Here's a good link I came over the other day: http://flumpcakes.co.uk/css/optimiser/

That script optimizes your style sheets and saves quite a few bytes. Just remember to add the @imports and IE fixes that's "commented out" back in after the optimizing. You know, parts like:

/* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/
* HTML .pun {FONT-SIZE: 78.75%}
/* End IE Win Font Size */

It's a *lot* faster than optimizing by hand, seeing as I usually strip out every comment and whitespace possible.

15

Re: CSS/XHTML Resources

The Web Developers Handbook. An absolutely massive resource listing for xhtml/css etc some in German as well as English
http://www.alvit.de/handbook/

16

Re: CSS/XHTML Resources

http://www.webdesignfromscratch.com

This is more about webdesign, but has references to CSS. Is it relevant enogh?

GapYearTalk.com - Gap Year Talk - My Student Holiday Hostel Gap Year Discussion Forum

Re: CSS/XHTML Resources

http://www.w3schools.com

References, tutorials, etc.

Making the world a better place one byte at a time.

18 (edited by CReatiVe4w3 2007-01-31 23:49)

Re: CSS/XHTML Resources

http://creativebits.org/webdev/ie_conditional_css <-- Conditional stylesheets. A MUST.

Check Maid maid service

19

Re: CSS/XHTML Resources

Free Templates :

http://www.free-css-templates.com
http://www.openwebdesign.org
http://www.opendesigns.org
http://www.solucija.com/home/css-templates/
http://www.minimalistic-design.net

20 (edited by thuankkk 2009-01-21 08:01)

Re: CSS/XHTML Resources

http://oxyz.info/html_tag

21

Re: CSS/XHTML Resources

http://tizag.com/

Great tutorials for starters.

Re: CSS/XHTML Resources

(Sorry if some have been mentioned already, I've been meaning to post this for a while. Just by chance someone else bumped this 2 year old topic)

Firefox

Firefox - Easier to design with a copy of Firefox at hand ~ mainly thanks to its plugins. Get your site looking correct in Firefox and fix the IE bugs later wink

Firebug - Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Web Developer Addon - Adds a toolbar with various web developer tools.

Useful Web 2.0 Resources

Badges - Quickly knock out some Web 2.0 style badges with this useful little online tool.

Stripe Generater - Another useful online tool, this one geared towards those who can't create seamless striped background images lol

Background Patterns Generater - Create a variety of repeating background patterns easily. Experiment with pictures, colors, textures and transparency to get best result.

Inspiration

CSS Garden - Fire through this demonstration of what can be accomplished visually through CSS-based design. Every page uses the same HTML structure with often-creative CSS providing the unique design.

Smashing Magazine - A frequently updated blog showcasing some outstanding design work, including web, graphic, print and more.

Fine Tuning

.htaccess - Fine tune your server with this excellent collection of .htaccess tricks. Covering everything from password protecting directories, preventing image and file hotlinking, preserving bandwidth, and even forcing a users browser to download media files instead of streaming.

23

Re: CSS/XHTML Resources

Does anybody know what is the html coding to block people from RIGHT CLICKING and SAVING IMAGES from website?

24 (edited by johnspells 2010-05-05 07:28)

Re: CSS/XHTML Resources

That were nice links to learn CSS/XHTML , but I used prefer w3school to learn these languages. Still is was very useful recommendation by you. Op yes there is a HTML code to protect your code or block the visitors to view your code. You can place this code any where in to your HTML code:

<body bgcolor="#FFFFFF" ondragstart="return false" onselectstart="return false">

ondragstart and onselectstart will not allow the user to even view your code then there is no question to copy it. I hope this will help you.

Mistakes are the portals of discovery.

Re: CSS/XHTML Resources

Speaking about CSS/HTML, I think a good guide has been forgotten:

Yahoo Best Practices for Speeding Up Your Web Site

This is the ultimate resource about this subject, because knowing a language is good, but use it correctly is another piece of cake!

Forum Software Reviews Review, compare and test forum software solutions.
[img]http://www.forum-software.org/review-bar/punbb[/img]
PunBB score: 7/10! Vote