Asuka

31 Flips | 3 Magazines | 17 Likes | 2 Following | 1 Follower | @mraskacheung | Keep up with Asuka 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 “Asuka”

How To Use Shadows And Blur Effects In Modern UI Design

When you examine the most successful interaction designs of recent years, the clear winners are those who provide an excellent functionality. While …

UI Design

“Hacking” Principle: 9 things you thought you couldn’t do

Principle has gone from being the new kid on the block to the go-to tool for animation-heavy prototyping. We believe the key to its success is that …

We Categorized More Than 500 User Onboarding Experiences Into 8 UI / UX Patterns For You to Use

User onboarding is a once in a user’s lifecycle experience that—when done well—bridges a delicate journey between your sign up page and your user’s …

Product Management

Steve Jobs and the Rediscovery of Zen

Five years ago, on October 5, 2011, Apple co-founder Steve Jobs lost his battle with cancer. Among the millions mourning the death of this unique …

The Golden Rules Of Bottom Navigation Design

Design is more than just good looks – something all designers should know. Design also covers how users <i>engage</i> with a product. Whether it's a site or …

Facebook tests Snapchat-style camera special effects with ephemeral sharing

Facebook is overhauling its in-app camera to embrace the next era of augmented reality visual communication pioneered by Snapchat. The new features include Snapchat-style animated selfie masks, overlaid graphics, and geofilters; Prisma-esque fine art-themed style transfer filters; and some …

Facebook activates Paris safety check following terror attacks

<b>UPDATED 6 p.m. PT</b><p>Facebook activated its "safety check" feature in the wake of the terror attacks in Paris on Friday.<p>The feature, which has previously …

Overlay JavaScript CSS Signup Form

An Awesome Library of Material Design Icons Get your hands on this awesome icons pack and get access to over 6000 Material Design icons, the pac...<p>An …

Stylish Social Buttons

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.<p>↑ Insert the most common viewport …

Mouse Touch Events Normalizing JavaScript Library

Pointer.js is a JavaScript library created by Mozilla that normalizes mouse and touch events into pointer events. It is especially useful for mobile …

11 JavaScript Libraries for Your Development Toolbox

If you are in web development or web design, you can never have too many fonts, images, or JavaScript libraries. No matter how many you have, you are …

Error. Page cannot be displayed. Please contact your service provider for more details. (30)

ISPs

Creating a Collection of CSS3 Animated Pre-loaders

Pre-loaders are a common sight in modern web design. As users we expect the web to be fast and fluid - we don’t like waiting for things. Pre-loaders …

Basics of CSS Blend Modes | CSS-Tricks

By Chris Coyier On February 28, 2014<p>Bennett Feely has been doing a good job of showing people the glory of CSS blend modes. There are lots of …

Quick Tip: How to Use HTML5 “picture” for Responsive Images

Images are notoriously one of the most challenging aspects of responsive web design. Today we'll look at how the <picture> element, a solution to the …

(Ab)using CSS3's :nth-child selector to invent new ones

<i>If you find this interesting, read more about CSS Selectors Level 4 which will offer you even more tools for stylesheet development.</i>CSS3’s :nth-child …

Siblings

A collection of CSS3 powered hover effects

Fork me on GitHub<p>Hover.css v2<p>A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. …

An exploration in Material Design

By Arthur Bodolec, Design co-founder at feedly<p>Google recently launched Android Lollipop which introduces some major changes and a new visual language …

Material Design Resources For Web Designer And Web Developer

In this post, we have collected a huge of Google Material Design resources including framework, icons, GUI kits, fonts … for your next design project …

15 UI Animation Tutorials

A new trend that has appeared in the past year is sharing animated GIFs of user interfaces that use awesome animations. They have become a very …

GIF Animations

250+ jQuery & CSS3 Hover Effects (Plugins & Tutorials)

jQuery and CSS3 made a big difference in the webdesign industry. Lot of new features added to make dynamic websites. Hover effects are often used in …

Improve the payment experience with animations

Behind the scenes of Stripe Checkout<p>It’s easy to see how designing forms can be seen as a chore that detracts from the time that could be spent on …

UI Design

The 12 Best Free Photoshop Plugins for Designers

While Adobe Photoshop is a powerful, creative platform, using plugins can help to extend its capabilities and use it to its full potential. Using an …

Designing for Large Screen Smartphones

As smartphones continue to get larger but our hands don’t, what kinds of design solutions can ensure mobile interactions remain comfortable, quick, …

IxD Checklist

Form a better understanding of interaction through using the IxD Checklist by Amit Jakhu and Aaron Legaspi from Myplanet.

Chinese Mobile App UI Trends

<b>TRANSLATIONS:</b> 中文 (UI.cn) | 中文 (CSDN) | 한국어 | ру́сский язы́кThis summer, I packed up all my things and moved from San Francisco to Guangzhou, China …

UX Dilemma

When it comes to calls to action, ‘button color’ is one of the classic metrics to A/B test. It’s also a hot discussion topic on design forums, if …

Angel Could Return As One Of The Four Horsemen In 'X-Men: Apocalypse'

The teaser at the end of "X-Men: Days of Future Past" not only set up the villain for "X-Men: Apocalypse," but also his acolytes, the Four …