Sean Locklin

309 Flips | 3 Magazines | 5 Likes | 3 Followers | @seanlocklin5 | Keep up with Sean Locklin 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 “Sean Locklin”

How to use colors in UI Design

Color does not add a pleasant quality to design — it reinforces it. <br>Pierre Bonnard<p>60% is your dominant hue, 30% is secondary color and 10% is for …

UI Interactions of the week #58 – Muzli -Design Inspiration

Color in UI Design: A (Practical) Framework

Being pretty self-taught as far as UI design goes, I’ve always wondered why so many articles and books talk about color theory and palettes. In my …

Tutorials

Color trend 2016/2017 – Muzli -Design Inspiration

Trends

How Designers Should Think About SVG

The stunning things you’ll create with SVG, how it differs from other graphics, and why exporting requires new considerations.<p>While preparing my new …

Styled-Components: Enforcing Best Practices In Component-Based Systems

Building user interfaces on the web is hard, because the web and, thus, CSS were inherently made for documents. Some smart developers invented …

JavaScript

Best Practices for Long Scrolling

<i>The days of “above the fold” are over.</i> Long scrolling and infinitely scrolling sites are becoming more and more common lately, and it’s no mere trend …

UI Design

A Search Engine for Programming Language Syntax Is a Pretty Good Idea

Coding very often means Googling.<p>The current search engine for programming language syntax is Google. Knowing how to search for information is a key skill in knowing how to program at all. You can know all of the algorithms and a half-dozen programming languages inside-out, but you will nonetheless …

Spotify appears to be testing a new Material Design-inspired UI w/ full-screen album art

Spotify’s app for Android has changed quite a bit over the past few months, most recently by introducing a new bottom-bar oriented UI. However, it seems that Spotify isn’t done quite yet, as some users are currently reporting a new ‘now playing’ interface on their Android devices.<p>According to …

Album Art

8 free apps for picking a colour scheme

As a visual creative, colour is one of the most important tools at your disposal. But how do you go about creating the perfect colour scheme for your …

Graphic Design

Exporting design assets for web - File types & optimization

Code contest: how to horizontally and vertically center that div?

I mainly use two methods for centering elements, one is the <i>right</i> way while the other one is a hack. Here are the two methods:<p>Sample markup:<p><b>1. Using</b> …

Design

This is Apple’s click wheel iPhone prototype

Images and video show what appear to be an early version of iOS based on the iPod’s design<p>We’ve known for years that Apple considered a number of different approaches when creating the original iPhone and iOS, but before today, we’ve not had a really good look at any of these early, discarded …

Create an Animated Favicon Loader with JavaScript

<b>Favicons</b> are a crucial part of online branding, they <b>give a visual cue</b> to users, and help them <b>distinguish your site</b> from others. Although most …

Web Development

Form – Free Font for Download

Form, a free font designed by Wassim Awadallah.Wassim Awadallah, a Beirut, Lebanon based graphic designer has created the Form typeface, a free font …

Typography

How we went about creating Input UI Elements for our Chatbot Platform

Chatbots, as they exist today, do not have much capability to understand natural human language. And this is one of the main reasons why most of the …

Form Design for Complex Applications

13 ways to present forms and the future of data input<p>From complex ERP systems to Facebook, applications make meaning out of input. The form — in its …

The Best User Interface Upgrades of 2016

• Author: Liz Stinson. Liz Stinson Design<br>• Date of Publication: 12.26.16. 12.26.16<br>• Time of Publication: 7:00 am. 7:00 am<p>2016 saw designers from a variety …

Best Practices for Microinteractions

Microinteractions are subtle moments centered around accomplishing a single task. Almost all applications around us are filled in with …

Web design trends we can expect to see in 2017

It’s that time of year where we look at the year that was and the year that will be. We’ve seen a lot of amazing website designs this year, and I’m eager to see what 2017 has in store for website and website design.<p>2017 is sure to bring some amazing website designs, but if we look hard enough, we …

UI Design

The Year Dark Patterns Won

It’s not just a UX term. It’s a metaphor for the web, culture, and politics in 2016.<p>The definition of a dark pattern is simple: “a user interface that has been carefully crafted to trick users into doing things, such as buying insurance with their purchase or signing up for recurring bills.” As …

What You Should Know About CSS Variables

The time has finally come, CSS is about to become dynamic with the introduction of CSS variables. While the new technology is experimental, it’s very …

Mistakes Developers Make When Learning Design

The blank Photoshop document glows in front of you. You've been trying to design a website for an hour but it's going nowhere. <b>You feel defeated</b>. You …

Web Design

Intro to The 8-Point Grid System

As a designer you’ve probably heard the term <b>grid</b> whether you’re designing a website, a magazine, or a mobile app. We have grids for all sorts of …

What Skills Should You Master to Be An Excellent UX/UI Designer on Earth?

Design may come in various forms. It can be a physical product, a website or even a brand facade. Therefore, no matter in any era or industry, designe …

UX Design

The Current State of Adaptive Design

I dream of the day where I design an interface using systematic logic and never again have to push individual objects around different sized …

CSS Material Gooey Loader

• Source<br>• Dec 14, 2016<p>A loader made in CSS entertains the user while the page loads. It can be used in websites or mobile apps. The loader is lightweight …

CSS

JavaScript Clean Coding Best Practices - Node.js at Scale

<b>Writing clean code is what you must know and do in order to call yourself a professional developer.</b> There is no reasonable excuse for doing anything …

JavaScript

Information Is Money: 10 Best Web Design Blogs You Must Read

Why do some designer have creative ideas every day, others rack their brains but get none. All the successful designers are sharing one thing in …

[Exclusive] Draw in 3D with the ‘Mental Canvas’ Illustration App

The new app combines traditional illustration with 3D computer-aided design software.<p>There are apps like uMake that rather easily turn 2D sketching into useful 3D models for prototyping, but the new app Mental Canvas takes a different approach. It fuses the illustrator’s need for aesthetics and …