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.
Category Archives: Web Design
CSS3 Box sizing
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.
Google: Have they copied Bing.com?
Google very rarely make huge changes to their general search results but they’ve made substantial changes, particularly to their search results page recently, this article explains some of the changes as well as a few similarities with their competition.
13 Google Chrome Extensions for a Web Designer
As some of you who follow my Twitter feed or Facebook page will already know, I’ve recently switched to Google Chrome. I’ve been reluctant to switch from Firefox for a long time purely because of my huge admiration for Firebug and the Web Developer Toolbar, however that’s all changed thanks to the Google Chrome Extensions in this post.