html design
Get flash to fully experience Pearltrees
<img src="http://www.wired.com/images/productreviews/reviews/pr_ipad_3G_large_wide.jpg" /> Here’s a rule any web designer can live by: Your designs don’t need to look exactly the same in every browser, they just need to look good in every browser. It’s a maxim that will spare you many a hair-pulling hour. That said, there some things you would expect to be the same across browsers that aren’t.
Why Percentage-Based Designs Don't Work in Every Browser
Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system that is included in the Easy framework’s CSS. The main characteristics of this grid system is that all the columns have percentage based width so they adapt to the container element.
Easy Percentage Grid System with HTML5 | CSS Globe
What's the difference between display: none and visibility: hidden? - CSS FAQ
Question: What's the difference between display: none and visibility: hidden?
6.1 Specified, computed, and actual values Once a user agent has parsed a document and constructed a document tree , it must assign, for every element in the tree, a value to every property that applies to the target media type .
Assigning property values, Cascading, and Inheritance
Have you ever run into the situation where you’re trying to apply a css style to an element, but it won’t take?
Understanding Style Precedence in CSS: Specificity, Inheritance, and the Cascade
snappy snippets
CSS is a versatile style language that is most frequently used to control the look and formatting of an HTML document based on information in the document tree.
An introduction to CSS pseudo-element hacks
Using CSS 2.1 pseudo-elements to provide up to 3 background canvases, 2 fixed-size presentational images, and multiple complex borders for a single HTML element. This method of progressive enhancement works for all browsers that support CSS 2.1 pseudo-elements and their positioning. No CSS3 support required. Support : Firefox 3.5+, Safari 4+, Chrome 4+, Opera 10+, IE8+.
Multiple Backgrounds and Borders with CSS 2.1
Even before CSS 3 introduced a cornucopia of new border properties, CSS 2.1 provided plenty of great functionality, enabling designers to style and enhance borders in many different ways.
Understanding CSS3 and CSS2.1 Border Properties
cssSandpaper – a CSS3 JavaScript Library
Remix of images by Parée Erica and Hans Christophersen The cssSandpaper JavaScript library looks at the stylesheets in an HTML document and, where possible, smooths out the browser differences between CSS3 properties like transform , opacity , box-shadow and others. This script is not only useful for developers who want to support CSS3 in IE (which doesn’t support it in IE natively) but in other browsers which implement their own vendor-specific variants of these properties. For a good introduction to cssSandpaper and how it works under the covers, you may want to first read these blog-posts:
Quick Tip: Detect CSS3 Support in Browsers with JavaScript
This entry is part 9 of 16 in the CSS3 Mastery Session - Show All « Previous Next » Isn’t it fun that we get to play with the latest CSS techniques, like shadows and transitions?
imagesLoaded() jquery plugin
// $('img.photo',this).imagesLoaded(myFunction) // execute a callback when all images have loaded.The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence.