퍼블리셔 마크업 개발자에게 유용한 URL Bookmark 모음

마크업, 프론트엔드 개발자 또는 웹을 만드는 사람들에게 유용한 URL이라 생각되어 공유드립니다.

더 많은 좋은 URL이 있는데 조금씩 공유하겠습니다.^^

즐겨찾기 해놓고 사용하시면 편합니다.

Tools

• w3c Developers — Markup Validator, Link Checker 등 유용한 툴을 모은 사이트
• jsbeautifier — JavaScript 코드정리
• prettydiff — 두개 파일을 비교하여 diff 추출해 주는 도구
• regexr — 정규식 생성 도구
• Flexy Boxes — flex 속성 관련된 코드 생성 도구
• Random Word Generator — 테스트용 임의의 문장들을 만들어 주는 도구
• Unused CSS Check Tool — html에서 미사용중인 선택자를 선별해주는 도구
• Caniuse — CSS 속성별로 브라우저 지원범위를 확인가능
• Spritecow — 스프라이트 이미지에서 선택된 이미지의 position 값과 크기를 알려주는 도구

Libraries, Plugin

• sweetalert — alert창을 이쁘게 바꿔주는 JS 라이브러리
• Jets.js — Native CSS search engine
• iCheck — Checkbox를 여러가지 형태로 제공해 주는 플러그인

Frameworks

• Semantic-ui — 반응형 프레임워크
• Material Design Lite — Material 디자인 프레임워크
• Bootstrap — 반응형 프레임워크

CMS

• Wordpress
• XpressEngine
• XpressEngine3

Icons

• ICONO — Pure css icons 모음
• XEICON
• Font Awesome
• 7-stroke

Reference

• PC/모바일 웹 접근성 체크리스트
• jQuery Cheat Sheet — jQuery 셀렉터, 속성, 함수 등 정리
• Laravel Korean docs — 라라벨 한글 메뉴얼
• Browserhacks — 브라우저, 디바이스별 hack 코드 정리
• Sass Guidelines — Sass 작성 스타일가이드 번역