There’s many ways to create rounded corners using CSS but with the introduction of CSS3, our lives as web designers are about to become a lot easier.
Category Archives: CSS
CSS3: Rounded CSS Corners
CSS negative margins
Negative margins can be really useful when used correctly but can are often avoided because they’re seen as a hack or work around to other CSS problems. However Smashing Magazine have put together a useful article which explains how they can be used to good effect.
The problems with using CSS frameworks
A CSS framework is a library of CSS styles which allow developers to reuse certain properties easily without having to code CSS from scratch. Initially when creating a web page they can save time but once you get involved in more complex designs, are they really all they’re cracked up to be?
10 CSS Tips Every Web Developer Should Know
I’ve written a fair few articles over the past year and thought it might be useful for any new subscribers and visitors to see a summary of the most useful ones. Below is a list of hints and tips which will be useful to anyone starting out in CSS and even the most seasoned professional in the industry may find a couple of things useful.
Making the most of the CSS text-transform property
Anyone who works with HTML/CSS on a daily basis will be aware of all the common CSS properties, however there are also some lesser known CSS properties which can be extremely useful. This article covers the text-transform property and how it can be used to your advantage when building web pages.
CSS Variables
It’s something that many people have been asking for and wanting for some time now and finally it looks like variables are going to be making their way into CSS.
Creating Rounded Corner CSS Boxes Using One Image
I wrote an article some time ago which explained how to create rounded corners using just a single image and CSS. It’s a great solution but imagine if you have multiple boxes and you’d like to use different colours for each box?
Within this tutorial, I’ll explain how you can create multiple rounded boxes using different colours but still using just a single image.
CSS Fixed Layouts Starter Kit
I’m sure by now, everyone has heard about the benefits of separating content (HTML) from the presentational aspect (CSS) of their code and I’ve recently started to put a library of templates together which can be used as a starting point for a variety of CSS designs.
Within this first release, I’ll be using just a single HTML file and depending on which CSS layout file is included, the appearance can be altered easily to give you a basic starting point for a multitude of designs.
CSS Hover Icon Menu Using CSS Sprites
Swapping icons on hover is traditionally done using JavaScript but this method requires a lot of unnecessary code and a number of different icons in order to achieve what should be really simple.
However, there is a solution and this tutorial will explain how to apply different hover over icons to an unordered list using CSS Sprites.
Creating FAQs Using a Definition List
With a lot of web developers finally becoming conscious of using the correct semantic elements for marking up their HTML document, I’m often asked how frequently asked question (FAQ) pages should be marked up. Within this tutorial, I’ll explain how I deal with FAQ pages and provide you with a couple of options that I’ve used in the past.