HTML5

[데이터 시각화] HTML5 Features

[데이터 시각화] HTML5 Features

HTML5의 구성요소들을 Tree 구조로 만들어 봤습니다. HTML5ROCKS와 MDN을 참고하여 data로 사용할 json 파일을 만들었습니다. [데모보기] [소스코드] 그래프를 그릴 때 Springy라는 라이브러리를 사용했습니다. Springy에서 제공하는 데모를 보고 그대로 만들었습니다. »

Digital Creativity Guide Book by Google

Digital Creativity Guide Book by Google http://www.creativesandbox.com/guidebook A gorgeous new site from Google that showcases their various services, and takes the form of an interactive pop-up book. »

코딩 스타일 가이드

Front-End 개발에 사용되는 HTML, CSS, JavaScript로 프로그램을 작성할 때 사용하는 코딩 스타일 가이드 모음입니다. 코딩 스타일은 개인마다 선호하는 방식이 다르지만, 다른 사람이 작성한 좋은 스타일 가이드를 알아두면 좋을 것 같습니다. “Why Coding Style Matters” 라는 글의 하단에 있는 스타일 가이드 모음입니다. jQuery Core Style Guidelines Google JavaScript Style Guide Google HTML/CSS Style Guide Principles of Writing Consistent, Idiomatic JavaScript Principles of Writing Consistent, Idiomatic CSS... »

적합한 HTML5 엘리먼트를 선택하는데 도움을 주는 플로우차트

HTML5 Element Flowchart http://html5doctor.com/downloads/h5d-sectioning-flowchart.pdf HTML5로 마크업을 만들때에 어떤 엘리먼트를 사용해야 잘한 것일까 고민이 되는 경우가 많습니다. 예를 들어, section을 쓸지, article을 쓸지, 아니면 그냥 div를 써야 할지 판단이 잘 안서는 경우가 있는데요, 위 Flowchart의 예/아니오 화살표를 따라가면 판단하는데 도움을 받을 수 있을 것 같습니다. »

Sketch.js: Simple Canvas-based Drawing for jQuery

Sketch.js http://intridea.github.com/sketch.js/ An easy-to-use jQuery plugin that allows you to create canvases upon which visitors can draw. »

Page 2 of 61234»