Hanzo Chin

256 Flips | 3 Magazines | 30 Likes | 4 Following | 12 Followers | @hanzoz | Keep up with Hanzo Chin 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 “Hanzo Chin”

Combining the Powers of SEM and BIO for Improving CSS

CSS is easy, some might argue, but that "easiness" can cause messy code. This is especially true through power of preprocessors like Sass or Less …

Awesome UX/UI Tools You Should Consider Using in 2018

Content may still be king when it comes to website or app design. It’s still necessary to provide visitors with the means to meet the objectives they …

Prototypes

Container-Adapting Tabs With “More” Button

Or the priority navigation pattern, or progressively collapsing navigation menu. We can name it in at least three ways.There are multipleUXsolutions …

Cross-Browser JavaScript Scrollbar Detection

I recently contributed a fix to the bootstrap framework that detects on-screen scrollbars to determine whether or not the body should be padded when …

A Sliding Nightmare: Understanding the Range Input

You may have already seen a bunch of tutorials on how to style the range input. While this is another article on that topic, it's not about how to …

Web Development

7 Ways To Define A Component Template in Vue.js

There's plenty of choice when it comes to defining component templates in Vue. By my count there are at least seven different ways:<p>String<br>• Template …

Interaction Design & UI/UX: inTheaters. Mobile App

We are taking a look at this mobile app concept called: inTheaters, designed by Arthur Galustyan. This is a combination of interaction design and …

UI Animation: Eye-Pleasing, Problem-Solving.

Animation applied in user interfaces is the topic drawing high attention and provoking hot debates nowadays. Although there is a big army of those …

UI Design

Vue.js 2.3 CheatSheet

JavaScript

Things I’ve Learned About CSS Grid Layout

<i>The following is a guest post by Oliver Williams. Oliver has been working with CSS grid layout and has learned quite a bit along the way. In this</i> …

CSS

Google is making it easier for anyone to design beautiful apps

New collaboration tools for designers embrace the Material Design philosophy<p>Google is launching a new suite of tools meant to make it easier for designers and app makers to collaborate. It’s partially an expansion of Google’s Material Design efforts, which launched two years ago as a way to rethink …

The truth about SEO and ‘free’ traffic from Google

When presented with the option of pay-per-click advertising vs search engine optimization (SEO), almost everyone I speak with opts for the latter. …

9 More Essential Plugins for Android Studio

Last year I wrote an article on the top plugins for Android Studio, and it has been popular! With the release of Android Studio 2+ I thought it was …

Does your website suck on mobile? Find out using Google's free new tool

Just type a homepage URL into Google's new testing tool to find out how easy the site is to use on mobile.<p>Google has rolled out a new free online …

The 14 Best Data Visualization Tools

<i>Nishith Sharma is the co-founder of frrole, a social intelligence startup.</i><p>Raw data is boring and it’s difficult to make sense of it in its natural form. Add visualization to it and you get something that everybody can easily digest. Not only you can make sense of it faster, but you can also observe …

Data Visualization

Google just open sourced something called ‘Parsey McParseface,’ and it could change AI forever

As much as we love to fawn over artificial intelligence (AI), it’s still not great at recognizing and parsing natural language. That’s why Google is open sourcing its new language parsing model for English, which it calls ‘Parsey McParseface.’<p>Before you even ask, the name doesn’t mean anything. …

Artificial Intelligence

Google's VirusTotal can tell if your firmware is infected

BIOS firmware is the root of your electronic devices, dictating communication between a computer's hardware and operating system from the boot-up process. It's an insulated layer in most devices, and organizations including the National Security Agency have focused on infecting firmware because …

Is adaptive better than responsive design?

If you have been remotely listening to the Web design conversation in the past five years, one phrase keeps coming up – responsive Web design. By now, you are probably designing every one of your site outlines with a responsive framework.<p>But some of the talk is shifting to adaptive Web design. The …

6 Web Design Trends You Must Know for 2015 & 2016

Who can forget the GIFs of the ‘90s, or the more up-to-date focus on flat design?<p>Recently, we’ve seen a surge in popularity of responsive web design, …

The Age of Information Architecture

The fourth edition of the polar bear book hit me like a brick. It’s not that I didn’t see it coming. I simply failed to anticipate its emotional …

Temp tech tattoos can monitor your health and location

Chaotic Moon, a start-up known for conjuring fun projects like a shark-punching virtual game, has a wide range of applications in mind for the temporary tattoo technology it's developing. Called "Tech Tats," they're quite literally stick-on tattoos that look a bit embossed against the skin, since …

The importance of Minimum Viable Product (MVP) for startups

When planning for development for your startup, how are you going to prioritise your development? Do it with the intent to build a MVP. A Minimum …

Product Management

20 Snippets for Things You Never Thought were Possible with CSS

Web developers are always curious to learn about the newest techniques for building websites. CSS3 has been a major turning point for frontend …

CSS

How To Reduce Friction With Good Design

Anders Toxboe, designer for Bonnier Interactive, cites motivation as the force that opposes friction in the realm of interaction design. A properly motivated user will be willing to withstand more friction and still have a positive experience. A poorly motivated user will, on the other hand, give …

UX Design

Why Do Designers Think No One Knows How To Scroll?

It’s time to stop treating users like morons with broken trackpads. Cramming all your content above-the-fold is bad design.<p>Adopting the lingo of the old newspaper days, we say that something is ‘above the fold’ in the digital age if you can see it when a webpage loads without scrolling. …

UI Design