A Five-Step Process For Conducting User Research

Imagine that this is what you know about me: I am a college-educated male between the ages of 35 and 45. I own a MacBook Pro and an iPhone 5, on which I browse the Internet via the Google Chrome browser. I tweet and blog publicly, where you can discover that I like chocolate and corgis. I’m married. I drive a Toyota Corolla. I have brown hair and brown eyes. My credit-card statement shows where I’ve booked my most recent hotel reservations and where I like to dine out.

A Five-Step Process For Conducting User Research

If your financial services client provided you with this data, could you tell them why I’ve just decided to move my checking and savings accounts from it to a new bank? This scenario might seem implausible when laid out like this, but you’ve likely been in similar situations as an interactive designer, working with just demographics or website usage metrics.

Read more...

Optimizing The Design Workflow With Fireworks Extensions, Part 2

In my previous article on Smashing Magazine, I discussed seven excellent extensions that could fundamentally change your Web design workflow in Adobe Fireworks. The extensions expand Fireworks’ capabilities by adding valuable functionality that could make a huge impact on your overall productivity as a designer.

Optimizing The Design Workflow With Extensions, Part 2

I have to admit, though, that at the time, I was able only to scratch the surface of what’s possible with Fireworks, so I’d like to add to the list six more extensions. As functionality, they are a bit more “niche” than the extensions in the previous set, but no less valuable in any sense.

Read more...
Advertisement Advertise with us!

Good Content Is Too Valuable To Die

When I started developing websites back in the day, I was lucky to have hundreds of valuable, practical articles that would help me become better at what I did. I could learn day and night, and whenever I discovered a new tool or technique, I would bookmark it on Delicious for future reference. I knew the value of each article and of each bookmark, and I kept revisiting and carefully tagging them for months and months — almost every day.

Good Content Is Too Valuable To Die

Years have passed. The landscape has changed. Blogs have emerged and new publications have appeared. Some magazines were discontinued yet remained fully available online (Pingmag and good ol' Digital-Web, for example). At that point, maintaining a backup of online articles obviously didn't even cross my mind. For a year or so, I even stopped bookmarking articles since I could always find them via Google, of course. I was naive and stupid.

Read more...

Building An Online Magazine App For Windows 8, Part 1: The HTML5 App

Back in 2010, Microsoft shifted its focus from propriety Web technology to open Web technology. The first fruits of this refocus materialized a few years later — in Internet Explorer, the Windows operating system, its developer tools and its cloud software.

Building An Online Magazine App For Windows 8, Part 1: The HTML5 App

Things have changed for the better so far: With version 10, Internet Explorer has finally grown up and become a fast modern browser. You can build native Windows apps with JavaScript, HTML5 and CSS — apps that look and feel solid and have modern user interfaces.

Read more...

Land Your Next Web Development Job: The Interview Process

During my career as a software developer and manager, I have been involved in many interviews. Whether the interviewer or interviewee, I have always paid special attention to the interview process.

Land Your Next Web Development Job: The Interview Process

In my current role, I spend a lot of time interviewing potential employees, so I’ve seen my fair share of good and bad interviews. Some candidates stand out from the crowd immediately, while others are just another face in a million. In this article, I’ll give you a few tips and a head start on your next interview. Whether your next interview is your first or twenty-first, hopefully these tips will help you along the way.

Read more...

Introducing Responsive Web Typography With FlowType.JS

It's our great pleasure to support active members of the Web design and development community. Today, we're proud to present FlowType.JS that allows a perfect character count per line at any screen width. This article is yet another special of our series of various tools, libraries and techniques that we've published here on Smashing Magazine: LiveStyle, PrefixFree, Foundation, Sisyphus.js, GuideGuide, Gridpak, JS Bin, CSSComb and Jelly Navigation Menu. — Ed.

While working on an image-heavy site for Simple Focus, a couple of our designers, John Wilson and Casey Zumwalt, noticed how images always scaled perfectly. Pull the corner of the browser window and the images expand to fill the space. Push back the corner, they shrink and fall into place. The line length of hypertext, on the other hand, changes based on its parent element's width, which has a negative effect on readability.

Introducing Responsive Web Typography With FlowType.JS

"Wouldn't it be nice," John asked, "if text worked more like images?" Casey assured him that it could, with a jQuery plugin, if only they could figure out the math.

Read more...

Introduction To Polygonal Modeling And Three.js

When the third dimension is introduced into an entertainment medium, it forever changes the way that medium is presented and consumed. The photorealism of the CGI dinosaurs in Jurassic Park opened the doors for film creators to use computers to create visual environments that never would have been possible otherwise.

Introduction To Polygonal Modeling And Three.js

VeggieTales spawned a new type of cartoon, one that uses 3-D objects instead of drawings and which inspired the creation of everything from Pixar and Dreamcast blockbusters to Saturday morning cartoons. Computer software was greatly affected by this new trend in visual media.

Read more...

↑ Back to top