Link Directory

101 CSS Techniques Of All Time- Part 1
CSS has fundamentally changed web design, it has provided designers with a set of properties that can be tweaked to make various techniques to make your pages just look right.

Remember - this is multi-part series, of which this is part 1. Be sure to check out the other parts!
posted by dwirch

200+ Powerful CSS Tutorials Every Web Designer Must Know
Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know.
posted by dwirch

3-Column Layout in 15 Lines of CSS
Devin R. Olsen shows you how to build a *perfect* three column layout with only 15 lines of CSS coding. Very well written tutorial!
posted by dwirch

30 Exceptional CSS Navigation Techniques
Weíve seen innovative ways in which designers and developers have used CSS to innovate upon its shortcomings. Here, youíll find some of the best ways to use CSS for your website navigation. Youíll find a variety of techniques that truly showcase the capabilities of CSS.

In this article, you will find a collection of excellent navigation techniques that use the CSS to provide users with an impressive interface.
posted by dwirch

47 CSS Tips & Tricks To Take Your Site To The Next Level
CSS is a wonderful language for presenting web pages. Itís not too difficult to learn, though like most things, it does have a learning curve. Where many people seem to get tripped up is in specific solutions to specific problems. Fortunately thereís a good chance that someone before you has already had the same problem and even better has found a solution.

Here are 47 of those solutions.
posted by dwirch

50+ Useful CSS Tools And Generators for Developers
CSS tools and generators are available in such large numbers that a developer can choose from a range of them to make their projects go smoother. Here is the collection of around 50 useful and handy CSS tools and generators that every developer should know about. Enjoy!
posted by dwirch

7 Great CSS based text effects using the text-shadow property
Time for a bit of fun with CSS!

The following examples are all created using live text and the CSS text-shadow property.
posted by dwirch

8 CSS Techniques for Charting Data
There are many ways you can present numerical, chartable data by styling elements using CSS. Using CSS to style your data prevents you from relying on static images and increases your contentís accessibility.

In this blog post, youíll read about 8 excellent techniques for styling elements into beautiful, accessible charts and graphs.
posted by dwirch

84 Amazingly Useful CSS Tips & Resources
Web standards gal Grace Smith gives a great list of resources.
posted by dwirch

Bar Charts from CSSPlay
Experiments with Cascading Style Sheets, this page is focused on created bar charts with CSS
posted by dwirch

Create a simple CSS dropdown menu
Learn to create a very simple CSS dropdown menu with solely HTML and CSS. This is a very useful and small dropdown menu without the use of javascript!
posted by dwirch

Create a Trendy Retro Photo Effect Purely with CSS
With the help of CSS gradients and filters, letís take a look at how a cool vintage photo effect can be created directly in the browser.
posted by dwirch

Creating Different CSS3 Box Shadows Effects
In this tutorial we are going to be creating box shadow effects with just CSS.
posted by dwirch

CSS Button Maker
Makes buttons via CSS. Straightforward and easy tool to use.
posted by dwirch

CSS Creator Tools
Some great CSS related tools, utilities, and tutorials.
posted by dwirch

CSS Dock Menu
If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page.
posted by dwirch

CSS Gradient Text Effect
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash).
posted by dwirch

Excellent resource!
posted by dwirch

Dead simple CSS progress bar
This is a dead simple progress bar without any background pictures and such. We have one containing div (bonus_entry_progress) which contains the bar itself (bonus_entry_bar) and the text (bonus_progress_text) written inside the bar.
posted by dwirch

Handy Tips for Creating a Print CSS Stylesheet
Print stylesheets often come as a secondary thought on many websites, after all, who prints a webpage anyway?! Despite their slightly infrequent use, a print stylesheet can really help polish the printed document for when it is used. It doesnít take too long to create, so letís take a look at some handy tips that you can put into practice on your own site.
posted by dwirch

How To Add Text Gradients With CSS
In this tutorial we are going to look at some of the new CSS3 features for dealing with text colours.
posted by dwirch

