- 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.
- 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.
- 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 [...]
- 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.
- CSS Adjacent-Sibling Selector
Most CSS selectors are well known, but there are some interesting selectors that are not common used, like the adjacent-sibling selector. An adjacent sibling selector will select the sibling immediately following an element, with the same parent. In this example, I will show you how to use the adjacent-sibling selector to style this list.
- CSS Positioning
There are many ways to position your elements in CSS. Relative positioning, absolute positioning or a combination of both. I’ll explain those ways with some clear examples.
- CSS Hacks inside CSS
Some browsers don’t support CSS as well as others. Some designs require CSS-hacks to assure browser compatibility. I think that the most used CSS hack must be the use of Conditional Comments, but the major disadvantage of Conditional Comments is that they require to change the HTML file. Sometimes it’s not possible or not convenient [...]