본문 바로가기

WEB

Jslint.com / js 문법검사 , 디버깅 자바스크립트 문법 검사.. 웹툴 입니다. 자잘한 그러나 찾지 못할때. http://jslint.com/
HTML5+ CSS3 default template packs http://html5reset.org/
addyosmani.com / 5분강좌 html . css . jquery 등등... http://addyosmani.com/blog/
2009-05-25-웹표준 Xhtml 의 시작 (1) 웹표준 (web Standards)은 w3c의 가이드 라인을 따라 웹사이트를 제작하는 방식이다 웹표준을 따랐을대의 장점 수정과 관리의 용이 HTML은 구조잡을때만쓰이며 CSS로 표현 한다. 구조가 잡히면 웹접근성 을 향상 시킨다. 크로스 브라우징이 가능하다. 문서 생성의 방법 html 생성시 상단에 doc 타입을 선언을 해주게되는데 여러 문법적용이 있지만 대부분 파란배경의 하단의 방법을 사용한다. 우선 상단 붉은색 부분 strict선언은 가이드 라인을 엄격하게 지키겠다는 선언이며 두번째 많이 쓰이는 부분은 어느정도 변칙을 적용할수 있다는 것이다. 드림위버 코딩 화면 1번라인 상위처럼 변칙이 적용되게 선언하며 2번라인 은 한글이 보여질수 있도록 언어를 선택해준다. 4번라인 은 메타 태그로 charset을 ..
2009-06-15-웹표준 외부 CSS파일의 구성 html 문서 안에 대표적 CSS 파일 연결 style1.css 파일안에 외부연결하는 CSS파일을 포함시킨다 1.대표적인 CSS 파일 안에 아래와 같이 구분할 CSS를 포함하여 작성한후 각각 구분된 CSS에 코딩한다.
CSS 1단~4단 레이아웃 소스
CSS 로 만든 버튼 모음
[UI&UX Design] UI 디자인 이란? 단기간에 효과적으로 사용성을 높이는 방법 사용성테스트를 할 여건이 안 될 경우 좀더 적은 노력으로 혁신적인 사용성 개선을 원한다면 다음과 같은 방법을 사용해 보라. 우선 로그데이타나 기타조사를 통해 가장 빈번하게 사용하는 기능 또는 작업의 목록을 작성하라. 이 목록 중 최상위의 한두개를 골라 최대한 클릭 수를 줄이고 단순화하기 위해 다음과 같은 방법을 이용해 본다. 하나의 태스크를 대상으로 사용자가 그 태스크를 수행하는데 걸리는 예상 시간을 계산하는 것이다. 손을 마우스에 가져가고, 마우스를 움직이고, 누르고, 메뉴바의 이름을 기억해 내고, 각각에 드는 시간을 기준으로 태스크를 수행하는데 걸리는 총시간을 계산한다. 이때에는 육체적인 액션과 정신적인 액션에 드는 시간을 모두 계산한다. ..