reset.css 와 Normalize.css

가끔 Reset CSS와 Normalize를 동일시하시는 분들이 있는것 같습니다만, 확실한 차이가 있는 만큼 모르시던 분들은 이번 기회에 차이점을 이해하시면 어떨까 합니다. Normalize.css는 Reset CSS와 비슷한 기능을 하지만 조금 다른 부분이 있습니다. Reset CSS가 말 그대로 무조건 초기화를 시켜버리는것에 집중하고 있는것에 반해 Normalize의 경우는 초기화는 시키지만 어느정도 스타일이 가미되어 있다고 이해하시면 좋을듯 합니다.

sapjil-resetcss-normalizecss

(더 보기…)

아름다운 그라데이션을 간단하게 – Blend

Blend

이전이나 지금이나 낙후된 브라우저나 기타 환경에 따라서는 그라데이션을 사용해야 할 경우 백그라운드 이미지를 사용했어야 했습니다만 CSS3가 나오기 시작하면서 디자인파일을 필요로 하지 않게 된것 중에 한가지가 그라데이션이라고 할 수 있습니다.

비슷한 여러 서비스가 있습니다만 이번에 소개하고자 하는 Blend의 서비스는 심플한 UI로 되어있으며 Flat UI, Material UI, Blues, Greens, Reds, Yellows등으로 구성된 컬러팔레트도 제공하고 있습니다.

(더 보기…)

CSS3로 가능한 움직임을 쉽게 찾아보고 사용할 수 있는 AniCollection

비슷한 서비스가 몇군데 있습니다만, CSS3로 표현 가능한 애니메이션을 손쉽게 찾아보고 실제로 움직임을 확인, 마음에 들 경우에는 바로 소스를 확인하여 사용할 수 있는 AniCollection이라는 서비스가 있습니다. 페이지에 표시되어 있는 요소들에 마우스를 가져다 대면 기분좋게 움직이는 요소들을 확인할 수 있습니다.

 

AniCollection - The easiest way to find, use and share CSS3 animations.

(더 보기…)