13 Noteworthy Points from Google’s JavaScript Style Guide

For anyone who isn’t already familiar with it, Google puts out a style guide for writing JavaScript that lays out (what Google believes to be) the best stylistic practices for writing clean, understandable code. These are not hard and fast rules for writing valid JavaScript, only proscriptions for maintaining consistent and appealing style choices throughout…

Brilliant User Interface Animations

Animated interface elements reveal the process and functionality of a UI much better than static text. They enhance user experience and help guide user flow. Like any other element of good design, UI animations should have a purpose. They should be functional without being overly flashy.  Note  If you’re on a slow connection, give a…

REM Calculator!

/*global jQuery */ (function( $ ) { var result = $(‘#result’); var base = $(‘#base’); var list = $(‘#list’); $(‘#calc’).click(function() { var baseVal = base.val(); var px = list.val().split(‘,’); var html = []; $.each(px, function(i, v) { var px = parseInt(v); var rem = parseFloat((px / parseInt(baseVal, 10)).toPrecision(4)); var isBase = (rem === 1) ?…

What’s the difference between UX and UI design?

Let’s start! First off, let’s answer the question: What exactly are UI design and UX design, and what is the difference between the two? Simply put, UI is how things look, UX is how things work. UX is a process, while UI is a deliverable. Let’s elaborate further… User Interface Design UI is a combination…

Good to great UI animation tips

Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show continuity between states, denote a relationship between shared elements, and call the user’s attention to something they should notice and act upon….

Brilliant Slider Animations For UI Inspiration

Sliders are the most commonly-used UI element, after buttons. From lock screens and image galleries to volume controls and app selections, we use sliders to navigate our way through different interfaces everyday. An effectively implemented slider enhances the user experience and makes the interface more engaging, dynamic, and memorable.  Note  If you’re on a slow…

Why Google’s “Smart Reply” Is So Annoying

  I opened my Gmail account this morning and my emails started writing themselves. As I typed just a few words the next words appeared before I even thought of them. The screen told me I could hit tab and there they would be, like graven type, ready to send. That they weren’t the right…