How to Change the Default Text Selection Color
Just what the title says. Change the default color of the selected text background.
posted by dwirch

How To Create a Trendy Flat Style Nav Menu in CSS
From the Author:

Iíve heard from a bunch of people who found my CSS drop down menu tutorial really useful, so todayís weíre going to build another menu with some fancy hover effects. With the Flat design trend being so popular weíll use adopt this style for todayís menu by using bright solid colours and clean icons. Weíll be using various must-know CSS techniques so this is a great tutorial for any web designers learning the basics.
posted by dwirch

Line Graph script
This is a purely DHTML/ CSS based Line Graph script. It loads fast and blends in with the rest of the page. You can even use a transparent background for it!
posted by dwirch

Making Lists Look Nicer with CSS
You can really go to town with HTML lists when you add a sprinkle of CSS! This tutorial shows you how to make your lists stand out from the crowd.
posted by dwirch

Master your CSS3! Ultimate CSS code snippets
CSS3 is coming and we as webdesigners should be ready for it! CSS is no doubt one of the most important web languages to style a website.
posted by dwirch

Metro UI CSS
Metro UI CSS a set of styles to create a site with an interface similar to Windows 8 Metro UI. This set of styles was developed as a self-contained solution.
posted by dwirch

Pure CSS Infinite Drop Down Menu
This pure CSS menu with infinite sub menus technique makes use of CSS2 selectors so it will not work in IE6 and below without help from JavaScript.
posted by dwirch

Super Simple CSS Buttons
From the Author:

While playing around with a few button designs for my latest project, I came up with a simple CSS-only button system that is both lightweight and compatible with nearly all major browsers. Check it out and let me know what you think!
posted by dwirch

Text-Shadow Exposed
The aim of this article is to give you a quick introduction of a css property named text-shadow which was first included in CSS2 (but itís not implemented in all browsers yet). Nevertheless you can make some cool effects with it, which could only be done before by photoshopping text and rendering it as an image.
posted by dwirch

The Ultimate list of CSS3 Resources, Tutorials, Tips and More
A list of 98 resources, tutorials, videos and discussions, all related to CSS3
posted by dwirch

Use CSS To Add Stroke Around Text
With some of the new graphical features you see in CSS3 it can start to add more and more effects to your HTML elements the same way you used to have to use Photoshop to do.
posted by dwirch

Useful CSS Snippets for Your Coding Arsenal
CSS is a beautiful language but it can also be frustrating at times. Certain CSS solutions donít work on certain browsers (cough Internet Explorer cough) and much of your time can be spent debugging code.

Thankfully there are lots of great CSS snippets available online that fix common problems and design issues. In this article we have listed 30 CSS snippets that we think you will find very useful.
posted by dwirch

Using CSS to Do Anything: 50+ Creative Examples and Tutorials
CSS can powerfully open the doors to a lot of rich and unique techniques. Today we are presenting a round-up of CSS coding, creative approaches and techniques. Definitely worth taking a very close look at! We also included some basic techniques you can probably use in every project you are developing. This is just the third article in this series , the forth part will be coming soon, stay tuned and Enjoy!
posted by dwirch

W3 Schools CSS Tutorials
Great set of tutorials and examples on how to write proper CSS for your site.
posted by dwirch

Web Developers Handbook
Huge compilation of sources for CSS and HTML developers.
posted by dwirch

Recent Forum Posts

Advanced search added
dwirch posted on September 23, 2017 at about 13:44 in Site News

Job Spammer: Gaurav Mehta - AgreeYa Solutions
dwirch posted on September 22, 2017 at about 10:35 in Spammers

Job Spammer: Prutha Siri - Javelin Systems
dwirch posted on September 10, 2017 at about 6:15 in Spammers

New security implemented
dwirch posted on September 7, 2017 at about 7:16 in Site News

Malicious IP Checker Companion Tool
dwirch posted on August 12, 2017 at about 20:24 in Site News

Job Spammer: Steve Adams
dwirch posted on August 8, 2017 at about 7:44 in Spammers