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:
- rapidly speed up our development time
- should have a very small size
- have good documentation and tutorials
- 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…
Direct link: 5 Popular CSS Frameworks + Tutorials & Tools for Getting Started
Lately there have been quite a few requests on Twitter and other places for multilevel menus using jQuery and/or CSS. There are quite a few ways to accomplish this and it largely depends on what your needs are.
In this article we’ll take a quick look at several common multilevel menu options and then we’ll show you how to create a “mega menu”…
Direct link: Multi-level Menus with jQuery and CSS
Designing an HTML email that renders consistently across the major email clients can be difficult and very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.
Here’s a list describing the varying levels of CSS support in different email clients. With 21 different sets of results, all the major email systems are covered, both desktop applications and webmail…
Direct link: Guide to CSS support in email clients
A few weeks ago, I wrote a series of posts on Typography rules and how applying the concept of Contrast, Space, Size and Hierarchy, we can produce appealing, attractive and importantly legible text. These rules are equally applicable for print work and the web. Let’s look at a simple example of a single web page, which consists mainly of text and how we can use CSS to style it…
Direct link: How To Style Your Type With CSS
The basic idea of CSS Sprites is to combine a number of images used on your site into a single image, thus reducing the number of HTTP requests that need to be made to your site. The image is rendered using a CSS background and background-position (which, incidentally, means that your markup becomes more complex; the image to use is specified in CSS, not in a plain tag).
The biggest problem with CSS sprites is memory usage. Unless the sprite image is carefully constructed, you end up with incredible amounts of wasted space…
Direct link: To Sprite Or Not To Sprite
An exceedingly overlooked aspect of constructing CSS style sheet involves the developers ability to write clean, semantic code (marking your code with corresponding tags, for example, h1, h2, br, ul, and so forth). You don’t need to be a CSS guru, but you should have firm knowledge of the basics. A vast majority of designers don’t realize that making use of valid code allows their pages to be more accessible to user agents, which in return gives people equal access to their information…
Direct link: Essential Practices for Styling Your CSS
Yep, using free software and HTML, CSS, and jQuery, here’s a cross-platform desktop application using Adobe AIR. Well, the beginnings of one at least. The challenge was to build a useful application (rather than another to-do list, thankfully) to make use of the new flippa.com web site – it’s a marketplace for buying and selling web sites. So here’s the idea. Imagine you’re interested in buying a web site about photography with a forum attached. You open this application, fill in the custom search form, and see a list of matching auctions. The app will let you pick the auctions you want to watch and it’ll notify you every time there’s a new bid…
Direct link: Take Your CSS to the Desktop with Adobe AIR
The latest versions of most browsers support – and default to – full page zooming instead of just increasing text size. Some argue that this means you no longer need to think about what happens when users increase (or, to a lesser degree, decrease) text size, and that there is no longer a need for fluid or elastic layouts or using other units than pixels for font sizing…
Direct link: Page zoom does not mean the end of flexibility
HTML lists have become one of the most used HTML elements for marking-up various semantic content structures — navigation, comments and even image galleries.
This article will explain and show you how to style lists inside blog posts, articles or other basic HTML documents…
Direct link: How to Create Beautiful and Elegant HTML Lists Using CSS