Efficiently Simplifying Navigation, Part 2: Navigation Systems | Smashing Magazine

Amir HameedTechnology, Tutorial Leave a Comment

How do we make navigation as simple and predictable as possible? As explained in part 1 of this series, the first two steps are to structure content in a way that naturally narrows the navigation options, and to explain those options in a way that minimizes the cognitive load on users. via Efficiently Simplifying Navigation, Part 2: Navigation Systems | …

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw | Smashing Magazine

Amir HameedTechnology Leave a Comment

To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many of them faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form …

CSS-Driven Internationalization In JavaScript | Smashing Magazine

Amir HameedTechnology Leave a Comment

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 …

Faster UI Animations With Velocity.js | Smashing Magazine

Amir HameedTechnology Leave a Comment

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. via Faster UI Animations With Velocity.js | Smashing Magazine.

Love Generating SVG With JavaScript? Move It To The Server! | Smashing Magazine

Amir HameedTechnology, Tutorial Leave a Comment

I hope that by now, in 2014, there is no need to explain why SVG is a blessing to developers who want to ensure that their graphics look sharp on all devices, especially with their huge diversity of resolutions. Speaking of server, if you are experiencing server problems, you may refer to this IT service provider at https://www.onpage.com/ via Love …

Emmet’s hidden power features | Jordan Moore — UX, Interaction and Responsive Web Design

Amir HameedTechnology Leave a Comment

Emmet (formerly known as Zen Coding) is a plugin for text editors helping you create CSS and HTML faster by using abbreviations to write common values saving ridiculous amounts of time along the way. There are heaps of really useful features alongside Emmet’s primary text-expanding function. Here are a few of the hidden gems that I frequently use when coding1. …

sokolovstas/SublimeWebInspector – Github

Amir HameedTechnology Leave a Comment

Sublime Web Inspector works on top of WebInspectorProtocol. All information is displayed in console and text files. You can click on objects from console or stack trace to evaluate them. You can also click on a file name to goto the file and line instantly. All clickable zones have borders to simply vizualize them. via sokolovstas/SublimeWebInspector.