webguru

1월 세째주 동안 do.it.html5 페이스북 페이지를 통해 소개했던 HTML5와 CSS3 관련 사이트와 뉴스들을 정리합니다.

[CSS3] CSS Buttons with Pseudo-elements

슈도 엘리먼트를 이용한 CSS 버튼들입니다. "Demos"를 눌러보세요. 각 버튼의 소스를 보면서 css를 마스터해보세요~

[CSS3] YouTube Popup Buttons

CSS3를 이용한 아주 깔끔한 버튼입니다. (YouTube에서 사용 중인 버튼들이 이런 스타일이네요~) 페이지를 아래로 스크롤해서 소스 아래에 있는 'View Demo'를 클릭하면 데모 버튼을 볼 수 있고 'Download file'을 클릭하면 css 파일을 다운로드할 수 있습니다.

[News]차세대 웹 표준 HTML5 활성화 정부가 나섰다....이달 말 HTML5 활성화 전담 기구 론칭 

activeX를 걷어내는 것도 좋지만 HTML5 기술을 엉뚱한 곳으로 끌고 가지 않았으면 하네요. 정부 주관으로 하다보면 실적 위주가 되어 부실해지기 쉽더라구요..

[News] SW 개발자들의 대세는?...'자바스크립트' - 지디넷코리아

HTML5와 자바스크립트는 뗄레야 뗄 수 없는 사이죠? 자바스크립트 공부는 필수!~

[Mobie] jqmobi.com

새로운 자바스크립트 프레임워크 jQ.Mobi 를 소개합니다. 기존의 센차터치나 jQuery Mobile 이랑 비슷하다고 생각하면 되는데요, 가장 큰 차이는 기존의 프레임워크가 html4 기반으로 만들어진 것이라면 jQ.Mobi는 HTML5 기반이고 모바일에 최적화되어 있다는 것이라고 하네요. (제작사 appMobie) 

[Site] http://worrydream.com/

최근에는 HTML5과 css3, javascript로 만든 사이트들이 늘어가고 있는데요, 여기에서 소개하는 사이트는 그 중 단연 돋보이는 사이트입니다~

[jQuery] 20+ Useful jQuery Content Slider Scripts and Tutorials

이미지 슬라이드 쇼를 계획하고 계신가요? 그렇다면 이런 jQuery 플러그인들은 어떠신가요...

[eBook] H3 개발자 컨퍼런스 자료집을 PDF파일로 공개합니다

‎2011년 KTH에서 개최했던 H3 개발자 컨퍼런스의 발표 자료가 공개되었습니다.

단순히 슬라이드만 모아놓은 것이 아니라 발표자의 발표 내용까지 함께 정리되어 마치 한권의 책을 보는 듯 합니다. 

[Javascript] http://www.nczonline.net/blog/2012/01/03/css-media-queries-in-javascript-part-1/

[Javascript] http://www.nczonline.net/blog/2012/01/03/css-media-queries-in-javascript-part-2/

자바스크립트에서는 CSS의 미디어쿼리를 어떻게 처리할까요?

[Compatibility]  Check your browser's HTML5 and CSS3 capabilities

내 브라우저에서 현재 지원하는 #HTML5 와 #CSS3 기능은 어떤 것들일까? 나날이 발전하는 브라우저 기능을 한눈에 살펴볼 수 있습니다.

[Util] Hackasaurus

‎[Mozillar Goggle] 사용한 태그도 살펴보고 일시적으로 웹 문서의 내용도 바꿔볼 수 있는 Hackasaurus를 소개합니다. 필요하다면 웹으로 올려 수정한 내용을 다른 사람과 함께 살펴볼 수도 있습니다. 한글 텍스트는 아직 잘 안되긴 하지만, 재미있는 시도네요 ^^ 간단한 사용법은 http://webguru.pe.kr/zbxe/1365456

[Slide] The Edge of HTML5

HTML5의 CSS3와 API 부분에 대해 슬라이드로 정리해 놓은 페이지입니다.

[Slide] What's new in HTML5 Media?

 HTML5의 미디어에 대한 아주 영양가 있는 내용들입니다. 꼭 일독하시길..

[Site] Responsive Web Design: 50 Examples and Best Practices

반응형 디자인을 사용하는 웹 사이트를 모아놓은 페이지입니다~ 참고용.

[UI/UX] UI/UX - 2011 UX Week 강연 동영상 배포

‎2011 UX Week 강연 동영상 배포 세션별 정리가 잘되어 있어요.

[UI/UX] 디자인을 모르는 당신에게 드리는 리소스들.

디자인을 모르는 당신에게 드리는 리소스들.