Responsive Design

Moving page elements using jQuery

I'm currently working on a project to convert a web site to a responsive design. On mobile devices I want the primary page content to appear near the top of the page with other (less important) content below. For the site in question I can get so far using CSS to reposition page elements. However, when CSS won't do the job I've used jQuery to detect whether a mobile device is be...

Published: Wednesday 23 November 2011 | Comments: 0 | Read more »

jQuery CSS Responsive Design

Making your web site's navigation mobile friendly

I am currently working on a project to convert a web site to a responsive design. The site's navigation has a lot of links arranged in list format so, rather than displaying the navigation in list format on mobile devices which would push the page content off the screen, I thought I would use jQuery to convert the navigation to a select list if a mobile device is being used. Here's how ...

Published: Wednesday 16 November 2011 | Comments: 0 | Read more »

HTML jQuery Responsive Design

Foundation: Rapid prototyping and building framework

Today I finished integrating Foundation framework with my blog. Foundation describes itself as 'an easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device'. And, as long as you have a knowledge of HTML and CSS, and at least a basic understanding of the principals behind responsive design, Foundation is very easy to use. Fortunately...

Published: Friday 11 November 2011 | Comments: 0 | Read more »

HTML jQuery CSS Responsive Design