Design Principles: Visual Weight And Direction – Smashing Magazine

Amir HameedDesign, Technology Leave a Comment

Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next. via Design Principles: Visual Weight And Direction – Smashing …

The 5 Most Common Mistakes in Design — The Year of the Looking Glass — Medium

Amir HameedGeneral, inspiration, Technology Leave a Comment

There’s no learning without mistakes. And I’ve done the following (as well as seen the following done) too many times to count. Luckily, there’s this thing called the “Internet” and this medium called an “article” that lets us point at and talk about these mistakes behind their backs, in the hopes that by bullying them into the spotlight, it’ll be …

How To Master Fireworks’ CSS Properties Panel And CSS Professionalzr – Smashing Magazine

Amir HameedTechnology, Tutorial Leave a Comment

Today, being a designer is about much more than drawing beautiful interfaces in Photoshop or Fireworks. To properly design a website or application, a UI designer must understand the technology with which their products will be built; therefore, they must have a minimum set of front-end development skills. The World Wide Web is not static. Quite the opposite: It’s responsive, …

“How to Make a Performance Budget” an article by Dan Mall

Amir HameedTechnology Leave a Comment

It all seems to have stemmed from Chris Coyier’s tweet, and I was coincidentally on stage at An Event Apart San Francisco talking about performance budgets at that very moment with Chris in the room. In response, Tim Kadlec posted Performance Budget Metrics, a great categorization schema for the different ways you can measure performance. I should mention: just about …

A Complete Guide to Flexbox | CSS-Tricks

Amir HameedTechnology, Tutorial Leave a Comment

The Flexbox Layout (Flexible Box) module (currently a W3C Candidate Recommendation) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word “flex”). The main idea behind the flex layout is to give the container the ability to alter its items’ …

Improved Android Emulation with Genymotion

Amir HameedTechnology Leave a Comment

If you have been developing Android apps for some time and have been using the default emulator, then you know how frustratingly slow it can be. Even on a powerful machine, it is manageable at best. The emulator is not only slow in booting up, but on all subsequent runs of your app. A solution to this was AndroVM which …

Sass vs. SCSS: which syntax is better?

Amir HameedTechnology Leave a Comment

Since the creation of Sass nearly 5 years ago, it has been plagued by many levels of controversy. It billed itself as “a better CSS” and added brand new features unheard of to CSS authors such as variables, nesting and mixins. Sass also introduced an entirely different indentation-oriented syntax and a brand new perspective on how to author CSS. via …

Sass Frameworks: Compass or Bourbon?

Amir HameedTechnology Leave a Comment

Once in a while, we see this question pop on Twitter, Reddit or StackOverflow. Pretty much anyone who has ever worked with Sass has at some point asked themselves which to choose: Compass or Bourbon? In case I’ve already lost some of you, Compass and Bourbon are frameworks for Sass. Sass, as you probably know, is a trendy CSS preprocessor, …