Jaehyuc Song

112 Flips | 6 Magazines | 4 Likes | 1 Following | 1 Follower | @dknymall | Keep up with Jaehyuc Song 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 “Jaehyuc Song”

Building a Serverless CMS Powered by Vue.js

Vue.js, a progressive framework for building user interfaces, is gaining in popularity among developers. But why yet another JavaScript framework? …

JavaScript Modules: A Beginner’s Guide

If you’re a newcomer to JavaScript, jargon like “module bundlers vs. module loaders,” “Webpack vs. Browserify” and “AMD vs. CommonJS” can quickly …

My Favorite Front-End Development Extensions for Visual Studio Code

Visual Studio Code is one of the newest kids on the IDE “block” and it’s making a lot of noise. It’s taken a little while to gain traction, perhaps …

How to use SVG as a Placeholder, and Other Image Loading Techniques

I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is …

The 20 Best Visual Studio Code Extensions for Front End Developers

Great tooling can help developers write faster, cleaner, and more consistent code. A few months ago, I asked front end developers here at Shopify …

Hardware accelerating parallax background images with Skrollr

I’ve been using skrollr on quite a few projects both for its ease of use and ease of implementation. Considering the over 12K stars on github, it’s …

10 best new web design tools for October 2016

These days many of us are working on sites that involve a complex tangle of dependencies; if that’s you, this month there are a few tools that might …

Motion Blur Experiment

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 …

40 CSS Libraries, Frameworks and Tools from 2016

With all of the changes and rapid advancements CSS has gone through the last few years, we should not be surprised at the huge volume of free …

10 best new web design tools in July

If the existing tools for pattern libraries aren't quite right for you, this month there are two new ones that might be a better fit for your needs. …

Full Width Containers in Limited Width Parents

I bookmarked a tweet a few months ago, as it was a bonafide CSS trick and that's what we love around here.The issue is: <b>how do we make a</b> …

Web Development

27 Free Stock Video Sources For Your Homepage Background

Looping video background on the front page is quickly becoming popular. With top sites like Airbnb, PayPal following the trend; demand for looped and …

Videography

Free download: 49 promo backdrops and gradients

Created by LA-based designer, Vladimir Kudinov, <i>Hue</i> is a collection of 49 backdrops and gradients that lend atmosphere to layouts and product …

Redesign concepts for popular websites #3 – Muzli - Design Inspiration

<b>Dropbox Redesign — </b>by Naoshad<p>Practice work! Tried to keep it super simple. Real page layout is attached.<p><b>Paypal Redesign — by</b> <b>Nickolay Yukhnov</b><p>Hey there!<p>…

Material Design

Pinterest Redesign

Minimalist concept #vscocam Check out the 8 screens flow attached. When user presses on the filter icon, the navbar goes from red to gray. Once a …

Full Featured Mobile HTML Framework For Building iOS & Android Apps

Framework7 - is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and feel. It is …

Flexbox Patterns

ipestov.com

Free Photoshop Tools For Web Designers

Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. Sent 2× a month.<br>You can unsubscribe any …

Tutorials

15 New CSS Tools for Web Designers

CSS is basically a programming language that assists you in creating websites or apps in an efficient way. Now most of the developers are using this …

Image Mask, Blending Mode, Grid Offsetting

3 hot trends in web design you should be aware of<p>via Muzli design inspiration<p>1. Image Mask<p>*Playing around with layers of images<p>2. Blending …

TETHR

The world's most powerful product design platform<p>Get high-fidelity in minutes. Upload your design files and transform your static screens into …

Mixins for Rem Font Sizing | CSS-Tricks

The rem font-size unit is similar to em, only instead of cascading it's always relative to the root (html) element (more information). This has …

Typography

Sites with High Quality Photos You Can Use for Free | CSS-Tricks

By Chris Coyier On May 9, 2015<p>I've been keeping a list like this around for a while, and the CSS-Tricks Staff just added a bunch of new links to it, …

Coolors

[무료] 전문가처럼 화려한 장면 만들어 주는 Iso. Art Scene Generator

웹 서핑을 하다보면 가끔씩 접할 수 있는 크리에이티브 작가나 디자이너의 포트폴리오 사이트의 예술적 감성이 돋보이는 백그라운드나 랜딩 페이지 이미지를 이제는 누구나 쉽고 간단하게 입맛대로 만들 수 있다. 이 글에서 공유하는 ISO, Art Scene Generator …

20 Fresh Tools and Resources for Web Designers

If you’re a web designer, there is an abundance of free tools available which you may not know about. New web-based apps are launched every single …

Web Design

AniJS, A Library to Raise your Web Design without Coding

At a glance<p>Handle CSS3 Animations<p>If click, On Square, Do flipInY animation To Container Boxes,<p>Build UI Components<p>More!!!<p>Would you like to try …