External posts

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

Fixed position web elements

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

 

The usage of fixed position elements has grown in popularity and become a common element on the web.

This technique involves fixing some element in the browser while the rest of the page scrolls. Most often we find this done on header elements including the main navigation for a site. This is also a popular approach on single page sites where the in page navigation needs to be ever present. We also find various elements of web pages locked in place using such techniques...

Read the full article on WebDesignerDepot.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

Spark Your Freelance Business with Strategic Synergy

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

 

Are you trapped selling buckets of time? Bouncing from one freelance project to the next? There is a better way – develop a synergistic approach to your freelance business.

At times we all need to take the work that comes before us to generate income, yet we should develop a personal strategy to minimize this. I propose that we do so by building synergy among a range of products and services. This approach maximizes your time, utilizes your energy, and when done well builds long term income...

Read the full article on FreelanceSwitch.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

Characteristics of a modern portfolio site

Posted on: August 31st, 2011 by patrick No Comments

 

Of all of the types of websites, the portfolio site has to overcome what might be some of the most difficult hurdles. Talk to almost any designer and they will agree, launching your own portfolio site is a painful process. Most frequently, this process includes numerous versions and, often times, a launch out of sheer frustration.

The upside to this in my opinion is that the portfolio site can be a window into the future of web design. I suggest this because when an individual designs their own site they are only under self-imposed limitations. There is no client to dictate things, no committee to destroy the design, and no approval process to drag things out and destroy momentum...

Read the full post on WebDesignerDepot.com

The Designer’s Guide to CSS3: Intro

Posted on: August 30th, 2011 by patrick No Comments

 

We’re in the midst of a very exciting time of change in the web industry with the introduction of CSS3. It’s a huge step forward in many ways. But for designers who don’t dig into the code all that much, it can be overwhelming. The developers of the world are scrambling to catch up, figure out what is possible and develop new best practices.

As a designer, the more you understand what’s possible, what’s not possible and how you might work with it, the more valuable you’ll be. In this series I’m going to look at the possibilities of CSS3 for the people who aren’t working with code. Many people have developed great code-generating tools that allow non-developers to play with and preview the results, making your job a lot easier. This Designer’s Guide to CSS3 will focus on a different design topic in each installment, such as borders, backgrounds, text styles, transforming images and animation...

Read the full post on HOWInteractiveDesign.com

Introducing HOW Interactive Design

Posted on: August 30th, 2011 by patrick No Comments

 

I am rather excited to announce that the new site, HOW Interactive Design is officially live. I have been fortunate enough to be enlisted by HOW to help launch this new site and product line. HOW is of course known for their expertise and publications on the design industry. HOW ID adds the web to their product line. I am really excited about this new content outlet and I truly believe it will bring something new and needed to designers looking to embrace the web.

I am also involved with a new conference line related to this project (HOW Interactive Design Conference) and of course my books are published by HOW Books. So to say the least, I am connected with HOW in many ways, and very happy to be so.

Checkout HOWInteractiveDesign.com

 

From time to time, an industry experiences fundamental changes that radically alter it. Along with this comes an explosion of opportunity: opportunity for individuals to stand out, for new products to emerge and for entrenched companies to be replaced. Now is such a time in the web community.

For as long as I can remember, the primary focus in web development has been on ensuring that websites render the same across all browsers. We took great effort to ensure that a client’s website looked exactly the same in everything from old versions of Internet Explorer to the latest Firefox, all at once...

Read the full article on WebDesignerDepot.com