Weaving a better Web page with CSS frameworks

A Cascading Style Sheets (CSS) framework expedites and simplifies the design and development of Web pages. Moreover, a CSS framework produces more standardized results in all browsers. Here’s a look at two CSS frameworks, each with a unique philosophy: Blueprint and the Yahoo! User Interface (YUI) Grid.

Both frameworks are free to use and permute, according to the terms of the liberal Massachusetts Institute of Technology (MIT) License and Berkeley Software Distribution (BSD) License, respectively. This article explores the novelties and capabilities of each and works through a series of examples. You can choose the option that works best for you…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

A Primer on the CSS Font Shorthand Property

Font declarations and related properties in CSS are fairly straightforward to write in longhand. But there is a shorthand CSS property for declaring certain typographical properties that is well-supported across all common browsers, but a little quirky to work with. In this article I’ll describe how the css font shorthand property is used, how it can be misused, and what potential drawbacks there might be to including it in your CSS code…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

35 CSS Lifesavers For Efficient Web Design

CSS design is not easy. We need to find workarounds for cross browser inconsistencies. We also need to understand difficult CSS concepts and quite counterintuitive CSS solutions. However, there are effective and useful CSS tools and Smashing Magazine reviewed many of them in previous posts. Now it’s time to present you with some fresh tools that can assist designers in their work.

Today, we’ll look at 35 new and useful CSS tools, generators and resources that can significantly improve your workflow and reduce your CSS coding efforts. Whether you’re writing, compiling, refining or experimenting with CSS code – or all of the above – these tools can help you get the job done faster and better than ever before…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

PX to EM conversion made simple

PXtoEM.com is pixels to em conversion made simple. Choose your body font size in pixels (px) and out comes a complete pixel (px) to em conversion table, making elastic web design with CSS a snap. The once daunting challenge of converting pixels (px) to the elusive em has now been reduced to a booger eating pipsqueak.

PXtoEM.com takes it a step further and gives CSS to start with! After you select your body font size, go to “Get CSS” and there you go…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Top 5 Sites To Learn CSS Online

Web design might not be the most accessible area to everyone, but CSS and HTML can be very useful, and these are two parts of coding which are really easy. I mean to change the color of your font you just need to type: “color:red”, does it get easier than that?

Well actually, it gets harder but it’s worth taking a look, since you can customize everything from your blog to your Google Docs documents with a tiny bit of CSS knowledge. Let’s take a look at where you learn css online free and get CSS tutorials for beginners…

VN:F [1.9.22_1171]
Rating: -1 (from 1 vote)

Styling Ordered Lists with CSS Tutorial

Recently I was working on a site where I had to style an ordered list and thought this may help some of you in future projects. The snag that some people tend to run into is that they are not sure how to separate the styles of the numbers and the actual content of the list.

It may feel easier to number each list item manually but then we end up defeating the purpose. In this tutorial I will show how to give an ordinary ordered list a face lift…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

5 Popular CSS Frameworks + Tutorials & Tools for Getting Started

CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs. The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love.

Main features of a good CSS Framework:

  1. rapidly speed up our development time
  2. should have a very small size
  3. have good documentation and tutorials
  4. have clean grid structure

You will need a basic understanding of the CSS framework you are going to use to understand why and how things get solved…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)