Archive for the 'Web Design' Category

BlueprintCSS Basics

Blue Flavor’s Jeff Croft has written a solid introductory article about the BlueprintCSS Framework:

BlueprintCSS Framework

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.

Blueprint’s crown jewel is its grid-building tools. By default, Blueprint’s grids.css file sets up a 950px wide grid of 24 columns, each 30 pixels wide with 10 pixel gutters. This grid is likely to be flexible enough for most of your needs.

Continue reading »

YAML Builder: CSS Layouts Made Simple

With the YAML Builder a tool is now available that allows the visual development of YAML based CSS layouts directly within your web browser.

YAML Builder

YAML is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.

Understanding SVG with Inkscape

SVG is an XML vector graphics standard that is gaining momentum on the web. It is supported by most browsers (IE with a plug-in) and fills a need for vector graphics in the high resolution environments that web pages are finding themselves in while still providing graphics rich experiences to mobile users with smaller file sizes. This talk will go into the SVG standard and how to easily make SVG documents using Inkscape. Inkscape is a cross-platform Open Source vector drawing tool that is based on the SVG standard.

High Performance Web Apps with YSlow

YSlow analyzes web pages and tells you why they’re slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool.

YSlow for Firebug

Next Page »