Design

Design

Pedal to the Metal: Websites should Drive like a BMW, Not a Barbie Car

August 23rd, 2013
by
Pedal to the Metal: Websites should Drive like a BMW, Not a Barbie Car

What kid doesn’t lust after his or her own set of wheels? From an early age, kids want to get in the car and go – and for little girls, the ever-so-wonderful pink plastic Barbie car can provide hours of cul-de-sac circling and sidewalk cruising. The funny thing about children’s cars is that kids don’t realize how far from the real deal a plastic...

Design

30+ Photo Manipulations That Make Your Jaw Fall Slack

July 24th, 2013
by
30+ Photo Manipulations That Make Your Jaw Fall Slack

People with a passion for photography most likely have a passion for photo manipulation also. Professionals say: “You don’t just take a photo, you make it!” It is adventurous, experimental even, playing around with your photos and pushing the boundaries of the possible. Oftentimes these attempts fail miserably, there is a whole plethora of platforms with this kind of material – especially showing off...

Design

HTML5 Datalist: What You Need To Know

July 23rd, 2013
by
HTML5 Datalist: What You Need To Know

Autocompletion is a pattern that all web users are familiar with. When you do a search, your search engine suggests terms. When you type a new email message, your mail client suggest recipients. This functionality, however, has not been available to web developers without a nontrivial amount of JavaScript. One of the new HTML5 elements, the <datalist>, brings this autocomplete functionality to the Web...

Design

Tablet Web Design Best Practices: Free Ebook Offers Loads of Useful Tips

July 19th, 2013
by
Tablet Web Design Best Practices: Free Ebook Offers Loads of Useful Tips

Who would dare to not call the guys and girls of Canadian Mobify experts in mobile web design? They actually are. Though not everyone will find their cloud-based design concepts appealing. A short while ago the people at Mobify decided to publish an ebook on the best practices in tablet-focused web design. They titled the 25-pager "Tablet Web Design Best Practices: 30 Ways to...

Design

Homepage Construction Kit: 40 Ready-made Elements for Web Design with Photoshop (+ how to create your own)

July 10th, 2013
by
Homepage Construction Kit: 40 Ready-made Elements for Web Design with Photoshop (+ how to create your own)

It is quite common to prototype web designs in Adobe Photoshop. Although the final product will consist of large amounts of CSS driven looks, it usually turns out to be faster to use an image-editor for the first drafts. Photoshop still is designer’s first choice in many cases. Using very few basic shapes and forms you are able to creative high-grade user logins, buttons,...

Design

Create The Future: Common Techniques in Responsive Web Design

July 2nd, 2013
by
Create The Future: Common Techniques in Responsive Web Design

amiresponsive-noupe

In this article, I’ll dive into some of the most common practices for building responsive site layouts and experiences. I’ll describe the emerging and available techniques for site layouts that flexibly resize based on screen real estate (referred to as “fluid grids”) so as to ensure that users get complete experiences across whatever screen size...

Design

From 4-Inch Phones to 40-Inch TVs: Designing Responsive Websites

June 26th, 2013
by
From 4-Inch Phones to 40-Inch TVs: Designing Responsive Websites

amiresponsive-noupe

It’s worth taking a step back, to think through your site’s experience and understand whether the device with which a user accesses your site changes the user’s expectations of the site’s functionality. Is the user checking your site for quick updates with her cellphone while she’s on the go? Is he sitting down, 10 feet away...

Design

Now Is The Time: Why the Web Is Ready for Responsive Web Design

June 19th, 2013
by
Now Is The Time: Why the Web Is Ready for Responsive Web Design

amiresponsive-noupe Today, a large portion of site traffic comes from mobile devices — namely smart phones and tablets — in addition to traditional PCs. Across the globe, mobile devices now account for 12 percent of Internet traffic, and it’s scaling up faster than desktop Internet traffic. The fraction of mobile Web traffic is sufficiently...

Design

Better than Photoshop Tutorials: 50 Free, Detailed PSDs with Open Layers (+ Tips)

June 4th, 2013
by
Better than Photoshop Tutorials: 50 Free, Detailed PSDs with Open Layers (+ Tips)

psd-datei1 Today we are going to look over the shoulders of quite a few professional designers. Using their original PSDs with open layers, we will be able to exactly reconstruct, what has been done and how. If you are like me, this way of learning by doing proves more effective than working through step-by-step tutorials. The following files come...

Design

All You Need To Know About CSS3 Selectors, #1: Structural Pseudo-Classes

May 31st, 2013
by
All You Need To Know About CSS3 Selectors, #1: Structural Pseudo-Classes

zombie-apocalypse-2

Today’s front-end developers don’t just need to understand how to write CSS, we need to know how to write it efficiently. And what “efficiently” means can depend on your project and environment. Perhaps you have a team with several members working in the CSS and you need an efficient way to work...