본문 바로가기

전체 글

 (14)
CSS로 스크롤바 디자인 바꾸는 방법 :: Edge, Chrom, Opera AND Firefox까지! 디자인을 하다보면 우측에 자동으로 생성되는 스크롤의 컬러가 거슬릴 때가 있다. 그레이 색상에 투박한 네모가 기본 디자인이니! 분명 신경쓰이지 않을때는 아무렇지도 않다. 하지만 한번 눈에 밟히면 계속 거슬리는게 디자인이라. 누군가의 눈에 거슬릴 수 있는 회색 색상의 기본 스크롤바 디자인을 수정해보려고 한다. 아래 소스를 보시라. See the Pen Untitled by kihyun (@hidesigner2) on CodePen. 스크롤바 부분별 자세한 명칭 알아보기 디자인을 수정하기에 앞서 명칭을 먼저 파악해 이해력을 쑤욱 올려보자. 스크롤바 디자인 바꾸기 for Edge, Chrom, Opera [ ::-webkit- ] 위 소스에서도 보시다시피 접두어가 붙는 것을 보니, 지원하는 브라우저가 한정적이다..
움직이는 애니메이션 png, APNG 이란? 요즘 디자인을 벤치마킹하기위해 자주 들어가는 사이트 중 하나인 Toss를 방문하는 중에 신기한 애니메이션을 발견했어요. 웹디자이너로서 개발자도구(F11 혹은 Ctrl + i)를 열어 이것저것 뜯어보는 일이 자주 있는데요. Video 혹은 gif라고 생각했던 이미지가 .png 였습니다. PNG가 움직이다니! 오늘은 움직이는 png에 대해서 알아보고자 합니다. 움직이는 PNG :: APNG APNG(Animated Portable Network Graphics)는 PNG를 확장한 이미지 파일 포맷입니다. 이 포맷은 GIF와 비슷한 방법으로 애니메이션을 구현하면서 기존 PNG 파일과의 하위 호환성을 유지했기 때문에 GIF보다 더 높은 품질을 보여 줍니다. APNG 파일의 첫 프레임을 설정할 수 있으며, APN..
직장인 부수입 :: 티스토리 잘나가는 블로그 주제 선정하기 01 이제 막 블로그를 시작하려고 하는데.. 어떤 주제를 선정해야할까? 과연 어떤 주제로 글을 써야 유입이 잘 될까? 티스토리 글쓰기 주제 정하는 방법에 대해서 알아봅시다. 내 전문분야가 있는 경우? 내 전문 분야가 있는 경우라면 이런 고민으로 제 블로그를 찾아오지 않으셨을것 같긴합니다. 자신의 전문분야의 글로 통일성있게 작성하면 되겠지요. 저 같은 경우에는 디자인을 업으로 삼고있는 사람인지라 디자인 튜토리얼을 올릴까 생각했습니다. 물론 제가 질 좋은 컨텐츠를 꾸준히 잘 포스팅 한다면 충분히 가치가 있는 블로그가 될 수 있겠지만, 디자인 튜토리얼을 올리는게 지루하다 판단되어 다른 주제를 찾아보기로 했습니다. 내 전문분야가 없는 경우? 얼마나 많은 사람들이 이 주제에 관심을 갖고 있을까? 무슨 글을 작성해야할까..

티스토리툴바