RWSmith Designs.

Extraordinary Web Design

Why rem font sizing is a smart approach for web typography.

I am a fairly recent convert to using rem font sizing having used ems extensivley for past projects. Most of us know due to issues with text resizing in IE that we shouldn’t be using px values for our font sizing. Here ems jumped to the rescue and have, for a number of years been the standard for web typography.

The issue I always had with ems is a lack of control when it comes to nested parents and the fact ems inherit values from immediate parents.
A parent element with a set font size of 1.4em and it’s child element also has a font size of 1.4em will not be the same size, the child’s text being much larger having inherited it’s parents, font size then multiplying it by 1.4.

The problem there is apparent if we have a complex design. It can become very time consuming and tedious to keep control of font sizes. Continue reading →

Simple CSS Reset.

Below is a very simple CSS reset that I use on all of my projects.

With these complex frameworks you see such as Twitter Bootsrap, HTML5 Boilerplate I find I am always having to take time to override their styles and hack the stylesheet provided.
Setting box sizing to border box also forces padding and borders inside the elements. This is rather than the outside that browsers default to so fluid layouts don’t break, making it far easier to craft complex fluid designs.

You can extend the CSS reset further to your own needs such as giving form input elements a max-width of 100% or removing the bullets from lists but that is more project specific so not included inside this simple CSS reset.

RWSmith designs Extraordinary Web Design

Do you have a project in mind?

I’m currently available for freelance and accepting new project requests.

Contact meSee my process