dohoons @dohoons - Tumblr Blog

There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content? While so...

The fundamental concepts and terminology of typography – in words you can understand.

CSS Grid is fun to use but hard to learn. Here are three tips to help you understand and leverage the Grid spec.

React 렌더링과 성능 알아보기

코딩보다 어려운 버전 관리

Ceaser is an interactive CSS easing animation tool. It lets you build any kind of ease you want, and comes with many of the Penner Easing Equations.

변수명 짓기, 컬럼명 짓기, 영어약자, 変数名つけ方, カラム名建てる, 英語の略語, 命名变量, 命名该列, 英文缩写

Automatic UI Color Palette Generator

A presentation created with Slides.

Re-ducks というディレクトリ構成のベストプラクティスについてまとめる。Re-ducksパターンを使うことで、React + Redux を用いた開発がよりメンテナンスしやすいものになる。 Ducks パターン名前からもわかるように、Re-ducks は Ducks…

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the…

In this tutorial, we’re going to build a CSS only solution to the floated label technique using the :placeholder-shown pseudo class.

나는 스타트업 관계자도 아니고, 개발자를 찾아 주는 사람도 아니다. 하지만, 모임을 운영하다보면서, 앱을 개발할 팀을 꾸려주다보니, 자연스레 스타트업을 시작하려는 사람을 많이 만나게 되었다. 그리고 그들은 매우 갈급했다. 디자이너에 목이 말라있고…

빠른 웹을 위한 오픈소스 프로젝트 - AMP | AMP는 무엇인가요?AMP(Accelerated Mobile Pages)는 Google이 시작한 빠른 성능을 보장하는 웹 사이트를 만들어주는 오픈소스 라이브러리 입니다. 기존의 웹 페이지 저작 기술을 그대로 사용하며, 다양한 브라우저에서 지원되고 있습니다. 구글이 이야기하는 AMP의 목적은 다음과 같습니다. AMP (Accelerated Mobile P

Let’s build some beautiful and accessible radio buttons.

Trending Blogs

Recently Viewed Blogs

dohoons