armadillo.ko

Diff Checker - 문서 두개를 비교하여 다른부분을 하이라이트 해준다. http://www.diffchecker.com/diff jQuery 자바스크립트 테스트 http://jsfiddle.net/nmvf6/1/ HTML Formatter - 인코딩 디코딩 웹관련 별별게 다 들어있어요 http://www.freeformatter.com/html-formatter.html#ad-output 자바스크립트 이쁘게 만들기 http://jsbeautifier.org/ 정규식 테스터 http://www.regexpal.com/ http://rubular.com/ CSS를 이용한 버튼 만들기 http://www.bestcssbuttongenerator.com/

Zen Coding 젠코딩 (Zen Coding)은 CSS Selector 방식으로 빠른 코딩과 HTML , XML , XSL 그리고 다른 구조의 코드 유형을 편집하기 쉽게 해 주기 위한 플러그인 의 집합이다. 이 프로젝트는 2009년에 Sergey Chikuyonok에 의해 만들어졌으며 Chikuyonok과 젠코딩 유저들에 의해 지속적으로 활발하게 개발되고 있다. 도구는 고 프로파일 텍스트 에디터의 숫자로 통합되어왔으며 몇몇의 플러그 인은 젠코딩 팀과 개별적으로 실행시키는 다른 사람들에 의해 개발된다. 젠코딩은 기본적으로 소프트웨어의 부분을 사용한다기 보다 엔진을 바로 사용한다는 점에서 다른 텍스트 에디터와는 구분된다. 젠코딩은 현재 MIT에 의해 오픈 소스로 공개되고 있다. - 출처: 위키백과 며칠 전 Zen Coding에 대한 정보를 알게됐다. CSS문법을 활용해서 HTML 구조를 빠르게 생성할 수 있는 플러그인으로 현재 다양한 에디터에서 기능을 제공하고 있다. Zen Coding 문법 https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn Zen Coding을 지원하는 에디터 Dreamweaver (Windows, Mac) Sublime Text (Windows) Sublime Text 2 (crossplatform) — install it from Package Control UltraEdit (Windows) TopStyle (Windows) GEdit (crossplatform) — Franck Marcia's plugin , Mike Crittenden's plugin BBEdit/TextWrangler (Mac) — external download Visual Studio (Windows) — at Visual Studio Gallery EmEditor (Windows) — external download Sakura Ed...

IE8에서 HTML5 태그 사용하기 1. html5shiv 이용하기 html5shiv는 IE8 이하 버전에서 HTML5 태그 사용이 가능하게 해준다. 아래 주소에서 다운받을 수 있다. https://github.com/afarkas/html5shiv 혹은 페이지 head 태그 안에 다음 문구를 추가해주면 된다. IE9 부터는 HTML5 태그 사용이 가능하기 때문에 conditional comments를 이용해 IE8부터만 적용되게끔 처리한다. <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 2. CSS & Javascript 설정하기 새롭게 추가된 HTML5 태그 값들에 display:block; 속성을 추가해준다. header, footer, section, summary, article, menu, nav, aside, canvas, details, figcaption, figure { display:block } 그 후 javascript를 이용해 태그를 추가해준다. <script type="text/javascript"> document.createElement('header'); document.createElement('nav'); document.createElement('section'); document.createElement('article'); document.createElement('aside'); document.createElement('footer'); </script>