Slashdot is powered by your submissions, so send in your scoop

 


Forgot your password?
Close
typodupeerror
×
GUI Software The Internet

CSS From the Ground Up 41

Posted by michael from the for-dummies dept.
jsin writes "Web Page Design for Designers is a great source for anyone who is looking for a non-programmer-centric view on web page design and development. Starting in his most recent issue, Joe Gillespie describes CSS from an absolute beginners perspective. Even though I've been building commercial sites for years, the article is an excellent way to review the basics in the context of endless changes in standards and practices."
This discussion has been archived. No new comments can be posted.

CSS From the Ground Up More

CSS From the Ground Up

Comments Filter:

  • I've found (Score:1, Interesting)

    by Anonymous Coward
    That CSS is wonderful when you want to use your own custom one to override page design.

    The one I use blocks out most ads, and red strikes any link that contains goatse.

    But I've noticed that Mozilla and FireFox don't let you set a custom CSS, which I find disappointing.

  • I have the opposite problem. (Score:5, Funny)

    by Dr. Bent ( 533421 ) <<ben> <at> <int.com>> on Tuesday February 10, 2004 @05:57PM (#8242392) Homepage
    I'm a Java developer with no artistic talent whatsoever. I tried to draw something once....the result caused dizziness, blindness, and violent nausea in all who saw it. It was eventually banned by the FDA and shot into space. Whenever I'm forced to make choices about color, font, and layout in web pages I inevitably choose a combination that looks like an elephant came along and crapped on a computer screen.

    What sources are out there for people like me? Technical people who need a little help making artistic choices. I'm not expecting a website to turn me into Rembrant or anything, but just a few simple rules and some examples that demonstrate those rules would go a long way.

  • I'm not impressed (Score:4, Interesting)

    by El ( 94934 ) on Tuesday February 10, 2004 @06:09PM (#8242590)
    His bar graphs don't display properly in Mozilla -- what browser do his pages actually display properly in? He appears fairly IE-centric.
    • That might be a problem with Mozilla, though. No browser at the moment is fully standards compliant. It might be one of Mozilla's quirks.

    • I've been following WPDFD for years, and have used at least the last five versions of Moz on Windoze. I haven't read this month's editorial with Moz -- I'm using IE at work -- but I've never seen such a problem before, and Joe's always been pretty careful about standards compliance, cross-browser support, etc.

      He does try new things occasionally, so if there's a glitch this month, mail him and tell him and he'll almost certainly look into it; I've contacted him a couple of times and always had at least a "

  • Example of CSS design (Score:5, Informative)

    by fredrikj ( 629833 ) on Tuesday February 10, 2004 @06:35PM (#8242911) Homepage
    For an example of how powerful CSS can be when used correctly, check out CSS Zen Garden [csszengarden.com].
    • I feel the power!

      Half of those CSS's render with tiny unreadable fonts on Mozilla at my resolution.

      Nice!

    • OK, since the standard CSS Zen Garden link has come up, I'll post the standard caveats: the content for that site is marked up much more than any "typical" web site, in order to provide maximum flexibility for the stylesheet designers; also, a lot of the really nice effects are actually based on images and not CSS. It's a great demonstration of what the technology can do. It's a lousy demonstration of what the technology can do in the real world.

      Now go look at the site, keep it in perspective, and be impr

  • And once you are done with that.... (Score:5, Interesting)

    by Anonytroll ( 751214 ) on Tuesday February 10, 2004 @06:49PM (#8243092) Journal
    At http://www.alistapart.com/ you can find more detailed, praxis-oriented tutorials/examples using CSS and XHTML if you like this way of doing sites. It's especially interesting, because they have quite a lot of things about pure CSS layouts without tables.

  • Good example (Score:4, Insightful)

    by stjobe ( 78285 ) on Tuesday February 10, 2004 @06:58PM (#8243217) Homepage
    Budding webbdesigners, take warning from that page: Dark grey on a pale grey background is _not_ easy on the eyes, and should be avoided, no matter how 'artistical' you think it might be.

    If my eyes hurt from looking at your webpage, you're doing something wrong...

  • Beware of web designers... (Score:5, Interesting)

    by InsaneCreator ( 209742 ) on Tuesday February 10, 2004 @07:34PM (#8243659)
    Designers and web don't always mix well. I once got called "a vandal" by a web designer who has just heard about possibility of using your own stylesheets in Mozilla. Apparently, doing so would be defacing his artistic work and he wanted such features banned.

    Explaining how that feature worked didn't help a bit. For some reason he was sure random visitors would be setting their styles to green text on purple background with large blinking headlines & then post screenshots all over the net - just to mock his "masterpieces".

    Well, at least I learned one thing from that event: don't argue with retards over the internet. :)

  • helpful CSS intro (Score:3, Informative)

    by hankaholic ( 32239 ) on Wednesday February 11, 2004 @08:04AM (#8247370)
    One site that I've found useful as an introduction is Mulder's Stylesheets Tutorial [lycos.com]. It's presented quite well, and covers enough to give you a good idea of what can be done easily with CSS.

    I'd go on more about it, but if you're looking for a good tutorial, you'll probably try every link you see in this story's comments. If you're not looking for a tutorial, there's no point in me wasting my time describing it.

    That and it's time to poop. Bye!

Slashdot Top Deals

As long as we're going to reinvent the wheel again, we might as well try making it round this time. - Mike Dennison

Close