Interested in responsive web design but not sure how to get started? Don't fret, help is at hand! As part of Responsive Week, we've asked Clearleft's Paul Robert Lloyd to talk us through the responsive design process, soup to nuts
Drupal themes enable you to change the look and feel of your site. Tim Millwood explains how to create a theme that makes it appear differently on different screen sizes
In the second part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd will tell us how to translate static page designs into adaptable, fluid websites. So let go of those pixels and learn to love proportions!
You've got your layout and images scaling, but you need to have your type following along as well. One size of type does not fit all line lengths or screen widths!
In the third part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd looks at incorporating images and video into responsive layouts, and describes some of the problems in this area that still need solving.
In the penultimate part of our responsive web design tutorial, Clearleft's Paul Robert Lloyd explains how media queries work, and describes a device-agnostic approach to breakpoints.
In the final part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd explains how there is more to a responsive design than just flexible layouts, images and media queries
As newer CSS properties, such as text-shadow, gain traction, there’s no limit to what can be done with web type. Trent Walton from Paravel goes a step further by texturising it
Front end developer David Smith explains how to utilise the Google Charts API to create flexible HTML5/SVG-based charts that are visually appealing and work cross browser
CSS transitions rarely happen in isolation. Adding transitions to groups of elements means there's more to keep track of and more opportunity to add variety. We can also take advantage of how our brains tend to see things to both save ourselves some work and make things a little more interesting
Paul Sizer explains how to use ExpressionEngine to build a portfolio site that automatically lists the technologies you used on each project you complete
Shopify provides a fast, simple way to build an online store. Keir Whitaker explains how to use its Liquid engine to create templates that will control your store's appearance
With new CSS features come opportunities to animate without the need for script. Sam Hampton-Smith demonstrates how to produce a retro gaming-inspired sprite
We present an exclusive excerpt from jQuery Mobile Web Development Essentials, on the basics of theming and building and using a custom theme for your app
As screens get smaller and more detailed, web pages will have to change to cope. Sean B Palmer examines the past, and the future, of CSS resolution independence
