•  
  •  
  •  
  •  
  •  
  •  
  •  
Tools, Resources, & Software
for Designers, Webmasters, & Coders
Username:
Password:
Forgot password?  Register
XML syndication

Top listings

Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS. It also uses a typographical method know as ?creating vertical rhythm?, whereby all adjacent lines of text line up horizontally, regardless of line breaks and new paragraphs.
http://csswizardry.com/typogridphy/
(Clicks: 0; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
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 doesnt tell you how to code your web site. Instead, it forms a solid HTML rendering engine and a base for creating dynamic layouts without interfering with typographic measurements.
http://devkick.com/lab/tripoli/
(Clicks: 0; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
Bulletproof & Flexible Layouts Made Simple. Yet Another Multicolumn Layout (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.
http://www.yaml.de/en/
(Clicks: 0; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include: Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number. Supports easy customization of the width for fixed-width layouts. Flexible in response to user initiated font-size adjustments. Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO). Self-clearing footer. No matter which column is longer, the footer stays at the bottom. Layouts less than 100% are automatically centered. Accommodates IABs Ad Unit Guidelines for common ad dimensions. Offers full A-grade browser support.
https://developer.yahoo.com/yui/grids/
(Clicks: 0; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
Without these online generators, designers have to waste extra effords to do repeat jobs. Since we had shared about CSS Frameworks last week, i would like to extend the topic by sharing some useful CSS grid layout generator.
http://www.webdesignbooth.com/15-extremely-useful-css-grid-layout-generator-for-web-designers/
(Clicks: 10; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
Introduced as a new solution of designing structure problems, grid based design is alluring almost every designer. Grid designs are used as framework to prepare the page layout. It incorporates many tools, which assists designers a lot in their endeavor of accomplishing the work perfectly. If you are looking forward for more information, just read on? an assortment of information is available here, which will take you the pages of important grid articles, tips, tutorials and tool resources.
http://www.templatelite.com/grid-based-design-articles-tutorials-and-tools/
(Clicks: 5; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
While CSS may offer many advantages and gives the developer very high level of control of the layout it is still quite hard to implement complex designs correctly and fast from bottom up and without having experience and good tool support. This is where this article comes in handy and provides you with the tools and tutorials needed. Lets start with an overview of the Grid Systems available.
http://www.tripwiremagazine.com/tools/design/45-css-grid-systems-layout-generators-and-tutorials-that-every-designer-should-know.html
(Clicks: 3; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
A page element with relative positioning gives you the control to absolutely position children elements inside of it. To some, this is obvious. To others, this may be one of those CSS ?Ah-ha!? Moments. I remember it being a big deal for me when I first got it.
http://css-tricks.com/absolute-positioning-inside-relative-positioning/
(Clicks: 1; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
WP_Query is a powerful tool to control what comes out of your loop. Today Im going to teach you all how to use it to make a 3 columned newspaper theme that has all your main blog posts in the main column, and off to the side a set of posts with a certain category. Well be using the 960 CSS framework for the basic layout and reset of our theme, it will chop a lot of work off whats needed!
http://net.tutsplus.com/tutorials/wordpress/build-a-newspaper-theme-with-wp_query-and-the-960-css-framework/
(Clicks: 2; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing
This module describes integration of grid-based layout (similar to the grids traditionally used in books and newspapers) with CSS sizing and positioning.
http://www.w3.org/TR/css3-grid/
(Clicks: 0; Comments: 0; Listing added: Jul 30, 2009) Listing Details Report Broken  Listing