instagram.css

인스타그램에 쓰인 필터를 순수 CSS 만으로 효과를 줄 수 있게 css 파일을 제공합니다.

Design inspiration

디자인 영감을 얻을 만한 자료들이 모인 곳. 핀터레스트 같은 느낌입니다.

colors

스페이스를 누를 때 마다 새로운 색 조합을 보여주기도 하고 스크롤을 내리면 무한스크롤로 컬러 조합을 보여줍니다.

stockio

개인/상업적으로 사용 가능한 사진/동영상/폰트/벡터/아이콘들을 제공합니다.

XMind

무료로 마인드맵을 제작할 수 있어요. 소프트웨어로 다운받을 수 있고, 클라우드로 웹이랑 동기화도 되고, 앱이랑도 연동도 됩니다. 유료 버전으로 여러가지 추가 기능을 제공하지만 무료 기능으로도 충분히 사용할만 합니다.

feather icons

심플한 리얼 무료(상업적 사용 가능) 아이콘 입니다.  다운로드를 받아서 SVG로 써도 되고, 코딩에 바로 쓸 수 있게도 제공됩니다.

Flat Colors

플랫한 컬러에 대해 고민하고 있을 때 들러서 색에 대한 영감을 얻기 편해요. 팔레트 메뉴를 이용해서 매칭하여 사용한 케이스들도 활용해도 좋습니다.

realfavicongenerator

파비콘이나 스마트폰에 바로가기 아이콘, 맥북이나 윈도우즈 OS의 아이콘등을 이미지 하나만 올리면 만들어 줍니다. 만약 웹으로 퍼블리싱할 경우 불러오는 코드, 설정하는 코드까지 자동 생성 됩니다.

materialui

매테리얼 컬러 뽑기 아주 유용합니다. 플랫한 컬러 중 선택하면 톤 조절한 단계별 컬러 챠트를 제공합니다.

webflow

웹으로 사용하는 프로토타입 툴입니다. 프로토타입으로 제작해서 퍼블리싱 버튼을 누르면 제공되는 도메인으로 목업된 웹사이트를 빌드해줍니다.

Send Firefox

무료로 1기가까지 파일을 공유할 수 있는 1회용 공유 사이트 디자인 파일이나 관련 대용량 파일 공유할 때 유용합니다.

UI Movement

모션감 있는 UI들 모아놓은 곳

How to center in CSS

중앙정렬 코딩을 대신 만들어주는 사이트

Flexbox Grid

UI Interaction

ceaser

css 이징값을 쉽게 만들어주는 사이트

픽셀즈

무료, 사용자들이 찍은 데이터들로 마음에 드는 사진의 작가에게 자유 기부 형식으로 운영

디자이너스픽

무료, 운영자가 직접 촬영한 사진

언스플래쉬

무료, 10일에 10장씩 업데이트, 검색기능 없어 불편, 이메일 구독으로 편리

픽사베이

무료, 사진 양 많음, 고퀄리티는 로그인, 일반 사이즈는 스팸방지 코드만 입력하면 다운로드

폰트 베이스

아직은 윈도우즈 OS 만 지원하지만 차츰 확장한다고 한다. 무료 다운로드이며 UI가 쉽고 사용성이 편리하다.

siteinspire

일반적인 사이트들도 간혹 있긴 하지만 대부분 작은 규모의 개성있는 사이트들이 많다.포트폴리오 사이트 혹은 프로모션 사이트를 밴치마킹 하기에 좋다.

Oven

온라인으로 N스크린 프로토타이핑이 가능한 국내 제작 툴

incredibletypes

출판, 패키지, 인쇄, 포스터등 많은 분야에 활용된 타이포그라피 모음 쇼케이스

typographicposters

타이포그라픽을 이용하여 포스터를 만든 쇼케이스 사이트메인에서 선택하여 상세 페이지로 이동하면 추가로 만들어진 디자인을 볼 수 있다.

gratisography

개인이 제공하는 무료 이미지 사이트이다.재가공 되어 제공되어지는 것도 있으며 디자인용으로 찍은 사진들도 다수 있다.

픽점보

원하는 포토에 마우스를 올리면 테스트 드라이브를 할 수 있으며 이를 통해 실제 다운받게 되면 볼 수 있는 뷰를 제공한다.

splitshire

대부분 무료 다운로드 및 사용할 수 있다.대신 다운 받은 이미지를 다른 곳에 올려놓고 팔거나 할 수 없다.좌측 상단의 메뉴를 클릭하면 카테고리들을 볼 수 있다.

designspiration

미술과 예술, 디자인등에 관한 컨텐츠를 통해 영감을 얻기 좋다.

flaticon

플랫한 아이콘들을 SVG, PSD, EPS, PNG, 아이콘 폰트등으로 다운 받을 수 있음