Screencast: Principles of Design for Developers
Great design is guided by four primary principles: Contrast, Repetition, Alignment and Proximity. In this introduction to my new Learnable course “Principles of Design for Developers” we begin to...
View ArticleClik here to view.
Neurology & User Behavior: What We Know
Eyeballs and conversions. I suspect most would agree that these are the two main ways we measure the success of any website. Sure, websites convey specific messages and may be built to achieve a raft...
View Article8 Steps to Creating Accessible Video
Video is great. It can help you get your message across quickly, entertainingly, and provide a bit of character. Visitors are more likely to watch a short video than they are to read a wall of text....
View ArticleThe Challenge #1: The Winner
It's been a little over a week since I set the first challenge -- to recreate this animated GIF in code -- so it's time to look at the results. Remember, there were no real rules and...
View ArticleRules for Best Practice Email Design: Coding Practices
This final installment of “Rules for Best Practice in Email” deals with coding practices. Now that you know how to create a well-designed graphic email that accommodates differences in email clients...
View ArticleMaking Bootstrap a Little More Accessible
Bootstrap and Color Accessibility Like many front-end developers, I work with Bootstrap often. Sometimes I might need it for a quick proof of concept. Other times I may inherit a larger project which...
View ArticleClik here to view.
How to Test Your Site Locally with Modern.IE
This article was sponsored by Modern.IE. Thanks for supporting the sponsors that make SitePoint possible! There’s no shortage of front end tools to help us test the quality of our code. Some examples...
View ArticleClik here to view.
Neuro Web Design: How to Make Webs and Influence People
In the first part of this short series about Neuro Web Design, we saw how our decision-making behavior is governed by unconscious processing and how our experience is driven by external factors such as...
View Article10 Remarkable Website Typography Designs
Just a few years ago if you used the font Proxima Nova on your website, other designers would marvel at how awesome your “typography” was. It didn’t matter how you actually used the type on your site –...
View ArticleClik here to view.
Designers Must-Reads #2: Web Designer’s Success Guide
Following on from my last review of Steve Krug’s excellent Don’t Make Me Think, today I’m going to be taking a look at Kevin Airgid’s Web Designer’s Success Guide: how to profit from freelance web...
View ArticleClik here to view.
Website Personalization: Shouldn’t Sites be Smarter?
As we all know, the web industry is moving fast. We started with static websites that always look the same and are designed for people sitting in front of a desktop computer. Then we moved to mobile...
View ArticleClik here to view.
Gestalt Principles and the Psychology of Design
The word “gestalt” gets thrown around a lot in design. Taken from the German word for “form” or “shape,” it often refers to the overall look of something that is greater than the sum of its parts. In...
View ArticleOn Our Radar: Walkthroughs, Black Boxes and a Sordid Legacy
Create better walkthroughs and Apple designer lessons Creating walkthroughs can be challenging at times, so here's some help to write better walkthroughs for your product using a the 3x3 method. It's...
View ArticleClik here to view.
Trends 2014: The Rise of the Ghost Button
The first half of 2014 has come and gone, but it leaves us with a handful of new design trends which will likely come to characterize the whole year. Among these 2014 signatures, the rise of the so...
View ArticleClik here to view.
5 Impressive Photography Styles and How to Nail Them
Lobagola - http://www.lobagola.com/ Lunet Eyewear - http://luneteyewear.com/ Le Col de Claudine - http://www.lecoldeclaudine.com/fr Vintage Action:...
View ArticleClik here to view.
Danger of the Accidental Click (and other UX issues)
When designing your application, website or form UI, one of the things you will think about is placement of various commands and buttons. This might be menu items, a toolbar, some buttons, text links,...
View ArticleThe Long Road to Google’s Material Design
It was pretty awesome to have a car in the 70's and 80’s. If you had a cool uncle or cousin, he might have owned a Chrysler with faux woodgrain panelling. Back in the early part of the century genuine...
View ArticleUsing Data Journalism to Generate Content Ideas
Strictly speaking, data journalism is about telling stories with numbers. But let’s use a wider definition in this article, as for me the data used to tell a story can take many faces, including mere...
View ArticleClik here to view.
Challenge: Re-Imagining the Hamburger Icon
The navicon, most of us are familiar with it, have seen it countless of times and have even tapped it more than once on our mobile devices. You might even know it by its various names. The three line...
View ArticlePrototyping Tools: Moving from Fireworks to Illustrator
I’ve always used Fireworks for prototyping. I found it simpler and more efficient for this job, while also more oriented to web graphics than its 'competitor' Photoshop. Fireworks has also a strong...
View Article
