Simplifying the buzz word “Responsive Design”

Published on Feb 4, 2013 by Jamie Munro

Every so often there is a new buzz word in the web development/design industry.  A few years ago it was HTML5 and CSS3.  Now it seems to be “responsive design”.  And of course this makes a lot of sense.  With more and more Internet users accessing the content on their laptop or desktop PC, tablets, and mobile phones, websites need to be able to be ready to serve up the content in an appropriate fashion.

In this article, I want to take a step back and help simplify this process because by stopping and thinking just a little bit, it doesn’t need to be complicated.  In fact it’s quite simple.

At the time of writing this article, my blog is only about 50% responsive, I am planning a new design soon that will take it to the next level.

Read more >

Tags: CSS | html | Optimization | Mobile | Theory | responsive design | flexible grids | media queries

CSS: Start Generic before going Specific

Published on Oct 23, 2012 by Jamie Munro

This might be a boring refresher for some people; however, I think it’s important from time-to-time to go back and visit the basics.  CSS can provide a lot of power to a web developer (or designer), but when used improperly it can cause a lot of headaches.

When using CSS, like doing on development, it’s important to stop and think about what you are doing and more importantly, what’s the easiest way to accomplish it!

Let’s start with understanding the acronym behind CSS – it stands for Cascading Style Sheets.  Cascading, being the very important word to understand.  This means that the base styles you define will carry throughout (or cascade) all of your design unless a specific style is overridden.

I’m going to begin by demonstrating how I typically begin creating a style sheet.

Read more >

Tags: CSS | organization

Highlights from Webistrate: HTML5, MVC 3, and CSS3

Published on Sep 21, 2011 by Jamie Munro

Over the past few weeks some great articles have been released on Webistrate:

Exploring some of the new features of ASP.NET, HTML5, and CSS3.

Read more >

Tags: CSS | Optimization | html5 | css3 | mvc3 | Theory

Developers to the rescue of designers...again!

Published on Aug 30, 2011 by Jamie Munro

I don't know about you, but my designers love their custom fonts and I'm tired of slicing and reslicing images - especially when the website is multilingual.

CSS3 to the rescue allowing us to import custom fonts and make them work cross-browser.  Check out how to use the @font-face CSS3 tag to do it!

Read more >

Tags: CSS | font-face

CakePHP CSS Enhancements From 1.2 To 1.3

Published on Feb 23, 2011 by Jamie Munro

This article does seem a bit late since CakePHP 2.0 is on it's way.  However, I felt it prudent to point out a few things that I'm really happy to see in the new default CSS provided by CakePHP.

On CakePHP's website, you will find an excellent migration guide from 1.2 to 1.3 here:

It describes in great detail the various changes throughout the entire application and there are a lot of them.  But I think it left out some of the most important stuff, the default CSS provided for people who use the bakery to create their websites!

One of the things that irked me in 1.2 was I had to manually update the paginator helper to display what field is currently being sorted on.  Many times I had to ensure my peers were also doing the same thing and a lot of time was wasted checking this and ensuring it was done correctly.

Read more >

Tags: CSS | CakePHP | paginator