Design & Code Repository

Cutup #6 Breadcrumb bar with microdata

Indicate the current page’s location within a navigational…

HTML <a> vs <button>

Let’s compare of HTML <a> and <button> elements:

Case study: Artist Kim Eull’s portfolio website

UX / UI case study from IA, research, prototyping to…

Cutup #4 Image <figure>

🔮Today, I would like to share with you about the HTML <figure> element.

Install Sass

1. Download Node

First of all, download and install Node. I am going to use node-sass to compile…

How to use web inspector to debug mobile/tablet in Safari

1. Enabling inspector in mobile phone or…

How to cut-up

1. O-container (Layout)
2. Typography
3. SVG sprite
4. Link
5. Skip Links
6. Buttons
7. Back to top
8. Accordian

How to make Text highlight

HTML

<section>
 <h1 class="p-hero__heading">
   Struggling to get your
   <div>…