How To Speed Up Your WordPress Website

A few months ago, I ran an experiment to see how much faster I could make one of my websites in less than two hours of work. After installing a handful of WordPress plugins and fixing a few simple errors, I had improved the website’s loading speed from 1.61 seconds to 583 milliseconds. That’s a 70.39% improvement, without having made any visual changes to the website.

How To Speed Up Your WordPress Website

According to a 2009 Akamai study, 47% of visitors expect a page to load in under 2 seconds, and 57% of visitors will abandon a page that takes more than 3 seconds to load. Since this study, no shortage of case studies have confirmed that loading time affects sales.

Read more...

What Is The Most Underrated Word In Web Design?

An "affordance" is a perceived signal or clue that an object may be used to perform a particular action. A chair sits at around knee height and appears to provide support. It affords sitting. A toothbrush has a handle a little longer than the human palm. It affords gripping.

What Is The Most Underrated Word In Web Design?

All of the objects that surround us have affordances: some are explicit (the “Push” sign above a door handle), and others are hidden (a chair could be used to break a window or used as a weapon). The term was first coined by psychologist James G. Gibson, then introduced to human-computer interaction by Donald Norman in his book The Psychology of Everyday Things, required reading for budding industrial and product designers everywhere.

Read more...
Advertisement Advertise with us!

CSS-Driven Internationalization In JavaScript

Writing front-end code often requires developers to address the problem of internationalization at some level. Despite the current standard, which introduces a bunch of new tags, simply adding support for different languages in a JavaScript plugin is still complicated. As a result, for any new project, you have to build a solution from scratch or adapt various existing APIs from other plugins that you use.

CSS-Driven Internationalization In JavaScript

In this article, I’ll describe my approach with better-dom to solve the internationalization problem. Since the last article about this, “Writing a Better JavaScript Library for the DOM,” I’ve revisited the concept to solve the issues raised through feedback.

Read more...

Take A Digital Health Check

Have you ever wondered how digitally healthy the organization where you work at really is? If you're a freelancer or work at an agency, well, have you thought about the health of your clients?

Take A Digital Health Check

I’m not talking about whether you have the latest mobile application or a responsive website. I’m talking about the organization that sits behind these digital tools. If the organization is not digitally healthy, then even the best technology and design will fail. As digital professionals, we like to complain that the organizations with which we work are a hindrance. But are they? Exactly how digitally-friendly are the companies we work for?

Read more...

Freebie: Ballicons 2 Icon Set (PNG, PSD, SVG)

The value of icons lies in their ability to support content in web design and communicate with users in more intuitive and effective ways. Most users are known to first scan a page for visually interesting content, and only after something grabs their attention will they actually begin reading. In short, icons are a simple, effective way to draw users into the content of your website.

Freebie: Ballicons 2 Icon Set (PNG, PSD, SVG)

Today's icon set consists of a passionate set of icons in two styles (flat and light gradient). The icons have been carefully designed by PixelBuddha and released exclusively for Smashing Magazine and its readers.

Read more...

Faster UI Animations With Velocity.js

From a motion design perspective, Facebook.com is phenomenally static. It's purposefully dumbed down for the broadest levels of compatibility and user comfort. Facebook’s iOS apps, on the other hand, are fluid. They prioritize the design of motion; they feel like living, breathing apps.

Faster UI Animations With Velocity.js

This article serves to demonstrate that this dichotomy does not need to exist; websites can benefit from the same level of interactive and performant motion design found on mobile apps. Before diving into examples, let's first address why motion design is so beneficial.

Read more...

A User In Total Control Is A Designer’s Nightmare

How do you balance the creative control you give to the users, the usability of the product they make with your tool and the flexibility of that tool? We designers have always had a problem of handing over creative control to the general population — the basic users. There are two reasons for this.

A User In Total Control Is A Designer's Nightmare

The first is obvious: We are the ones who are supposed to know the principles of design and usability. Some of us were born with this feeling of what feels and looks right, while other designers have learned it — at least good designers eventually have.

Read more...

↑ Back to top