Series

CSS

CSS

Fixing Text Jumps with \u00A0
A Tiny Typing Effect Tip
May 14, 20251 min read2
Cool features of Styled components 💅
I've realised why experienced developers say learning never stops. When I first tried styled components, I knew they were cool, but it was a bit tricky for a beginner. The official docs didn't make it crystal clear. Now, after a year as a developer, ...
Jan 10, 20243 min read5
[CSS] Add gradation effect to your text!
👉 linear-gradient() MDN 글씨에 그라데이션 효과넣기 방법! 일단 예시로 <h1> tag를 사용하여 글씨를 작성 CSS에 상위에 background속성에 linear-gradient를 써주고 그라데이션 방향(to right)을 써준 후 원하는색깔을 넣어준다. -webkit-background-clip: text;을 추가! 이 부분이 바로 글씨에 색깔을 넣어줄 수 있다! color: transparent;를 추가로 넣어준다...
Nov 24, 20221 min read9
[CSS] Order of CSS properties
I've received some code reviews and I'd like to share the below since it seems very useful to have clear codes. Order of CSS properties Layout Properties (position, float, clear, display) Box Model Properties (width, height, margin, padding) Visual...
Aug 20, 20221 min read38
[CSS] overflow / text-overflow
how to reduce a long sentence with '...'
Jul 28, 20221 min read23
[CSS] transform
translate() / matrix() / scale() / rotate() / skew()
Jul 26, 20221 min read13