Cool uses for Css?

  • ClericVash
  • Banned
  • Banned
  • User avatar
  • Posts: 65

Post 3+ Months Ago

Hi all i recently learnt the very basics of css, like how to include it in a page, using it as classes for fonts and borders.

And want to know if there is anything really cool that you can do with css?
  • Lieven
  • Beginner
  • Beginner
  • User avatar
  • Posts: 57
  • Loc: Belgium

Post 3+ Months Ago

I got all my inspiration/knowledge on http://bluerobot.com/web/layouts/default.asp. It is a basic lay-out you can download and start playing with. (that's the way I learned it)

Now, I've redone my personal website in CSS (check my .sig for the link :))

Another really cool CSS showcase is
http://www.csszengarden.com/. You can choose another css file from the menu. All the different lay-outs are just different stylesheets all using the same html file. You can learn a lot about how to do special things by looking at their sourcecode.
  • RichB
  • Guru
  • Guru
  • User avatar
  • Posts: 1121
  • Loc: Boston

Post 3+ Months Ago

One of the things you can do with it that can greatly simplify things is to provide a general look and feel for a large website by creating a separate external style sheet and then including it by linking to it from all the pages in the site. That way when you want to change the colors, fonts, etc. you can just edit the style sheet and leave the html files alone. You can also override the default behavior of html elements. For example, I don't like the way the standard h1 tag looks, so I override it and make it look the way that I want.

Some of the cooler things you can do with it involve the use of DHTML. Dynamic HTML isn't really a language at all but a technique that combines Javascript's programming capabilites with CSS formatting and positioning abilites. With DHTML you can move things around on a webpage, make them appear/disappear without reloading the page and do a bunch of interesting things. Try searching Google for DHTML tutorial for more information.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Here are some of my favorite links on the subject

http://www.hotdesign.com/seybold/
http://www.9rules.com/cssvault/
http://glish.com/css/
  • ClericVash
  • Banned
  • Banned
  • User avatar
  • Posts: 65

Post 3+ Months Ago

thanks for all the input guys really appreciated!
  • Geekette
  • Proficient
  • Proficient
  • User avatar
  • Posts: 482
  • Loc: The Land of NeverWinter (FL)

Post 3+ Months Ago

Wow, those are some really great links. Makes me want to start designing again. ::sigh::
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

Everything you do with CSS is cool. :-P

Check out... http://www.w3schools.com/css
  • ClericVash
  • Banned
  • Banned
  • User avatar
  • Posts: 65

Post 3+ Months Ago

thanks for all the linksi found http://glish.com/css/ to be an excelent source of making layouts!

and b_heyer nice av man :P
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

hehheh thanks!
  • lslars31
  • Novice
  • Novice
  • lslars31
  • Posts: 16
  • Loc: Minesota

Post 3+ Months Ago

try http://w3schools.com
  • Geekette
  • Proficient
  • Proficient
  • User avatar
  • Posts: 482
  • Loc: The Land of NeverWinter (FL)

Post 3+ Months Ago

Please try not to be repetitive, lsars31. Had you read the entire thread, you would have noticed that b_heyer posted the same link.
  • lslars31
  • Novice
  • Novice
  • lslars31
  • Posts: 16
  • Loc: Minesota

Post 3+ Months Ago

oh sorry about that. Just trying to help :D thats a really good site.
  • xfsunoles
  • Newbie
  • Newbie
  • xfsunoles
  • Posts: 7

Post 3+ Months Ago

CSS is way cool, it replace each of little html tag. each of little html tag take too much time of coding and it page load smaller
  • thevirus
  • Banned
  • Banned
  • thevirus
  • Posts: 35

Post 3+ Months Ago

Its good for making table's look more professional with borders and its also good for search engine optimization. For example you can make h1 and h2 tags the same size as all the other text. But besides that its not that usefull its just good to know.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23454
  • Loc: Woodbridge VA

Post 3+ Months Ago

thevirus wrote:
Its good for making table's look more professional with borders and its also good for search engine optimization. For example you can make h1 and h2 tags the same size as all the other text. But besides that its not that usefull its just good to know.


I beg to differ with this. It is the W3C recommendation and standard to code with CSS. They make it very clear that CSS is to be used for presentation of the document and that HTML is to be used only for structure. In fact if you do not code with CSS, your web documents will no longer be valid to current standards. You can take your own home page as an example: http://validator.w3.org/check?uri=http% ... nce.com%2F
  • gsv2com
  • Professor
  • Professor
  • User avatar
  • Posts: 776
  • Loc: Nippon

Post 3+ Months Ago

CSS is wicked cool for navigation. You can even completely do away with the <br> tag if you want to. I use CSS to streamline as much as I can so my pages will load lightning fast.

One cool trick is to use CSS with PHP.

For instance, have an external CSS file that says something like...

a {
text-decoration:underline;
color:#036;
}


and then inside the current html file, have an over-riding piece of CSS intermingled with PHP:

<style type="text/css">
<!--
a#<?=$p ?> {
background-image:url(/picture.jpg);
background-position:right;
color:#fff;
}
-->
</style>

--------------------------------------
if you set up your homepage so that pages load as includes rather than as .php files, the above script will work beautifully. All of my pages load as http://www.whatever.com/?p=news or ?p=events or ?p=beaches. This allows me to keep the actual php names a secret and recycle one page layout. And since all pages are named ?p=name, the above css+php nav script works like a champ and shows a different color behind the link than all of the rest of the links on the nav show. In other words, it works well for a "you are here" type thing. See it in action at http://www.japanupdate.com/en/
  • rjstephens
  • Professor
  • Professor
  • User avatar
  • Posts: 774
  • Loc: Brisbane, Australia

Post 3+ Months Ago

i know this method is lazy, but i create all my CSS styles using Topstyle:
http://www.bradsoft.com/index.asp

very nice prog, makes things a lot easier. I think they have a free demo

(BTW, i got my copy as a free full version on a magazine cd)

anyways, yes, CSS is really cool.
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Is there something out there that I could just print out and read in my spare time say, like during school?
  • gsv2com
  • Professor
  • Professor
  • User avatar
  • Posts: 776
  • Loc: Nippon

Post 3+ Months Ago

I'll try to post some cool css links when I get home in a few hours. I've got a lot of good ones on my computer. But the best reading material I've found is called something like "Web Design for Standards" or something like that published by New Riders. I'll put the book info up when I get home to as well as an Amazon.com link. Buy it, go crazy on it with a yellow highliter pen, and you'll soak up a lot of knowledge. Best book I've read on CSS so far. There's one other I hear is even better, so I'll post that link too. Online tutorials are limited.

You guys who live in the states have no excuse for not hitting up Barnes and Nobles or Borders. Try getting good web development books in Japan! Not only are all of the books in Japanese, these guys out here are so far behind in the times! I started using PHP about 3 years ago out here and from the popularity of it at the time you would have thought I had invented it!!!

Anyway, enough ranting. I'll get you some good reading material. A book is your best bet if you want to learn, and I'm pretty sure yellow hi-lite pens only cost a dollar or less. :D
  • yellow
  • Newbie
  • Newbie
  • yellow
  • Posts: 5

Post 3+ Months Ago

Moosely methods to destroy your perfect design with more or less useless CSS effects 8)

Post Information

  • Total Posts in this topic: 20 posts
  • Users browsing this forum: No registered users and 29 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.