Help coderanch get a
new server
by contributing to the fundraiser
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

Prototype and Scriptaculous : CSS background

 
Sheriff
Posts: 14691
16
Eclipse IDE VI Editor Ubuntu
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Prototype and Scriptaculous : CSS background.

When I read about Scriptaculous' slider, I realized that I couldn't do without a bit of CSS knowledge. Do you have any reading recommendation for CSS ? Not something too advanced, but enough to get going.
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
http://www.w3schools.com/css/

Eric
 
Christophe Verré
Sheriff
Posts: 14691
16
Eclipse IDE VI Editor Ubuntu
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Thank you. There are so much properties, I can't even think to make something decent out of it !
 
author
Posts: 59
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Best way to get your head around CSS is by trial and error. You could write your own test pages from scratch, or just pick your favourite website and start playing with it...

Firebug has a CSS inspector built into it somewhere... second option under 'inspect' is HTML - if you select a node, you can see the CSS on the right. Right-clicking on a CSS element allows you to edit it, and experimentally alter the styling of your page on the fly. The third tab, labelled CSS, lets you inspect and modify the CSS classes rather than individual elements.

If you're using IE, then the 'View DOM' option on the Web Developers Toolbar plugin gives similar capabilities, at the individual element level at least.

Both tools let you manipulate other peoples' pages as well as your own, so if you see a neat bit of styling somewhere and wonder how it's done, you can have a good look.

Eric Meyer's site has some good doco on CSS too, as does the CSS Zen Garden.

HTH

Dave
 
Christophe Verré
Sheriff
Posts: 14691
16
Eclipse IDE VI Editor Ubuntu
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Thank you.
 
Ranch Hand
Posts: 92
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi, Satou kurinosuke


Thanks DAVE

Hey CSS is easy. Just need Experiments and litte imagination to design page.
I have learnt CSS in the following steps:

1. First, I downloaded some simple and beautiful templates from OSWD, Here you will get exceptionally beautiful templates free of cost.
2. Then I tried to manipulate the CSS files associated with the webpages and then run the html files in the browser to see the changes (especially structural).
3. Then I went through web tutorials like w3schools and continued practicing. And if I feel any confusion I visit w3.org.
4. I then tried to bring my own design and I succeded.

These are the steps I followed. You go crazy and you will automatically make your own ways.

Thanks & Regards

Prithiraj
[ March 29, 2007: Message edited by: Prithiraj Sen Gupta ]
 
Christophe Verré
Sheriff
Posts: 14691
16
Eclipse IDE VI Editor Ubuntu
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

litte imagination to design page


That's what I'm lacking And also feeling really lazy to get into it. The fact that the result also depends on the browser is pushing me off.
Thank you for your recommendation, I'll have a look at the templates.
 
Sheriff
Posts: 67750
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Originally posted by Satou kurinosuke:

That's what I'm lacking



You might want to look into the Eric Meyer books on the subject. I thought they were very helpful, especially:

Eric Meyer on CSS
 
Arthur, where are your pants? Check under this tiny ad.
We need your help - Coderanch server fundraiser
https://coderanch.com/t/782867/Coderanch-server-fundraiser
reply
    Bookmark Topic Watch Topic
  • New Topic