People mostly use text-indent to hide text like our example above. They often use the negative value for text-indent but forget to make use of its original intent: inset indentation. Here I'll show you how to make a beautiful text field using text-indent.
via CSS text-indent: An Excellent Trick To Style Your HTML Form | AEXT.NET.
52Framework – first ever html5 and css3 framework.
Frameworks are supposed to make development faster.
Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they have no access to the Internet.
Print style sheets have definite benefits. For example, reading on paper is less tiring on the eyes than reading on screen.
Also, following tutorials [...]
Ever wonder how to super style your blog’s post date? I am going to show you how to do this using CSS sprites in about 18 minutes.
Editorial Note: This post is geared toward theme designers. Prior knowledge of CSS and WordPress is recommended.
via Use CSS Sprites to Beautify your WordPress Post Dates.
Basically we want a layout with the flexibility of a table, but proper, semantic markup.
via Cross-Browser Inline-Block | Mozilla Web Development.
Despite people’s expectation of change and movement on the screen, CSS and HTML have few controls that allow you to design interactivity, and those that exist are binary.
A link is either one color or another. A text field is either one size or another. A photo is either transparent or opaque. No in-betweens from one [...]
ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — theyll work in IE… Honest…!
via Keith Clark – IE CSS3 pseudo selectors.
Typograph – Scale & Rhythm.
This series of website layouts use percentage widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch. They're also 'stackable' so you can use multiple column types on the one page. This makes the number of possible layouts endless! Follow the links below for [...]
The Ultimate Guide to CSS Typography | Three Styles.
Some very useful guidelines.
More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons.
Horizontal sliding panels are great for [...]
Safari and Safari for the iPhone support all HTML elements, including deprecated elements and even some proprietary elements that were never part of any W3C specifications. In addtion, Safari supports some HTML5 elements, even though the HTML5 specifications have not been finalized.
All CSS Selectors are supported by Safari on the iPhone.
via » Web Development for [...]
css-tricks.com Layouts/Templates.
A great selection of templates for layout, tables, and forms to base your designs on.
The parts of CSS3 that seem to grab the most column inches on blogs and in articles are the shiny bits. Rounded corners, text shadow and new ways to achieve CSS layouts are all exciting and bring with them all kinds of possibilities for web design. However what really gets me, as a developer, excited [...]
Everyone who has been using CSS is immediately familiar with selectors as they are what is used to target elements on a page and style them. CSS3 brings even more options as far as selecting elements goes. It will allow designers and developers to implement designs much easier and quicker than before.
Here is a run-down [...]
Evernote Cookbook