02 Oct 2015

Material with LESS

In this post we are going to create a dynamic style-sheet that can be altered to fit any web application project while keeping inline with Material standards. This project is a great way to familiarize yourself with Material design while creating a style-sheet that can be recycled over and over again to create unique looking designs by just changing a few lines of code.

read more
Share this
24 Sep 2015
10 Sep 2015

Getting Your Feet Wet with Angular Animations

Imagine you get into a car start the engine, touch the acceleration and go from 0 to 60 in the blink of an eye. You then take the wheel to turn right and instead of a smooth turn the car takes an immediate 90 degree turn.

This is how interface design feels without smooth transitions. It works, but it does not feel natural to the user. Animations can give your design the illusion of depth and lifelike motion, creating a more 3D space and giving the user the feeling of being inside the design.

read more
Share this
17 Nov 2014

Nesting SVG Charts From a Single Data Source with the Magic of D3JS Selections

Recently I was challenged with creating a series of nested pie-charts from a single set of data as a Proof of Concept for a client. A colleague suggested using the D3 javascript library and it has proven itself extremely useful for its ability to transform data into visual SVG elements with a minimum of coding. The real magic is in D3’s ‘selectAll’ method – as we will see!

read more
Share this
16 Jul 2014

CSS Filters – Current Implementation and usage

Given the wide variance in implementation and guaranteed support, CSS filters (and their cousins) are still a ways from being advisable for any key functionality of a site. That being said, caniuse.com currently lists browser support at almost 65% (includes partial support). With this in mind, CSS filters create some very interesting possibilities for Progressive Enhancement of carefully considered elements.

read more
Share this
28 May 2014
19 Feb 2014

A Quick Guide to Chrome's New Built-in Device Emulation

When you consider that over the past 5 years mobile devices have risen from 0.9% to over 15% of all internet traffic, it’s become increasingly important to make sure that there is at least a basic level of support for mobile users in anything you build. While there are new tools and technologies popping up daily to help make that easier, there are still an incredible number of challenges involved.

read more
Share this
29 Jan 2014
24 Apr 2012
24 Apr 2012

HTML5 Boilerplate: Making Web Development Easier

Today’s sites are infinitely more complex and I wonder how many pages could be filled writing a book that covers all aspects of modern web design and development – probably a few more than 350. In fact, we would need to add several new chapters – UX, SEO, HTML5, CSS3, frameworks, jQuery, CMS’s, browser compatibility and resets, grid systems, mobile/iPad/responsive design, and on and on!

read more
Share this

© 2017 RealEyes Media, LLC. All rights reserved.