user: public
login

CSS Style The Web

Links

CSS Cheatsheet
Cheatsheet and great tutorial, print and hang on the wall in front of you.
http://home.tampabay.rr.com/bmerkey/cheatsheet.htm
Box Punch
Nice technique to show ads or blurbs in textual content:
http://www.meyerweb.com/eric/css/edge/boxpunch/demo-ie.html
Show Text/Objects on Hover
Show Area of Text when hovering over something else using only CSS. Outstanding technique.
http://www.meyerweb.com/eric/css/edge/popups/demo.html
Create forms without using table markup
http://www.quirksmode.org/css/forms.html
Form layout better way
http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml
10 CSS Tips
Some really good stuff here.
http://www.webcredible.co.uk/user-friendly-resources/css/css-tricks.shtml
10 More CSS Tips
With a great one, #10, on highlighting the current Nav page.
http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml
Nice CSS layouts
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Typetester
Test how texts and fonts with different styles looks like on screen
http://typetester.maratz.com/
Nifty Corners: rounded corners without images
http://pro.html.it/esempio/nifty/
Nifty Corners Example
Rounded forms with rounded labels without any image to do the rounding.
http://pro.html.it/esempio/nifty/nifty7js.html
Nifty Corners Example
Rounded tab without any image.
http://pro.html.it/esempio/nifty/nifty5js.html
Nifty Corners Example
A complete rounded page without any image for rounding.
http://pro.html.it/esempio/nifty/nifty8js.html
Rounding with images
http://www.vertexwerks.com/tests/sidebox/
Rating/Evaluation Meter Chooser
Hover over the scale and click your answer.
http://www.robarov.be/rate/
CSS Layouts
Several ways to create 3,2 column layouts.
http://glish.com/css/home.asp
The Holy Grail of CSS Layouts
3 column page with a fluid center column.
http://glish.com/css/7.asp
Making printable version of your page using CSS
http://www.alistapart.com/articles/goingtoprint
CSS Style to RSS Feed
http://www.petefreitag.com/item/208.cfm
Floating Bug
Float leads to unwanted content floating. Here's the solution.
http://www.positioniseverything.net/easyclearing.html
Stick footer always at bottom
http://www.themaninblue.com/experiment/footerStickAlt/
On hover, do magic without using javascript
Change Text features and content on hover.
http://www.phoenity.com/newtedge/element_hover/
Spice up your Horizontal Rules < hr >
Learn what you can and can't do.
http://www.sovavsiti.cz/css/hr.html
Fading tooltip on hyperlinks
(IE only, but tooltip is good anyway for other browsers)
http://www.dustindiaz.com/sweet-titles/
Fine CSS Layouts
See some super impressive site design using CSS heavily.
http://thesis.veracon.net/
size: 2.84 kb    file modified: 2019.4.2