• 컬러

    colors

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

  • Resource, 사진

    stockio

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

  • XMind

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

  • Resource

    feather icons

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

  • 컬러

    Flat Colors

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

  • 유익 정보, 툴

    realfavicongenerator

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

  • 컬러

    materialui

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

  • UI, 툴

    webflow

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

  • 유익 정보, 툴

    Send Firefox

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

  • 쇼케이스

    UI Movement

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

  • Html/CSS

    How to center in CSS

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

  • Resource

    Flexbox Grid