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...
Advertisement Advertise with us!

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

Career Advice For Graduating Web Design Students

It’s that time of year again: graduation, when students transition away from the classroom to what will hopefully be a long and successful career in their chosen industry. I recently said goodbye to some of my own website design and development students. Instead of teaching lessons in design principles or responsive websites, I spent our final evening together answering their questions. One of those questions was, “What is the best career advice you’ve ever received?

Career Advice For Graduating Web Design Students

At the time, I didn’t have an answer. I could think of many instances when someone helped me solve a particularly complex design challenge or a complex CSS issue or helped me navigate a delicate client situation, but I wouldn’t consider those “best career advice” moments. After thinking about it for a week or so, I came up with four pieces of advice that I received early in my career and that were invaluable to me as I was getting started in this industry but that are just as relevant and useful to me today.

Read more...

Sassy Z-Index Management For Complex Layouts

Z-index is an inherently tricky thing, and maintaining z-index order in a complex layout is notoriously difficult. With different stacking orders and contexts, keeping track of them as their numbers increase can be hard — and once they start to spread across CSS files, forget about it! Because z-index can make or break a UI element’s visibility and usability, keeping your website’s UI in working order can be a delicate balance.

Sassy Z-Index Management For Complex Layouts

Because z-index is contextual, once you start using it, requiring it for other elements as well is easy. Finding z-index: 99999 rules scattered throughout a website is not uncommon, but the infamous 99999 was born of frustration. It’s an easy way to get an element just to be on top of everything else. But it’s not entirely scalable: What if you need to add something on top of that?

Read more...

↑ Back to top