Verifying tools
To verify HTML: http://validator.w3.org/#validate_by_inputTo verify CSS: http://jigsaw.w3.org/css-validator/#validate_by_input
Placehold sites
http://placehold.it/
<img src="http://placehold.it/350x150">
https://placekitten.com/
<img src="http://placekitten.com/200/300">
or <img src="http://placekitten.com/g/200/300">
Fonts
https://fonts.google.com/
Editor
http://www.sublimetext.com/
Sublime Text > Preferences > Settings - User 에 아래입력 후 저장
{
"autocomplete": true,
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"draw_white_space": "all",
"font_size": 15,
"tab_size": 4,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true
}
https://atom.io/
Frameworks
Bootstrap: http://getbootstrap.com/
Foundation: http://foundation.zurb.com/
Yaml: http://www.yaml.de/
960 Grid: http://960.gs/
Susy: http://susy.oddbird.net/
Foundation: http://foundation.zurb.com/
Yaml: http://www.yaml.de/
960 Grid: http://960.gs/
Susy: http://susy.oddbird.net/
jQuery
<script type="text/javascript" src="js/[JQuery file name]"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
next
반응형
'개발' 카테고리의 다른 글
MEAN stack AWS 우분투 / Mac 설치 방법 (2) | 2017.02.11 |
---|---|
AWS 에서 Ubuntu (우분투) Linux 인스턴스 띄우기 (0) | 2017.01.25 |
Grunt 설치 및 셋팅 (0) | 2016.08.18 |
Node.js 설치 및 셋팅, npm 이란? (0) | 2016.08.18 |
웹개발, 웹디자인 방법 (0) | 2016.08.12 |
웹개발 관련 툴 모음 (0) | 2016.08.12 |
CSS 문법 정리 (0) | 2016.08.11 |
CentOS 사용팁 (0) | 2016.08.09 |
Apache MySql PHP 윈도우 설치 따라하기 (0) | 2016.06.26 |
해쉬맵(hashmap) 설명 정리 (0) | 2016.06.26 |