This link has been bookmarked by 146 people . It was first bookmarked on 13 Mar 2008, by Ray.
-
Eric BellotAstuces CSS variées et bien présentées.
-
njhuar .最常用的CSS技巧
-
Caruso Nicholas LThis site has some cool tricks such as styling options for ordered lists, double block quotes, gradient text effects and more.
-
Chris RutiliDejan Cancarevic web designer and programmer, css, xhtml, php, mysql, xml
-
Richard BradshawStylized Web - Web trends and tutorials, css, xhtml, wordpress, javascript, SEO, design, themes
-
Katrina ShandThis is an awesome list of tricks that supplies the code and what your text and page will look like after. I plan to use many of the tricks on this page especially number 7 for the layout of my zen garden site.
-
Kristopher NelsonEarlier before I have written an article about current best CSS hacks which you can see here And now here’s the list of today’s most used CSS tricks – tips. I have added image examples for most of them because of critics on CSS hacks article.
-
Brandon PayneDejan Cancarevic web designer and programmer, css, xhtml, php, mysql, xml
-
Joshua ArestyStylized Web - Web trends and tutorials, css, xhtml, wordpress, javascript, SEO, design, themes
-
Tom KrieglsteinMore CSS goodies for when I'm ready.
-
Juan TriguerosInteresante lista de trucos para crear CSS, efectos, etc.
-
Tyler Wallcouple of the most used tricks in css and the code to go along with them.
-
lavipewe alexTrucs les plus utilisés en CSS
-
Ana Lopesestilos nices para txto com gradientes, round corners... so on
-
Herbert ViglMost used CSS tricks with image examples for most of them because of critics on CSS hacks article.
-
GoWing Lee常用的CSS技巧
-
Alpha Orishort descriptions of common css tricks
-
-
3. Tableless forms
<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”><br>
<label for=”address”>Address</label>
<input id=”address” name=”address”><br>
<label for=”city”>City</label>
<input id=”city” name=”city”><br>
</form>label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}label {
text-align: right;
width: 75px;
padding-right: 20px;
}br {
clear: left;
} -
Gradient text effect
<h1><span></span>CSS Gradient Text</h1>h1 {
font: bold 330%/100% “Lucida Grande”;
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}<!–[if lt IE 7]>
<style>
h1 span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’gradient.png’, sizingMethod=’scale’);
}
</style>
<![endif]–> - 2 more annotations...
-
-
Kelly BauerNifty text based css tricks
-
Jakub NarębskiEarlier before I have written an article about current best CSS hacks which you can see here. And now here’s the list of today’s most used CSS tricks – tips. I have added image examples for most of them because of critics on CSS hacks article. If yo
-
-
Tableless forms
<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”><br>
<label for=”address”>Address</label>
<input id=”address” name=”address”><br>
<label for=”city”>City</label>
<input id=”city” name=”city”><br>
</form>label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}label {
text-align: right;
width: 75px;
padding-right: 20px;
}br {
clear: left;
} -
Rounded corners with images
<div class=”roundcont”>
<div class=”roundtop”>
<img src=”tl.gif” alt=”"
width=”15″ height=”15″ class=”corner”
style=”display: none” />
</div>CONTENT
<div class=”roundbottom”>
<img src=”bl.gif” alt=”"
width=”15″ height=”15″ class=”corner”
style=”display: none” />
</div>
</div>.roundcont {
width: 250px;
background-color: #f90;
color: #fff;
}.roundcont p {
margin: 0 10px;
}.roundtop {
background: url(tr.gif) no-repeat top right;
}.roundbottom {
background: url(br.gif) no-repeat top right;
}img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
-
-
Ordizia JakintzaCSS trick-ak
-
-
Most used CSS tricks
-
-
Art istEarlier before I have written an article about current best CSS hacks which you can see here And now here’s the list of today’s most used CSS tricks – tips. I have added image examples for most of them because of critics on CSS hacks article.
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.