css

CSS Hack: Proprietà CSS solo per Chrome e Safari

Nel tuo foglio di stile basterà aggiungere queste semplici righe di codice.
view plaincopy to clipboardprint?

1. /*codice css generale per il div #div-id */
2. #div-id {
3. margin:10px auto;
4. width:960px;
5. height:auto;
6. background: #333; }
7.
8. /*codice css specifico per chrome e safari */
9. @media screen and (-webkit-min-device-pixel-ratio:0) {
10. #div-id { margin-top: 11px; }
11. }

GenerateIt: Image Generators, Website Tools, CSS Generators

GenerateIt is a free resource site for webmasters to take some of the hassle out of creating everyday items for their website.
Within this website, you will find a number of different online generators, we have searched the internet to bring you some of the best generators in one place. Just a few of the online generators that you'll find here are:

1. Mod Rewrite Generator:
The Mod Rewrite Generator can be used to turn dynamic URLs into search engine friendly static URLs.

2.

CSS only Menus Collection

A collection of beautiful, fancy, menu, navigation, in css only.

CSS: 10 best hacks

1. Vertical align div
http://stylizedweb.com/2008/02/01/vertical-align-div/

2. Min-Height
selector {
min-height:500px;
height:auto; !important
height:500px;
}

3. PNG transparency
http://stylizedweb.com/2007/12/30/png-transparency-issues/

4. Autoclear
.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container {display: inline-table;}
/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */

5.

Showcase Of Beautiful Vertical Navigation Designs

Go to any website and you’re guaranteed to find one thing: a navigation menu. Navigation menus enable visitors to move from page to page; without them, we would have no way to conveniently explore websites.

Perhaps this is why designers, information architects, usability researchers and user experience specialists invest so much time and resources into devising aesthetically pleasing and user-friendly navigation systems.

CSS Differences in Internet Explorer 6, 7 and 8

One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web development community, this number is much lower, showing about a 40% share.

CSS trick for a scrolling transparent background effect

Here’s the demo of my version of the effect. Scroll the page to watch the battle between good and evil take shape.

A CSS Sticky Footer

A CSS sticky footer that just works!

We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on. It's been tested in IE 5 and up, Firefox, Safari and Opera.

CSS: Hack per Firefox, Opera, Safari e Internet Explorer

Most standards favoring browsers (Firefox, Opera & Safari) have no method of targeting CSS to the specific browser while Internet Explorer, the buggiest browser, has a completely safe and easy method of serving CSS/HTML to only IE.

10 Challenging But Awesome CSS Techniques

These simple tricks are all fine and very important, but today we’re going to look at some CSS techniques that are a bit more challenging. They’re not the run-of-the-mill techniques you’d teach a CSS beginner. These 10 tricks are slightly more difficult, but if done well they can add an extra special something to your website layout.