Web Design Resources, CSS Tricks, Articles, Tutorials and more

CSS Image Preloader

In: CSS

7 Feb 2010

In this article, you’ll learn how to create an image pre-loader without Javascript. CSS is the technique we are going to use. No fancy and hard to understand codes, but the smart use of codes you already know about.
Why use an image pre-loader? A lot of websites out there use CSS to display their navigation [...]

Getting quality backlinks to your blog or website is a great thing to have in order to help your Search Engine rankings improve, there is no doubt about that at all. However, do you know what sort of backlinks are better than others? Do you even know what a backlink is? Dofollow versus nofollow, [...]

1. CSS font shorthand rule
When styling fonts with CSS you may be doing this:
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif
There’s no need though as you can use this CSS shorthand property:
font: bold italic small-caps 1em/1.5em verdana,sans-serif
Much better! Just a few of words of warning: This CSS shorthand version will only work if you’re specifying [...]

Google really produces great software. I use many of them: Web Search, Picasa, Reader, Feedburner, Analytics, Images, Groups, Docs, Translate, Code, Chrome, Maps, Video, Blog Search, Youtube, AJAX API, Webmaster Central, and Site Search.
Just to name a few
Problem is, with many of the above, if something breaks you’re out of luck. Because it’s [...]

Many methods exist to structure your CSS. This article tries to describe the method I use. I call it the “Tree method”, since it structures the CSS like… that’s right, a tree structure. I want to stress that it isn’t my invention; I just describe and give reasons for its rules.
Everyone that has built a [...]

1. Bad Search
Overly literal search engines reduce usability in that they’re unable to handle typos, plurals, hyphens, and other variants of the query terms. Such search engines are particularly difficult for elderly users, but they hurt everybody.
A related problem is when search engines prioritize results purely on the basis of how many query terms [...]

Just like in most other professions, a web designer’s set of tools is what brings a concept into fruition. There are many applications available to our disposal, but there are some that just stand out from the crowd. The tools in this article are what’s regarded as the most popular tools used for web design.
Last [...]

Web page usability is a vital criteria in any web design project as it is this factor that can get repeat visitors to a website. Improving usability of web pages may not be an easy job even for the most skilled web designers. Usability based web designing is all about habit formation, it cant be [...]