Create a responsive wireframe
New developments make responsive wireframes a breeze. Chris Da Sie builds a single-page example showcasing the power of open source framework Wirefy
Design Tutorials
There are 41 articles tagged with Design
Browse by tag
- 3D (4)
- API (5)
- Accessibility (8)
- Ajax (3)
- Android (7)
- Browsers (2)
- CMS (3)
- CSS (87)
- CSS3 (33)
- Coders (1)
- Coding (9)
- Creativity (1)
- Design (22)
- Development (8)
- Drupal (3)
- Expression Engine (5)
- Facebook (3)
- Flash (5)
- HTML (58)
- HTML5 (31)
- Illustrator (5)
- Inspiration (2)
- JavaScript (59)
- Marketing (1)
- Mobile (22)
- Navigation (7)
- PHP (23)
- Photoshop (19)
- Progressive Enhancement (5)
- Responsive web design (19)
- Ruby on Rails (2)
- SEO (2)
- SVG (5)
- Search (1)
- Security (2)
- Silverlight (2)
- Social media (5)
- Twitter (1)
- Typography (4)
- UX (3)
- Usability (1)
- Video (3)
- WebGL (3)
- Windows Phone (1)
- Wireframes (4)
- WordPress (11)
- XML (3)
- eCommerce (3)
- iPad (6)
- iPhone (9)
- jQuery (25)
- test (1)
-
-
Providing responsive images with Drupal
Serving images to mobile devices can prove a major annoyance for developers. Michael Herchel highlights a number of methods to make life more flexible -
Make your website printable with CSS
Responsive design isn’t just about screen size; it also means adapting to different media – including print. Adrian Roselli shares some techniques -
Build responsive emails
Email is a neglected area when it comes to responsive design, but it doesn’t have to be. Elliot Ross walks you through making an HTML email mobile friendly -
Build a basic responsive site with CSS
Responsive design is much misunderstood. Jason Michael lays to rest some myths, and then walks us through building a simple responsive website -
A responsive workflow for Axure
Axure may be shy of responsive features, but the beloved UX tool can still be used on your next responsive project with a little help from responsive frameworks -
Design a compact calendar in Fireworks
Alex Brooke discusses the benefits of designing in Fireworks and explains how to use the tool to create a nicely detailed, multi-purpose compact calendar -
Validate your planned user experience
Wow your visitor with interfaces that influence and inspire. Jodie Moule explains the need to plan and validate user experiences -
Make a scalable newsletter with Fireworks
There’s a preconception among designers that email clients’ lack of support for web standards means you can’t get creative with newsletters. James Parker is out to explode this theory -
Design sites using the Responsive Grid System
The Responsive Grid System isn't a framework or a boilerplate. But it does make creating responsive websites quick and easy. Graham Miller, its creator, explains how to use it -
Create fluid layouts with HTML5 and CSS3
In this exclusive excerpt from Responsive Web Design with HTML5 and CSS3, Ben Frain explores how to convert pixel-based designs to their proportional equivalents -
Create Photoshop graphics with Layer Styles and Smart Objects
Discover how to use layer options and Smart Objects to create separators, media players and buttons you can use on your own site mockups. Andreea Nanu shows you how -
Create wireframes that work for you
In this excerpt from The Web Designer's Roadmap, Giovanni DiFeterici discusses the role wireframing plays in design, and how to create a wireframe that suits your own needs -
Determining breakpoints for a responsive design
We present an exclusive excerpt from Tim Kadlec's book, Implementing Responsive Design, on adopting a future-friendly approach that determines breakpoints according to content as opposed to device -
Create faster fluid layouts with LESS
Paul Mist explains how to code dynamic CSS with LESS and how we can make use of variables, mixins and functions to speed up the creation of fluid layouts -
Make a stylish preloader with SVG
Many sites neglect users with slow connections. Ian Culshaw explains how to use SVG library Raphaël to create a preloader that’ll hold the users' attention while pages load -
Getting started with RESS
This tutorial will teach you the basics of RESS (Responsive Design + Server Side Components) and how you can build a responsive page that works well on small screens with the help of server side technologies -
Build a responsive site in a week: going further (part 5)
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 -
Build a responsive site in a week: media queries (part 4)
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. -
Build a responsive site in a week: images and video (part 3)
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.
