Base is an optional CSS file that complements YUI’s core CSS foundation (Reset, Fonts, and Grids). While Reset removes and neutralizes the inconsistent default styling of HTML elements, Base applies a consistent style foundation for common HTML elements across A-grade browsers
Navigation bar is an important element of website design: this is an example which uses a dynamic submenu to display sublinks of the main tabs. This tutorial illustrates how to design an elegant glass style navigation bar with a nice toggle animation effect, using CSS and MooTools.
The foundational YUI Fonts CSS file offers cross-browser typographical normalization and control. Fonts CSS: * Offers full A-grade browser support. * Provides consistent font sizing and line-height. * Provides appropriate cross-OS font-family degradation paths. * Supports user-driven font-size adjustment in the browser, including cross-browser consistency for adjusted sizes. * Works in both “Quirks Mode” and [...]
Tripoli Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects. Tripoli completly resets all default browser standards and rebuilds them quietly with modern web development in mind. Tripoli is not a CSS framework. It doesn’t tell you how [...]
I’m always learning new things with CSS. It’s interesting because I’ve thought of myself as a CSS expert for a while now (I’ll challenge anyone to a competition, seriously) but I still keep learning and improving. I’ve come across some techniques lately that are extremely valuable and worth sharing. Have a look:
After reading “5 Steps To CSS Heaven” over at pingmag.jp, and disagreeing with some of what was said I thought that writing this would be appropriate. I’ve been writing CSS professionally now for about 2.5 years so here are 5 quick tips that help me out in my day to day work. I wouldn’t call [...]
One of the most common mistakes I see beginners and intermediates fall victim to when it comes to CSS is not removing the default browser styling. This leads to inconsistencies in the appearance of your design across browsers, and ultimately leaves a lot of designers blaming the browser. It is a misplaced blame, of course. [...]
b++ Web typography: bottom margins of paragraphs and lists Creating the perfect vertical space on the screen is easy. With a few lines of CSS, you’ll have a great typography foundation for your web site. Let’s begin… Global line height is usually set to html or body element. In this quick lesson, we’ll use a [...]
“Space in typography is like time in music. It is infinitely divisible, but a few proportional intervals can be much more useful than a limitless choice of arbitrary quantities.” So says the typographer Robert Bringhurst, and just as regular use of time provides rhythm in music, so regular use of space provides rhythm in typography, [...]
As linked in Smashing Magazine’s article “70 Expert Ideas for Better CSS Coding“, various developers have posted source code for their baseline stylesheet at one point or the other: Christian Montoya, Eric Meyer, Ping, Mike Rundle…any others come to mind?
It is this thread (title: “one template to rule them all”) on the CSS-Discuss List that initiated this article. The original post included a link to a document that contained a set of images representing different layouts, the question was: “Is it possible to have one HTML file, and style these pages this way only [...]