팁&강의

외국의 어느 웹 개발자가 밝히는 HTML5&웹개발자로써의 로드맵(번역 자료)

외국의 어느 웹 개발자가 밝히는 HTML5&웹개발자로써의 로드맵(번역 자료)

스텍 오버플로어의 여러 글들을 보다가 괜찮은 글이 있어서 미흡하지만 번역해 봤습니다. 중학생이 웹 개발자의 길을 꿈꾸며, html5와 css3를 어떻게 공부해 나가야 하는지에 대해 올린 질문에 Manuel Strehl 이라는 독일 레겐스브로크에서 웹 개발자로 활동하는 분의 답글입니다. 개인적으로 이 글을 읽으면서, 확실히 뭔가 관심을 가지고 접근한다는 그런 방향성이 우리나라의 IT 주입식 교육과는 많이 다르다는 것을 느끼네요. 물론,(…)

내 홈페이지에 HTML5 뱃지(badge)를 달아보자.

내 홈페이지에 HTML5 뱃지(badge)를 달아보자.

아마 아는 사람이 많이 있지 않을 거라 생각하는데, 올해 1월 18일 W3C에서는 HTML5를 널리 알리기 위해 HTML5의 로고를 만들어 공개했다. 로고는 위와 같이 무언가 방패 모양같기도, 빛을 비추는 것 같기도 한데, W3C에서는 로고를 이렇게 설명하고 있다.“이 로고는 마크업(Markup : 문서의 논리적인 구조. 웹에서는 “테그”) 으로 만든 보편적이고 탄력 있는, 강하고 사실적임을 나타낸다. 그리고 웹개발자인 당신에게(…)

드림위버로 HTML5 개발하기.

드림위버로 HTML5 개발하기.

드림위버란 아직도 국내 웹디자인 계에서 가장 많이 사용되는(적어도 내 생각엔) 툴이다. 솔직히 말해 개발자들은 드림위버가 느리고 설치과정이 복잡하고 하니 빠르고 간편한 에디트 플러스나 울트라에디터를 자주 사용하는게 사실이다. 아니면 내려밭고 공유하기 편한 이클립스 같은 툴 말이다. HTML5개발에 앞서 나는 이클립스 GWT, 넷빈즈, xcode등 다양한 툴을 살펴봤는데 아무리 생각해도 드림위버가 가장 간단하면서도 코드 힌트 기능을 통해 쉽게(…)

HTML 5 브라우저별 호환 비교&샘플 사이트

HTML 5 브라우저별 호환 비교&샘플 사이트

1. HTML5 브라우저별 호환 비교표 (출처:404techsupport.com) 위에서 보면 알겠지만 맥이든 윈도우든 사파리나 파이어폭스가 최고라고 조사되고 있다. 또한, 여러 큰 밴더들에서는 이미 HTML5와 관련된 샘플을 제공하고 있다. 아래는 윈도우 기준으로 다양하게 다시 조사한 항목들이다. 1) Internet Explorer 8 2) FireFox 3.5 3) Chrome 4) Opera Browser 5) Safari 2. HTML5 샘플 제공 사이트 1) Apple HTML5 showcase(…)