It’s Not UX vs. UI, It’s UX & UI

Chris Bank  •  Design, UX Design  •  November 12, 2014
It’s Not UX vs. UI, It’s UX & UI

How differentiating the two will improve them both Chris Bank of UXPin — the wireframing & prototyping app — compares and contrasts web UI and UX, explains why we sometimes default to building a UI, and how UI shapes UX. For analysis of examples from over 33 companies, feel free to check out Web UI Best Practices. The web user experience (UX) is the abstract feeling...

Online Courses and Resources where Anyone can Learn to Code

Carrie Cousins  •  Coding  •  November 10, 2014
Online Courses and Resources where Anyone can Learn to Code

We are in the midst of a digital era of design. From websites to apps to wearables, understanding how digital design is written and comes together is increasingly important. That’s where learning and understanding code comes in. Your don’t have to be a star programmer, but every designer should have some basic knowledge of HTML and more to understand how the design will be...

20 Most Rockin’ Behance Web Design & UI Case Studies

Ruaridh Currie  •  Inspiration  •  November 7, 2014
20 Most Rockin’ Behance Web Design & UI Case Studies

Behance: As designers we love it; it’s become entrenched in my daily online routine just as much, if not more than, Facebook, Twitter or Instagram. I’ve been a member since 2011 and recently gained over 1,000 appreciations, which meant more to me than follows/likes on any other network. Individual pieces of work (case studies) have come a long way since the humble...

How to Create Off-Canvas Sliding Navigation Menu

Sam Norton  •  HTML, jQuery, Tutorials  •  November 6, 2014
How to Create Off-Canvas Sliding Navigation Menu

Off-Canvas Navigation has been on the web for quite some time and is widely used on different types of websites to provide better user experience primarily for mobile device users. It’s a trendy sidebar design that is attractive to website visitors, giving users easy access to the menus of a website. What is Off-Canvas Navigation? Off-canvas navigation is used mostly on...

User Experience and Credit Card Payment Forms

Armen Ghazarian  •  Design, UX Design, Website Design  •  November 3, 2014
User Experience and Credit Card Payment Forms

Everybody loves shopping, until you get to the checkout and have to swipe your credit card. This is not the most pleasurable part of shopping, is it? And when you add in the painful user experience of payment forms, you will get either a distressed customer or a user that eventually fails to convert. The importance of a good credit card payment form is huge. There is a whole...

Six of the Best Backup Plugins for WordPress

Agbonghama Collins  •  Plugins, WordPress  •  October 31, 2014
Six of the Best Backup Plugins for WordPress

Websites get hacked every day. Our passwords are rarely as strong as we think. Sometimes we (or our clients) delete the wrong file or make a change that breaks something. How about waking up one morning only to discover your website was hacked; or worse still, your web host accidentally deleted your website. Since a backup isn’t available, it means you will have to...

Collection of Free Page-Loading Effects (Tiny User-Friendly Animations)

Nataly Birch  •  Resources, Scripts  •  October 29, 2014
Collection of Free Page-Loading Effects (Tiny User-Friendly Animations)

The golden rule of creating great web-based projects that provide online audiences with good user experiences is to not let them wait. It seems like a really simple task, however it just sounds so. Completely upload your content-intensive website that is populated with high-quality, heavy multimedia data in the blink of an eye is simply impossible due to imperfections inherent...

How to Create a School-Themed Vector Pack in Adobe Illustrator

Andrei Ștefan  •  Adobe Illustrator, Tutorials  •  October 27, 2014
How to Create a School-Themed Vector Pack in Adobe Illustrator

Learning something new is not just for the kids; it can be for teachers and educators, too. That especially applies when it comes to creating images for use in class projects or for a school webpage. Luckily for you, we have a new tutorial that will teach you how to create a nice minimalistic school-themed vector pack in Adobe Illustrator. So let’s start learning! Step 1:...

Lose Fear of the Command Line

Tobias Günther  •  Coding  •  October 23, 2014
Lose Fear of the Command Line

For the non-technical people among us, evil has a name: The “command line.” Or, in fact, many names: CLI, Terminal, bash, shell … When I prepared my free online book “Learn Version Control with Git,” I was surprised to hear how many people were afraid of the command line. In reality, there’s really nothing to fear because once you know a...

Make the Most of Your Design with a Hero Header

Carrie Cousins  •  Design, Website Design  •  October 21, 2014
Make the Most of Your Design with a Hero Header

One of the biggest trends in web design right now is the use of big images. And not just large, but completely oversized images that seem to come to life on screen. When used at the top of a page, this is often referred to as a hero header. How can you take advantage of the trend? What tools do you need to get started? Here, we’ll look at hero headers, tips for using them...