Infor

CSS Reference 사이트

  • CSS referencego
  • w3schoolsgo

에디터

  • 브라켓(Brackets) go
    • Beautify : 코드정렬
    • Brackets Synapse : FTP 연동
    • Custom Work : 상단 탭 기능 추가
    • Emmet : 단축키
    • Indent Guides : 가이드 라인
  • codeanywhere go
  • sublimetext go
    • 확장 기능 추가 go
      1. Emmet : 단축키
      2. HTMLBeautify : 코드정렬
      3. IMESupport : 한글 입력을 할 때 한글자씩 늦게 보이는 현상을 완화시켜줍니다. (Only Window)
      4. BracketHighlighter : 태그의 처음과 끝을 하이라이트 시켜서 코드 가독성을 높여줍니다.
      5. SideBarEnhancements : 사이드바의 기능을 확장시켜줍니다. (Only ST3)
      6. JQuery : JQuery 자동완성 기능이 추가됩니다.
      7. CSS Format : css 를 여러가지 방법으로 정렬시켜줍니다.
      8. Material Theme : Material Theme 추천 테마 패키지입니다. (Only ST3)
      9. AutoFileName : 자동으로 파일의 위치를 알려줍니다.
    • sublimetext FTP 연결 방법
      1. 패키지 설치 : [install] 입력 > 엔터[Enter] ▶ [SFTP]를 입력
        • 패키지 설치> Windows : Ctrl + Shift + p
        • 패키지 설치> MAC : Command + Shift + p
      2. STFP와 연동 : [Project] > [Add Folder to Project] 클릭 ▶ 연동할 폴더 선택 ▶ [FOLDERS] 생성 ▶ 가장 위에 있는 폴더> [우클릭] > [SFTP/FTP] > [Map to Remote...]를 클릭 ▶ 항목 수정
        항목 수정 참고 :
        sublimeftp연결

  • atom

디자이너가 꼭 봐야 할 사이트


퍼블리셔가 꼭 봐야 할 사이트


영감 사이트


chrome 웹 스토어 확장 프로그램

  • muzli : 디자인 영감 사이트
  • Full Page Screen Capture : 스크린 캡쳐
  • ColorZilla
  • Web Developer
  • Google 번역