In years gone by, the only way to create nice looking buttons was to use an image but these were difficult to maintain without image editing software. However, with CSS3 we can apply nice looking gradients and and rounded corners very easily for modern browsers that support them.
Category Archives: Web Design
CSS3 Buttons
CSS Tabs
I’ve written a couple of examples of CSS Tabs in the past but both are a little outdated now so I thought it was a good time to revisit these and rewrite them using CSS3 that degrades gracefully and works in all browsers.
CSS3 Box sizing
The box model is pretty straight forward in most scenarios so we know that when creating CSS for an element that width + border + margin + padding = the rendered width. However, when dealing with percentage widths things become a bit trickier but there is a solution.
HTML5 Placeholder Attribute
Most of the attention for HTML5 has been given to the new elements and the use of video. However, one of the most useful features when creating forms is the introduction of the placeholder attribute for input elements.
HTML5 Article Element
This article in the HTML5 series covers the explanation and usage of the <article> element.
Continue reading
CSS Font Stacks
Web designers are often constrained by the so called “Web Safe Fonts” when creating web pages and whilst 95% of machines worldwide now have these fonts, they were first packaged with Windows XP back in 2001. As 2011 is quickly approaching are we still limited to these 10 web safe fonts or should we adapt and use fonts within CSS that aren’t in this list of fonts?
HTML5 Nav Element
This article in the HTML5 series covers the explanation and usage of the <nav> element.
HTML5 Header Element
This article in the HTML5 series covers the explanation and usage of the <header> element.
HTML5 – CSS Reset
Over the coming weeks, I’m going to be writing a lot more articles on HTML5 which will go into detail and show how you can start using HTML5 elements today with progressive enhancement. To start this off though, you’ll need to use a new version of the CSS reset in order to view these new HTML5 elements correctly, even in the more modern standards compliant browsers.
Should Web Designers Drop IE6 Support?
IE6 was released in August 2001 but despite being nearly nine years old, it is still the most common problem that web designers have when building a website. Is it finally time to drop support for the browser that is almost an antique in technology years? Sadly the answer isn’t quite black and white.