Back to Top
The nuts and bolts for
Creative web development

Responsive Web Design With Physical Units

This post should be titled “Getting Ahead of Yourself.” “…By a Few Years,” actually. Here’s the deal: at the time Radu Chelariu is writing this, early 2013, there’s no way to accurately design for the Web using physical units, nor will there be for a very long time. But there is a way to design while knowing the physical characteristics of the device — or, at least, there will be in the very near future.

March 25, 2013 Author: Lubov Cholakova Rating: Not enough votes

Responsible Considerations For Responsive Web Design

Responsive Web design has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing methodology. A few obvious examples are the multitude of responsive image techniques, conditional loading, and responsive design and server-side components (RESS), among many other existing and emerging strands stemming from the core concept of responsive Web design.

March 12, 2013 Author: Lubov Cholakova Rating: Not enough votes

Creating Wireframes And Prototypes With InDesign

Hundreds of tools may be available for interaction designers, but there is still no industry standard for interaction design the way Photoshop and Illustrator are to graphic design. Popular programs are out there, but many of them have considerable drawbacks, which has led me to explore alternative apps.

March 11, 2013 Author: Lubov Cholakova Rating: Not enough votes

Building A Better Responsive Website

Earlier this year, Jeremy Girard was in the beginning stages of a redesign for the company’s website. They had already been planning to use a straightforward responsive approach to Web design, which is their preferred solution for multi-device support. After hearing some frank discussions at An Event Apart conference in Boston about the limitations and challenges of responsive Web design, he realized that their solution needed a bit of adjustment.

March 11, 2013 Author: Lubov Cholakova Rating: Not enough votes

Maintain Consistency With a Website Style Guide

Creating style guides is fast becoming common practice for web designers, especially when dealing with content heavy sites. With a website style guide, designers are able to set and maintain a look and feel by creating a set of rules which the design follows. The process becomes flexible, easily updateable and consistent. During this tutorial Aaron Lumsden is going to demonstrate how you can implement a style guide in your own site or project.

March 7, 2013 Author: Ivo Rangelov Rating: Not enough votes

Build Responsive Emails

In this tutorial Elliot Ross will look at bringing some of the web’s mobile techniques to HTML email. User take-up of mobile email is massive: some email campaigns get more mobile opens than desktop, yet many marketing emails render poorly on mobile devices. Mobile support on the web has never been better – so if you’re sending emails that drive customers to the web, it makes sense to design mobile friendly emails too.

March 5, 2013 Author: Ivo Rangelov Rating: Not enough votes

Logical Breakpoints For Your Responsive Design

There are several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but this doesn’t scale well. There are no common screen sizes. Another popular tactic is to create a breakpoint wherever the layout breaks. This sounds much better. But it still leaves you with the question, How do you determine whether the layout is broken? One logical answer is to look at classic readability theory and to define our breakpoints based on that.

March 5, 2013 Author: Ivo Rangelov Rating: Not enough votes

Fresh and Creative Web Design Techniques

As a designer, this is one of the most exciting parts of a new year. Here Kendra Gaines is, trying to figure out what’s going to be big for design trends in 2013. It absolutely makes sense. Web designers have to really be up on all the new trends to be relevant and abreast of what’s next after that trend. Of course responsive design is going to be big this year — it was big last year! And of course she is going to continue designing with grids. That’s basic design! This time around, she wanted to look into some trends that seem to be growing.

February 26, 2013 Author: Ivo Rangelov Rating: Not enough votes

19 Approaches to Color

With over 9 billion indexed sites on the web and counting, sites are having to do more to get noticed and encourage users to spend time on them. Color is becoming more and more important in making your page stand out. Here are some sites that do just that: use interesting colors in unusual combinations to stand out from the billions of standard color schemed sites out there.

February 1, 2013 Author: Ivo Rangelov Rating: Not enough votes

UI Design Guidelines for Responsive Design

The web development community has come up with endless solutions, best practices, and tools for coding a responsive design with ease. While the vast majority of websites can be made responsive now, it’s time to push the envelope further. It’s easy to pay attention to great coding best practices, but sometimes the best design practices for various screen sizes get pushed aside. Many resources on responsive design cover the basics. With various screen sizes coming out each day, and even the big players like Apple switching things up with the new iPad mini, you need to evolve the way you think about design and the user experience as well.
January 23, 2013 Author: Ivo Rangelov Rating: Not enough votes