CSS selectors: the basics
CSS selectors: the basics
For anyone who has been using CSS for some time, CSS selectors become almost second nature. For those who are new to CSS, however, selectors are powerful tools that allow you to write cleaner, more efficient markup. This article will guide you through some of the basic concepts of CSS selectors.
CSS creme of the month
CSS creme of the month
Every once in a while we try to identify what's hot in one of our categories and this time we picked CSS since it's becoming more popular with each day that goes by. More and more web designers become interested in learning every trick. A good way to do it is by good examples which is what this list will try to showcase. The best CSS examples of the month.
Spiffy Corners - Purely CSS Rounded Corners
Spiffy Corners - Purely CSS Rounded Corners
Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript.
dotMobi Mobile Web Developers Guide
dotMobi Mobile Web Developers Guide
"The mobile industry is not an easy thing to boil down. Imagine all the complexities of the Internet, all the protocols, languages, methods and techniques, then multiply that by 100…that only begins to scratch the surface of the mobile space." Techniques and information required to make a basic site that will work well on the majority of phones.
CSS+Javascript power. Fancy menu
CSS+Javascript power. Fancy menu
Guillermo Rauch is a sixteen year old hacker who created a fancy menu using CSS and JavaScript based on mootools. A custom navigation bar with some cute Javascript effects that will certainly impress your friends.
CSSED - "A GTK-2 CSS Editor"
CSSED - "A GTK-2 CSS Editor"
cssed is a small developer editor and validator, that tries to ease the CSS editing. It is an Open Source project, it means that you can download the program but also its source.
Joomla CSS Guide
Joomla CSS Guide
Joomla CSS Guide is a website you can have free access to all of the CSS styles and class/ID names which are declared in joomla template css file (template_css.css).
New CSS Commands for Internet Explorer 7
New CSS Commands for Internet Explorer 7
There are a small handful of new CSS commands that you can now use for Internet Explorer 7. Well, they're not really new - most other browsers have supported them for a long time and IE is only just catching up.
Nice and Free CSS Templates
Nice and Free CSS Templates
This site contains free css templates for your website - Just copy and paste and there you have a stunning website !
74 CSS Gallery Roundup
74 CSS Gallery Roundup
List of CSS galleries ranked by DannyB, "Design, dates, frequency are big factors, but others things come into play … like css news, ranking, comments … "
CSS Image Frames Style Tutorial
CSS Image Frames Style Tutorial
Learn to style ornate image frames using CSS border & background-image properties.
CSS AJAX Switch
CSS AJAX Switch
CSS AJAX Switch is a Wordpress Plugin that allows for CSS switching without any reload. It stores the selection for future visits as well.
Javascript/CSS Font Detector
Javascript/CSS Font Detector
Javascript code to Detect available Fonts using Javascript and CSS. This may be help of desktop-like web application developers when they want to provide different skins or fonts preferences to their users. This may also be help for blog skin designers which can provide different fonts for different users based on the list of fonts on their machine.
Inline CSS Tabs with Rounded Corners
Inline CSS Tabs with Rounded Corners
Inline tabs enable you to show a lot of content in a small space. Here's how to create them with rounded corners using CSS and JavaScript.
5 Tips for coding xhtml/css layouts
5 Tips for coding xhtml/css layouts
Few tips in the transition from table-based web design to standards compliant css based layouts.
CSS layout: 100% height with header and footer
CSS layout: 100% height with header and footer
Sometimes things that used to be really simple with tables can still appear pretty hard with CSS. This layout for instance would consist of 3 cells; two with a fixed height, and a third one in the center filling up the remaining space. Using CSS, however, you have to take a different approach.
position:relative and overflow in Internet Explorer 7
position:relative and overflow in Internet Explorer 7
The overflow bug is documented well and exists in IE6 and still continuous on ie7, Jonathan Snook has found a solution.
How to debug CSS
How to debug CSS
This is a list of guidelines that will help you identify what the problem is, so that you can take the steps you need to fix it. This guide has to be relitively vague, as its not about one specific problem, its about every problem you're ever likely to encounter.
Creating a CSS layout from scratch
Creating a CSS layout from scratch
This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout.
How do I make equal columns in CSS?
How do I make equal columns in CSS?
Unfortunately, IE (including IE7) doesn't support the display:table and display:table-cell properties (although Mozilla and other browsers do), therefore if you want to support most browsers then you can't use display:table and need to resort to other methods. This article will present to you a nice cross-browser solution to achieving equal columns with CSS.