HOWInteractiveDesign.com

One-Page Web Designs: The New Poster?

Posted on: December 16th, 2011 by patrick No Comments

 

A huge trend that started a number of years ago was the single-page web site. This approach packs all of the information into one page. It started off as a way to create a simple design, focused on rapid communication, often used as a simple e-commerce portal or an efficient portfolio page. But it’s evolved into an art form all its own.

Yes, I am a bit obsessed with one page design, this is the culmination of my interest in it and you can read the full article on HOWInteractiveDesign.com.

Web Trends: Wood in Web Design

Posted on: November 14th, 2011 by patrick No Comments

 

Though I’ve observed the trend of wood in web design for years, somehow I never grow tired of it. (Both of my Web Designer’s Idea Books feature sections on the topic.) But why is that? What is it about this approach that draws me in? I think the answer is simple: We connect with wood in an organic, tangible way that takes us outside the digital world.

Read the full article on HOWInteractiveDesign.com

Web Trends: Fabric Textures in Web Design

Posted on: October 21st, 2011 by patrick No Comments

 

One of the most compelling ways to give a website a warm, inviting atmosphere is to incorporate textures. There are a couple reasons to do this. First of all, it can be really helpful to disconnect from the technical nature of the web. Say you’re a web design agency and you find that one of the things you do best is engage non-technical clients. Using fabric textures in your site design can be a great way to reinforce this message. Or if the site’s focus or product is related to fabrics in some way—think fashion, lifestyle, home goods, crafting—the theme can help communicate the purpose...

Read the full article on HOWInteractiveDesign.com

Book Review: How to Design Websites by Alan Pipes

Posted on: October 6th, 2011 by patrick No Comments

 

Alan Pipes’ new book, How to Design Websites, aims to help designers understand the fundamental elements, tools and principles required to design and build basic websites. He’s done a good job of condensing a ton of information into a relatively digestible format, but this book isn’t for everyone

How to Design Websites does an extraordinary job at explaining fundamental concepts of the web. For example, the section on color clearly explains the various file formats used online and the hex-based color system. I also appreciate the designer-friendly introductions to the topics of CSS, HTML and JavaScript...

Read the full review on HOWInteractiveDesign.com

Mobile Devices as Design Elements

Posted on: September 8th, 2011 by patrick No Comments

 

Using smartphones and tablets in web designs not only looks attractive, it also quickly conveys a message of being cutting-edge and mobile friendly. (You don’t have to drink the Cupertino Kool-Aid to recognize that the iPhone and iPad are really beautiful.) We’ve picked out some great examples of agencies’, apps’ and mobile services’ websites to illustrate how using mobile devices as design elements can work...

 

 

 

Read the full article on HOWInteractiveDesign.com

The Designer’s Guide to CSS3: Backgrounds

Posted on: September 8th, 2011 by patrick No Comments

 

CSS3 brings changes to how designers and web developers work with backgrounds, and considering that background images and colors are fundamental structural elements of websites, improvements in this area have a huge impact. With CSS3 we can now have code-based gradients in addition to the traditional solid colors. You can also assign multiple background images to a single HTML element. Another new option allows developers to scale background images with CSS tags...

 

 

Read the full article on HOWInteractiveDesign.com

5 Designer-Friendly Slideshow Plugins for jQuery

Posted on: September 7th, 2011 by patrick No Comments

 

The web is all about building on components other people have perfected. In the case of slideshows, there’s no need for all of us to start reinventing a wheel of rotating content and images.

Slideshows are remarkably easy to implement and a great way to pack lots of information into a small space. The easiest way to get this sort of functionality is with a jQuery plugin. If you use one of these five designer-friendly tools in your design, you’ll cut development time while still finding a transition style that fits your needs...

 

Read the full article on HOWInteractiveDesign.com

The Designer’s Guide to CSS3: Border Treatments

Posted on: September 6th, 2011 by patrick No Comments

 

Containers have been styled in every way imaginable over the years. Where creating fancy borders once required layering images and div tags, new CSS3 options make it easier to replicate Photoshop mockups and avoid bloated code.

For times when a designer is restricted from using certain styles by the development team—such as CSS limitations and file size limits—these CSS3-based border styles circumvent many of these problems. Let’s dig into some of the specifics of what CSS3 allows for in terms of border effects: rounded corners, drop shadows and border images...

Read the full article on HOWInteractiveDesign.com

10 Gorgeous Examples of Responsive Web Design

Posted on: September 2nd, 2011 by patrick No Comments

 

Responsive web design represents a major shift in how designers and developers build websites. Creating sites that adjust automatically to the size of the browser window, of course, requires specific technical knowledge. Responsive web design presents designers with some new challenges to overcome—but also awesome possibilities. The more you can learn to prepare your designs for such changes, the more valuable you will be. Seeing what others are doing will help your work and broaden your horizons, so here are 10 fantastic examples of responsive design at work...

 

Read the full post on HOWInteractiveDesign.com

 

One of the hottest buzzwords on the web right now is responsive design. (Sometimes referred to as adaptive design or progressive enhancement, ultimately it all means the same thing.) At its core, responsive design is the process of adapting a design to match the environment of the user. This means styling a site one way for mobile devices, another for tablets and yet another for desktop computers. The design styles itself differently depending on the size of browser window.

Think about how we did things just a year ago. The entire goal used to be to get all pages to render the same, no matter the user environment. The development community was packed with tools to help sites do that for a wide array of browsers. This worked great when the desktop computer was the primary medium, but now users are accessing the web from a multitude of devices—smartphones, tablets, desktop computers, netbooks, laptops and web-enabled TVs...

Read the full article on HOWInteractiveDesign.com