블로그 글 인기 랭킹

  1. css 버튼 디자인 모음

    요즘에는 html, css, js등의 코드를 공개하여 모두가 함께 쓸 수 있도록 공유하는 사이트가 무척 많아졌습니다. 그 중에도 제가 자주 체크하는 사이트가 코드펜(codepen)이라는 사이트인데 오늘은 css로 꾸민 버튼 디자인을 […]

  2. 무료 일본어 폰트 다운로드

    이전 글과 중복된 폰트가 있을 수 있습니다 이번엔 알고 있는 무료 폰트를 고딕, 둥근고딕, 손글씨, 붓글씨 등의 여러가지 버전으로 양질의 무료폰트 들을 소개하고자 합니다. 물론 상용 이용 가능한 […]

  3. html/css로 만드는 table 디자인 샘플

    html ⁄ css만으로 디자인한 table 샘플 몇가지를 소개할게요^^ 웹에서 테이블은 정보의 가독성을 목적으로 한 것이기 때문에 심플한 디자인이 될 수 밖에 없죠.거기다 장식할만한 파트도 선이나 배경색, 또는 글자색으로 […]

  4. 귀여운 손글씨 일본어 폰트

    퀄리티 높은 손글씨 폰트가 무료로 제공되는 사이트가 참 많습니다. 감사한 일이죠. 귀여운 디자인에 사용될 수 있는 손글씨 일본어 폰트를 소개합니다. あんずいろ apricot×color あんずもじ始 http://www8.plala.or.jp/p_dolce/ 일본에서 초등학교 6학년이 될 […]

  5. 업로드한 이미지의 컬러를 추출해주는 툴 「Pictones」

    사진을 업로드 하는 것만으로 사진 속의 주요 컬러를 추출 해 컬러 팔레트를 만들어주는 웹 서비스 툴 「Pictones」를 소개합니다! Pictones 디자인 하는데 있어 무척 유용할 것 같아서 바로 스크랩! […]

  6. 무료 일본어 폰트 2014.10 인기순 Top.20

    일본의 대표적인 무료폰트 사이트인 FONTFREE에서 최근 1개월간 클릭수가 높았던 인기 무료폰트를 소개합니다. 다운로드 버튼을 클릭하시고 이동 후 오렌지 색의 버튼을 클릭하시면 다운로드가 가능합니다. 일본어 폰트가 필요하신 분들은 체크하세요^^ […]

  7. CSS Animation을 간단하게 만들어주는 라이브러리 모음

    CSS Animation을 간단하게 만들어주는 라이브러리 모음

  8. 마우스를 대면 말풍선이 나오는 메뉴

    복사해서 붙여넣기 + 스타일을 조금 손보는 정도로 심플한 메뉴 작성 완료! See the Pen qZzZjN by nanati (@nanati) on CodePen.

  9. 더보기(MORE) 버튼을 눌러 일정갯수의 리스트(목록) 더 보기

    DEMO 아래 데모페이지를 확인해주세요.더 보기 버튼을 눌러 리스트를 불러올 수 있습니다. DEMO html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--[if lt IE 9]> <script […]

  10. 반응형이미지를 만드는 여러가지 방법

    DEMO 먼저 아래 데모페이지를 확인해주세요.브라우저 사이즈에 맞게 이미지 사이즈가 바뀌거나, 다른 이미지로 변경됩니다. 직접 늘렸다 줄였다 해보면서 확인해보세요~ DEMO html <!DOCTYPE html> <html> <head> <meta charset=“UTF-8”> <meta name=“viewport” […]