background preloader


Facebook Twitter

CSS3 Generator. /* Position Is Everything */ — Modern browser bugs explained in detail! Font. CSS gives you great control over the way your text is displayed.


You can change the text size, color, style, and more. You probably already knew how to make text bold or underlined, but did you know you could resize your font using percentages? Let us begin the lesson with an easy and important font attribute, color! Although the color of the text seems like it would be part of CSS Font, it actually is a standalone attribute in CSS. 30 Most Popular CSS Websites of 2011 » Web Design » Design Festival. With 2011 done and gone, it is time to break out some reviews of what the year had to offer.

30 Most Popular CSS Websites of 2011 » Web Design » Design Festival

To pay homage to the 2012 election process, I thought it would be interesting to see the the difference between popular designs and (albeit subjectively) good designs – because we all know there’s often very little correlation. To my surprise, the sites which allowed ranking of CSS designs did a good job of pushing solid design to the top. While I had to sift through a lot of generic designs, I came across a number of themes that I believe were somewhat new to 2011. Illustrations Are Back! As you scroll through the list below, notice how many of the sites have custom illustrations as part of the theme or centerpiece. Parallax Scrolling You can’t tell from the images below, but a number of the most highly rated sites are Parallax Scrolling websites.

Grid Systems. ProCSSor - Advanced CSS Prettifier.


The Semantic Grid System. CSS Layout Generator. About the CSS Layout Generator The CSS Layout Generator was first released by Tony Aslett in October 2003, since then over 871,000 layouts have been generated.

CSS Layout Generator

Updated in November 2010, HTML5 doctype can now be selected and a simple HTML5 template with appropriate tags will be created. Other HTML and XHTML doctypes are still available. The generator helps you create the structure of your website template using valid HTML and CSS. You can create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. The generator requires a modern DOM capable browser with JavaScript enabled.

Instructions To create your layout select the structural elements your site requires (header, footer, columns). Info popups are available where you see InfoMore info example :) icon, just hover over it for more information. Join the CSS Forum to suggest changes or ask for help where needed. Bear CSS - Helping you build a solid stylesheet foundation based on your markup. Internet Explorer 9 Guide for Developers. The Internet Explorer 9 Guide for Developers provides a look at the features and improvements in Internet Explorer 9.

Internet Explorer 9 Guide for Developers

By using this guide, web developers and designers can take full advantage of these enhancements. Developers can also experience the platform in action using the Internet Explorer Test Drive. Introduction Welcome to Windows Internet Explorer 9. As a developer, you want to know the latest information about the browsers you and your customers use. This document shows you, the web developer whose customers rely on Internet Explorer, how to use these new enhancements in your websites and applications.

A List Apart. CSS Floats 101. The float property is a valuable and powerful asset to any web designer/developer working with HTML and CSS.

CSS Floats 101

Tragically, it can also cause frustration and confusion if you don’t fully understand how it works. Article Continues Below. Simple Tips on Containing Floats. The float property of CSS is a powerful way to lay out the elements of a web page.

Simple Tips on Containing Floats

For example, an image might be floated so that text will wrap around it; or divs may be floated so that they will sit side by side. When an element is floated, it is “taken out of the document flow”—meaning that the other elements (for the most part) act like it’s not there—and this can cause some unexpected layout results. For example, floats often need to be “contained” to avoid a common problem that is demonstrated below. Fortunately, there are some easy ways to do this. Free Educational Video Tutorials on Computer Programming and More! » XHTML & CSS.

A true story about survival in the Adirondack Mountains.

Free Educational Video Tutorials on Computer Programming and More! » XHTML & CSS

The park covers 6.1 million acres, a land area greater than Vermont, or than Yellowstone, Yosemite, Grand Canyon, Glacier, and Great Smoky Mountains National Parks combined. The Adirondacks are also home to thousands of black bears, deadly snakes, and countless other dangers. Abandoned in the middle of the park with no survival experience and very few supplies, the entire journey was documented and filmed. Inline formatting model. Important Note This document is not intended as a simple introduction to the inline formatting model.

Inline formatting model

It is instead a terse dissection of the terms and processes inherent in inline formatting, and the consequences of the rules laid out in CSS2. The learning curve here is quite steep; missing even a small point may result in fundamental misunderstanding. This document has withstood repeated scrutiny from both the CSS Working Group and the wider CSS community, but that does not mean it is either perfect or complete.

There may be implications which are not presented here, and it is possible that some phrasing will be confusing to new readers. CSS2 Reference. SelectORacle. Box Lessons. This is a Problem & Workaround Set for a series of CSS Boxes going from a simple single box, through 3 columns with a full width top box, all with variations.

Box Lessons

Css Zen Garden: The Beauty in CSS Design. Web Design Tips & Advice from A to Z - Design & Accessibility - Tutorials. CSS & Design Gallery. Bulletproof @font-face syntax.