Homepage
Open in app
Sign in
Get started
Design & Code Repository
UX & UI design with code
design
code
story
all
Go home
Follow
Latest
Case study: web design focused on interaction design.
Case study: web design focused on interaction design.
Hello, codesigners. 😃 Today I would like to share the web design case study of an artist, Nam Sin Kwak,’s portfolio website.
nana Jeon
Sep 22, 2019
The story of editorial design for book ²/₂
The story of editorial design for book ²/₂
: The Art of Toy Story 4
nana Jeon
Jul 30, 2019
The story of editorial design for book ¹/₂
The story of editorial design for book ¹/₂
: Cookbook
nana Jeon
Jul 30, 2019
📚Web design reference
📚Web design reference
Collections updated 5 April 2019
nana Jeon
Apr 5, 2019
📚 List animation reference
📚 List animation reference
Collections updated 5 April 2019
nana Jeon
Apr 5, 2019
📚 Mouse cursor effects reference
📚 Mouse cursor effects reference
Updated: 27 Mar 2019
nana Jeon
Mar 26, 2019
CSS selectors cheatsheet & details
CSS selectors cheatsheet & details
📜 CSS selectors cheatsheet
nana Jeon
Feb 25, 2019
Cutup #8 Fluid Video
Cutup #8 Fluid Video
Today, I would like to talk about how to make a fluid video.
nana Jeon
Dec 17, 2018
Cutup #7 Box-sizing
Cutup #7 Box-sizing
Today, I would like to share with you about Box-sizing CSS property.
nana Jeon
Oct 29, 2018
What is a user agent
What is a user agent
A user agent is a computer program representing a person, for example, a browser in a Web context. -MDN
nana Jeon
Oct 28, 2018
Cutup #6 Breadcrumb bar with microdata
Cutup #6 Breadcrumb bar with microdata
Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.- Bootstrap
nana Jeon
Oct 8, 2018
Cutup #5 Icon with CSS /SVG sprite
Cutup #5 Icon with CSS /SVG sprite
Today I would like to share with you how to implementing icon in CSS. There are two ways to input icon in the web browser, CSS sprite and…
nana Jeon
Oct 4, 2018
Sketch dark mode on macOS Mojave
Sketch dark mode on macOS Mojave
🌝🌕🌖🌗🌘🌑🌚
nana Jeon
Oct 3, 2018
UI design #1 Handwriting Animation with SVG
UI design #1 Handwriting Animation with SVG
These days, I am designing a website for an artist, NamSin Kwak. This handwriting UI animation was designed for the intro page of the…
nana Jeon
Sep 29, 2018
Cutup #4 Image <figure>
Cutup #4 Image <figure>
🔮Today, I would like to share with you about the HTML <figure> element.
nana Jeon
Sep 27, 2018
Cutup #3 Link <a>
Cutup #3 Link <a>
Today, I would like to share with you about the HTML <a> element.
nana Jeon
Sep 25, 2018
Cutup #2 Margin
Cutup #2 Margin
Today, I would like to share with you about Margin.
nana Jeon
Sep 23, 2018
Cutup #1 Set up Typography
Cutup #1 Set up Typography
Today, I would like to share with you how to set up Typography (web font) in your boilerplate or framework.
nana Jeon
Sep 22, 2018
Sketch set as Default Style
Sketch set as Default Style
Set as Default Style
nana Jeon
Sep 20, 2018
QA #1. Smooth scrolling in a modal box on the touchscreen
QA #1. Smooth scrolling in a modal box on the touchscreen
Problem
nana Jeon
Sep 20, 2018
How to use web inspector to debug mobile/tablet in Safari
How to use web inspector to debug mobile/tablet in Safari
1. Enabling inspector in mobile phone or tablet
nana Jeon
Sep 7, 2018
Install Sass
Install Sass
1. Download Node
nana Jeon
Sep 6, 2018
SVG Line Animation with vivus.js
SVG Line Animation with vivus.js
Today, I would like to share with you on how to create SVG Line Animation with vivus.js.
nana Jeon
Sep 2, 2018
Visual Studio Code
Visual Studio Code
Install Visual Studio Code
nana Jeon
Aug 23, 2018
About Design & Code Repository
Latest Stories
Archive
About Medium
Terms
Privacy