Hands on with Blueprint, a CSS Framework
in CSS added by admin, on 2/1/2008 blueprint design framework
Blueprint is both a CSS Framework and an album by the legendary hip-hop artist Jay-Z. In this article, I am going to be writing about the Blueprint CSS Framework, which provides designers with a solid CSS foundation, including an easy-to-use grid, sensible typography, and a stylesheet for printing.
comment save report
CSS for Accessibility
in CSS added by admin, on 24/12/2007 accessibility beginner tutorials design
CSS is magical stuff. In the right hands, it can transform the plainest of (well-structured) documents into a visual feast. But it's not all fur coat and nae knickers (as my granny used to say). Here are some simple ways you can use CSS to improve the usability and accessibility of your site.
comment save report
CSS: The All-Expandable Box
in CSS added by admin, on 7/12/2007 content box design list
In HTML, if you don't specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list.
comment save report
A Preview of HTML 5
in CSS added by admin, on 4/12/2007 beginner tutorials design html5
To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.
comment save report
Top 10 CSS Resources For Beginners
in CSS added by admin, on 26/11/2007 beginner tutorials
Cascading Style Sheets (more commonly known as CSS) is one of the most commonly used ways to design and produce websites. Originally they were used as a way to clean up HTML code, they removed the need to explicitly describe every background style, font, colour size alignment etc. The result was (hopefully) a lot cleaner and simpler code. The result is some of the amazing designs which grace our very internet.
comment save report
How to Size Text in CSS
in CSS added by admin, on 21/11/2007 beginner tutorials design font
There's been a welcome resurgence of interest in web typography over the past year or so, with many articles and conference talks offering techniques and theory. Frequently asserted is the notion that good typography requires accurate control of font size and line-height.
comment save report
The Great Specificity Swindle!
in CSS added by admin, on 15/11/2007 intermediate
While researching the shadowy corners of the web for traces of arcane CSS lore, I've realized that a lot of information about CSS on the web is in dire need of an update.
comment save report
Cascading StyleSheets - Basics
in CSS added by admin, on 6/11/2007 beginner tutorials
This tutorial is a short introduction into the basics of CSS coding. Firstly, CSS stands for Cascading StyleSheet and has a fairly explanatory name. The aim of a CSS is to format all of the viewable data on any page. It is not used to actually create any content on a website.
comment save report
Advanced CSS Menu
in CSS added by admin, on 30/10/2007 beginner tutorials design menu
Last tutorial, I showed you how to design a watercolor effect menu in Photoshop. This tutorial I will show you how to slice up the menu design (step by step) and put them together with CSS. Most of you probably know how to code a horizontal or vertical CSS list menu. Now lets take it to the next level - code an advanced (un-typical) list menu utilizing the CSS position property.
comment save report
BlueprintCSS 101 - using the Blueprint CSS grid framework
in CSS added by admin, on 26/10/2007 beginner tutorials design
When one builds out many designs with HTML and CSS, one finds that there are a handful of the same of problems you solve each and every time. Among them: Resetting browser defaults to create a blank slate. Setting up layout and baseline grids for your design to adhere to. Creating sane defaults for type sizes, alignment, and spacing. And more. Wouldn't it be handy to have this stuff taken care of ahead of time, so you can get to the really fun stuff designers love?
comment save report
CSS Positioning
in CSS added by admin, on 25/10/2007 beginner tutorials positioning
To use CSS for layout effectively, it helps to know how it's used to position page content. This article gives an overview of the methods and rules that govern visual rendering in the CSS2 specification. It also points out some things to watch out for.
comment save report
Reference: Box model
in CSS added by admin, on 25/10/2007 beginner tutorials reference w3c
The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the visual formatting model. The page box is a special kind of box that is described in detail in the section on paged media.
comment save report
Image Sprite Navigation With CSS
in CSS added by admin, on 23/10/2007 beginner tutorials design navigation
Why slice a new image for each item in a navigation when you can use the same image for all of them? If you're thinking you can't do that without sacrificing rollovers, think again. By creating a navigation using an image sprite, you can have a complete navigation, rollovers and all, by only using one image.
2 comments save report
An Introduction To CSS
in CSS added by admin, on 17/9/2007 beginner tutorials css style
CSS is the acronym for: Cascading Style Sheets. CSS is an extension to basic HTML that allows you to style your web pages.
An example of a style change would be to make words bold. In standard HTML you would use the <b> tag like so: