시작 : https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML
디버깅: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML
HTML5용 브라우저 점수확인하기 :
점수를 확인하고 싶은 브라우저를 켜고
http://html5test.com/ 로 들어가면 점수가 나온다.
350점 이상이면 HTML5를 사용하기 적합한 브라우저이다.
2016년 10월 14일 금요일
IDE - Komodo
Komodo
Komodo 공식사이트: http://komodoide.com/komodo-edit/메뉴얼: http://docs.komodoide.com/manual
다운로드 및 설치:
공식사이트에 들어가서, Komodo Edit을 다운로드 후 설치한다.
사용환경: 윈도우 7, Komodo-Edit-10.1.1-17414
장점:
- 무료
- Windows, Mac OS X, Linux 모두 사용가능
설정 (Preferences)
설치 하고 나면 첫 화면에 customize를 할 수 있는 화면이 뜬다.
테마 바꾸기 (Color Scheme): 화면 색상과 코드 색상을 고르는것. 나는 내가 좋아하는 Monokai로 바꿔줬다.
키조합 (Key Bindings): 단축키 설정이다. 나는 기본인 Legacy로 뒀다.
기본 브라우저 (Default Browser): 테스트시 사용할 브라우저 설정. System defined default browser 로 놔둠 (Chrome 사용중)
* Preferences > Web&Browser > Preview in Broswer을
Preview in external browser (specified above). 으로 선택해준다.
기본 설정은 mobile Web app development에 적합하지 않음
Next,
인덴트 간격 (Indentation Width): 기본 4인 간격보다 내가 좋아하는 2로 변경해줌.
Next & Finish
사용방법:
1. 새 프로젝트 만들기
New Project 클릭 > 프로젝트 저장할 위치 선택 > 저장 (자동으로 코모도프로젝트 확장자가 붙음)
2. 새 파일 만들기
New File from Template 클릭 > 원하는 template 선택 > filename 쓰고 > open클릭
예제) html문서 만들기
카테고리: Web 선택 > HTML5선택 > Filename: index.html 입력 > Open 클릭
3. 브라우저에서 미리보기 (Browser Preview)
피드 구독하기:
글 (Atom)