Haley Steele

297 Flips | 4 Magazines | 11 Likes | 16 Following | 7 Followers | @haleysteele | Keep up with Haley Steele on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Haley Steele”

Microsoft Excel: Create A “Heat Map” in Excel Using Conditional Formatting

It’s Easier Than You Think…And It’s Compelling!<p>Overview<p>I’m working on a data analytics presentation using a dataset of the Dow Jones Index DAILY …

Introducing AWS AppSync – Build data-driven apps with real-time and off-line capabilities | Amazon Web Services

In this day and age, it is almost impossible to do without our mobile devices and the applications that help make our lives easier. As our dependency …

Learn CSS Grid in 5 Minutes

A quick introductions to the future of website layouts.Grid layouts are fundamental to the design of websites, and the CSS Grid module is the most …

How to be a Design Usability Champ

Here are some helpful tips on how to measure and present usability, and (more importantly) improve your UX process!<br>UsabilityWhether you’re in the …

Find The Best Colour Scheme For Your Website With This Guide

You have <i>millions</i> of colours to choose from for your website, which makes choosing a colour scheme an overwhelming decision. Smashing Magazine's guide …

Graphic Design

Understanding how Design Thinking, Lean and Agile Work Together

The ideas of Agile are great. It’s the way it has been codified into rituals and certifications, and rolled out mindlessly that misses the point.When …

I Tried the Pioneer Woman's Best Tomato Soup Ever Recipe and I'll Never Do Store-Bought Again

One of my ultimate cozy dinner indulgences is definitely a bowl of piping-hot tomato soup accompanied by a grilled cheese. Depending on how ambitious I felt, I used to satisfy my cravings by whipping up a delicious but slightly labor-intensive Ina Garten recipe (which requires chopping four pounds …

The Key to Building Large JavaScript Apps: The Modlet Workflow

You're a developer working on a "large JavaScript application" and you've noticed some issues on your project. New team members struggle to find …

Golden Rules of Great UI Design

Regardless of the intended device and medium (website, mobile app, game console, ATM, etc.) interface is a crucial part of success, as it can make or …

UI Design

A Quick Introduction to Functional Javascript

<b>Functional programming</b> is one of the hottest trends right now and there’s a lot of good arguments about why one might want to utilize it in their …

JavaScript

What is Visual Hierarchy?

Visual Hierarchy: Organizing content to follow natural eye movement patterns<p>Let’s look at a topic that deals with, oddly enough, how we look at …

What is JSON? JavaScript Object Notation explained

JavaScript Object Notation is a schema-less, text-based representation of structured data that is based on key-value pairs and ordered lists. …

How to Write Smarter User Stories for Product Design and Development

Most of you probably have some tried-and-true best practices that you lean on to formulate requirements and articulate what needs to be done. In many …

Google launches a new certification program for mobile web developers

Google today launched a new certification program for mobile web developers. As the name implies, the Mobile Web Specialist Certification is meant to help developers show off their mobile web development skills, no matter how they learned them. The program joins Google’s existing certification …

It's official: Users navigate flat UI designs 22 per cent slower

Put in some chrome and shadeThe mania for "flat" user interfaces is costing publishers and ecommerce sites billions in lost revenue.…

Heatmap Visualizations from Signifier Eyetracking Experiment

<b>Summary:</b> These heatmaps are the results from a study on the effect of signifiers on user gaze patterns.<p>The experiment was conducted using stimulus …

Barnes & Noble

A framework for creating a predictable & harmonious spacing system for faster design-dev handoff

<i>Enabling design & development teams to use spacing deliberately for improved readability and consistency in product</i><p>I recently worked on defining the …

Visual Design

Download Free User Experience Templates To Use

I teach at General Assembly in Seattle as a Part Time UX Instructor. One task that pained me early on while teaching was watching students scour the …

Image Optimization in Advanced Web Development

Web-quality imagery is always a balancing act between using the smallest possible file size while providing good image quality. Embedding a photo …

Software development is broken and low-code is here to fix it

Little-known but currently thriving, low-code development is a technology taking off in the booming mobile market, according to the CEO of OutSystems.<p>…

Enterprise UX personas - on strategic models and design mistakes

I’ve been simmering on meaty pressos from Enterprise UX 2017 ever since I left San Fran. One keeper: Robert Reimann‘s session on Taming Design …

UX Design

Ad Layout and Design Strategies

David Ogilvy's 5-Step Ad Design Formula<p>Ads and sales fliers are common desktop-published documents. Whether designing ads for clients or for your own …

Graphic Design

4 Most Innovative Web Design Trends That Will Set You Apart

Web design has become one of the most popular — and lucrative — creative outlets of the 21st century.The rapidly-growing digital world has allowed …

The Little Details and Why They Matter to Your Users

If you’re anything like me, you probably have a cupboard in your house dedicated entirely to coffee mugs…<p>Despite there only being 2 adults in my …

UX Design

Hybrid Mobile Apps are Overtaking Native

I typically encounter two types of hybrid app dissenters: those that haven’t tried the approach yet or those that did several years ago. Regardless …

Command-line

CSSReference.io is a gorgeous visual guide to CSS

The best way to learn CSS is through trial-and-error. <i>You’ve got to write code in order to learn to be a coder</i>. That’s the simple truth of the matter. But it’s always nice to have a helping hand guide you through the often confusing and contradictory technology used to style and illustrate webpages, …

How business intelligence can help non-techies use data analytics

<i>Credit: Andy Lamb</i>This isn’t just about taking metrics and putting them on a dashboard, color-coding thresholds and showing trend lines — although that certainly helps. Visualization is also about understanding why you need to analyze your data and act on it in the first place and creating …

Adding animations to your React app with React Transition Group

Adding functional animations to your app can be a great way to enhance its user experience. When used correctly, animation can help guide the user's …

JavaScript

10 new web design tools for June

This month Brad Frost unveils his guide to making a successful style guide, presentation tool LiveSlides is getting a lot of attention, and Google …

Objective-C Basics for React

You found out that React is more than a Framework and you now can use your React skills to do stuff like VR and mobile development. So did your first …

Programming