Design

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...

Design

Learning by Pulling Apart: An Interview with UI/UX Designer Matt Dempsey

May 27th, 2013
by
Learning by Pulling Apart: An Interview with UI/UX Designer Matt Dempsey

Every once in awhile, we come across an amazing story of someone in the design world who seems somewhat hidden or insignificant. Matt Dempsey is such a someone. His career as a web and graphic designer begins at the very young age of 13 and includes such inspirational highlights as hiring a developer to build an app that was acquired...

Design

The Perfect User Interface: GoodUI Equips Web Designers with Solid Marketing Knowledge

May 24th, 2013
by
The Perfect User Interface: GoodUI Equips Web Designers with Solid Marketing Knowledge

goodui-w550

Jakub Linowski, UI designer from Toronto, Canada, is used to be working for the bigger brands. He obviously possesses knowledge not only in the field of webdesign craftsmanship but also in the field of marketing. The latter is what he conveys through his side project GoodUI.org. If you are a web designer interested in maximum...

Design

Book of Wisdom: 7 Things Web Designers Can Learn from Print

May 20th, 2013
by
Book of Wisdom: 7 Things Web Designers Can Learn from Print

5-embossed-print-design-w550

Although the knowledge in effective web marketing has increased over the last decade or two, there is still a great deal that web designers can learn from print designers. After all, print marketing has been around since the invention of the printing press and roughly five-hundred years of successful designs can’t...

Design

CSS3: InDesign-Like Text Formatting with Exclusions and Regions

May 17th, 2013
by
CSS3: InDesign-Like Text Formatting with Exclusions and Regions

css-regions-exclusions-w550 It's Adobe again. They made two proposals to a coming standard, which would lead to the possibility to format and present texts on websites just as we already know it from DTP software such as InDesign. With Exclusions we will be able to let text flow in any shapes and forms, while Regions will allow...

Design

“Retinize It” Simplifies the Creation of Retina-Ready Images in Photoshop

May 7th, 2013
by
“Retinize It” Simplifies the Creation of Retina-Ready Images in Photoshop

retinize-it

Creating retina-ready images from within Photoshop is no rocket-science. Still, it is a tedious task no designer is likely to associate the term fun with. Help in shortening the amount of life-time that has to be put therein will be much appreciated. Artiom Dashinsky from Tel-Aviv is the one to be thankful for as he...