Articles on webdesign
- Make your site cross browser compatible in 5 steps
Making your site cross browser compatible is not easy, but with this tutorial you can make your site cross browser compatible in 5 simple steps.
Step 1: Validate
Lots of bugs are caused by invalid (X)HTML or CSS. If you have your site validated, it will be a lot easier to make it cross browser compatible. Validate [...]
- CSS coding for cross browser compatibility
Cross browser compatibility can be hard to achieve, but if you follow a few guidelines, you can make your CSS cross browser compatible a lot easier. Reset your CSS, use supported techniques and don’t forget to validate.
Reset your CSS
All browsers have default styles applied to certain HTML elements. For example, a h1 element is bold [...]
- How to make RSS icons in every colour with just one image
In this article, I will explain to you how you can make a RSS in every colour using just one image. The trick is a div with a partially transparent icon and the background color you like.
The Idea
The idea is a <div> with a specified width and height (the same as the icon). This icon [...]
- Showcase: Social Media Buttons
Social Media sites like digg and delicious have become of great importance for the traffic of a blog. Everyone wants to be dugg so every blogger adds social media buttons to their blog. But sometimes it’s very boring, all those standard ’share this’ and ‘digg’ widgets on every page. Luckily there are some designers who [...]
- CSS Diseases: Divitis & Classitis
Are you one of the CSS coders that use <div>-tags for anything and add classes to every element? Learn why it’s wrong to do that and how you can cure your CSS disease.
What are Divitis and Classitis?
The terms Divitis and Classitis were first coined by Jeffrey Zeldman, in his book “Designing With Web Standards†(thanks [...]
- 12 Articles and Tools for CSS structuring and optimising
Optimising and structuring your CSS file is important, especially when you have a large stylesheet. Optimising and structuring your site makes your stylesheet more readable, which makes it easier to update. It can also make your CSS file smaller in size, so your page will load quicker. A list of great tools and articles to optimise [...]
- Nice Drop caps with CSS
There are a lot of websites using a extra <span>-tag for the drop cap. But using the :first-letter pseudo-element, you can easily create nice drop caps with CSS. :first-letter will – how surprising – target the first letter of an element. This pseudo element is included in CSS 1, so the browser support is very [...]