Just Brainpicks
Just Tutorials
Just Showcases
Stop asking! I wanna search everything!

Category: CSS Tutorials

CSS Tutorials

Visit www.htmlcenter.com/tutorials/index.cfm/css htmlcenters offers a lot of good tutorials. From photoshop to dhtml. And of cource some CSS tutorials.

01.24.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Advanced CSS Rollovers

Visit www.creativepro.com/story/howto/25816.html “Forget JavaScript — you can create dynamic rollover images using just CSS. And once you’ve mastered the basic concept, many creative possibilities open up.” Here you leran how to do this :-)

01.07.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Basic webstandards Workshop

Visit www.maxdesign.com.au/presentation/workshop/index.htm If you want to learn something about webstandards, this workshop is a MUST! It covers all topics from “the standards” to “CSS issues and bugs”.

01.05.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

A footer at the bottom of a page

Visit www.themaninblue.com/writing/perspective/2005/08/29/ If you need a Web page footer to be positioned either at the bottom of the browser window or at the bottom of the Web page you should look at this tutorial.

01.01.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

CSS Tutorial: better nav image replacement

Visit www.elliotjaystocks.com/blog/archive/2007/css-tutorial-better-nav-image-replacement/ This one is a really great tutorial on how to create a good-looking navigation system with some clean, simple, and semantic code. Most importantly, it only used one image file; a technique often referred to as ‘CSS sprites’.

12.17.07 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Simple, Semantically Correct CSS Boxes

Visit www.vertexwerks.com/tests/sidebox/ So you want to create a Simple, Semantically Correct CSS Box with Clean Code? Than this one is for you. Here you will find how to create rounded-corner boxes with visual flare and the absolute minimal amount of semantically correct markup.

12.17.07 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

CSS - A Recipe for Success

Visit www.search-this.com/2007/11/26/css-a-recipe-for-success/ “If you look at most restaurant menus (or recipes) you will see the dish described on the left hand side followed by a dotted line that continues to the right side of the menu where the price is situated.” How you can creat this with some CSS you can learn here

12.07.07 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Print stylesheet - the definitive guide

Visit www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml Good article if you want to create a “print-friendly version of your site. It´s about “How to set up your print stylesheet”, “What to put in your print stylesheet” and “What to put in your print stylesheet”.

12.01.07 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati