본문 바로가기

광고

Design

Reference

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기

CSS

NEWS

SITE

Coding


광고

HTML5

[ Public] 퍼블리싱에 있어 백과사전과 같은 사이트네요^^ 오늘 발견한 사이트는 백과사전과 같은 사이트입니다.거의 모든 프로그램 레퍼런스는 다 있네요~ 우선 우리에게 제일 필요한 html5와 CSS3가 엄청정리가 잘되어 있습니다.물론 영어라는 단점이 있지만 크게 이해하는데에는걸림돌이 되지 않습니다. 차후 누군가가 한글 버젼을 내 놓지 않을까?라는 생각은 듭니다. 보시면 아시겠지만정리가 쩝니다^^파이어 폭스에서 개발하고 정리한 것 같네요^^ 제가 운영하고 있는 웹 스토리 보이 사이트도조만간 이렇게 해야겠네요^^ 이것 뿐만 아니라 자바스크립, 제이쿼리, PHP 등등없는게 없네요^^참고하세요~ http://devdocs.io/
[HTML/CSS] HTML/CSS와 관련된 튜토리얼 모음입니다. [HTML/CSS] HTML/CSS와 관련된 튜토리얼 모음입니다. 001. CSS3를 이용한 탭 메뉴(tab menu) 만들기How to Create a CSS3 Tabbed Navigation [미리보기] 002. CSS3를 이용한 버티컬 네비게이션 메뉴 만들기Orman Clark’s Vertical Navigation Menu [미리보기] 003. CSS3를 이용한 오목한 버튼 이미지 코딩하기Tagtastic Tag Cloud with CSS Transformations [미리보기] 004. 웹폰트와 배경이미지를 이용한 별 코딩Create a Rating System With CSS, Web fonts and Sprites [미리보기] 005. CSS3를 이용한 메뉴와 서브메뉴 만들기How to Cr..
[HTML/CSS] CSS3 transform을 이용한 화면 전환효과 페이지 CSS3 transform을 이용한 화면 전환효과 페이지 만들기 A Collection of Page Transitions [미리보기][목록보기] CSS3d의 Transtions효과를 이용한 페이지 전환효과입니다. 익스에서 작동을 하지않습니다. 구글에서 확인을 해야 이 소스의 놀라움을 알 수 있습니다.
[HTML/CSS] 미디어쿼리를 이용한 반응형 메뉴 만들기 미디어쿼리를 이용한 반응형 메뉴 만들기 Responsive Retina-Ready Menu [미리보기][목록보기] 반응형(responsive)을 기본으로 하고 있는 메뉴 코딩입니다. 이미 기존에 자료가 많이 노출되어 있는 자료네요^^ 여기는 소스도 좋고 디자인도 좋아서 올립니다.
[HTML/CSS] CSS3의 Transtions효과를 이용한 애니메이션 CSS3의 Transtions효과를 이용한 애니메이션 Elements Animations and Transitions [미리보기][목록보기] CSS3의 Transtions효과를 통해 이런 애니메니션을 만들 수 있다는게 신기하네요^^ 꼭 따라해봐야겠어요~ 익스플로러에서는 작동안됩니다.
[HTML/CSS] CSS3를 이용한 심플한 아이콘 오버 효과 만들기 CSS3를 이용한 심플한 아이콘 오버 효과 만들기 Icon Hover Effects [미리보기][목록보기] CSS3를 이용한 마우스 오버 효과 아이콘입니다. 9종류의 다양한 효과를 보여주네요^^
[HTML/CSS] CSS3를 통한 창의적인 버튼 스타일 만들기 CSS3를 통한 창의적인 버튼 스타일 만들기 Creative Button Styles [미리보기][목록보기] CSS3의 여러가지 효과를 통해서 만든 버튼스타일입니다. 구 익스에서 작동이 안되니 효율성 면에서는 약간 떨어집니다.^^
[웹디자인] HTML5에 관한 유용한 인포그래픽 디자인 RSS Feed E-mail Twitter Facebook Google+ me2day yozm Cafe HTML5에 관한 유용한 인포그래픽 디자인 HTML5의 유용성과 활용성은 점점 더 증가하고 있습니다. 우리나라에서 익스의 사용량이 많기 때문에 HTML5의 유용한 기능을 접할 기회가 다소 적지만 현재 HTML5 기술은 신속하게 발전하고 있습니다. 다음의 인포그래픽은 HTML5에 대한 이해를 알기쉽게 이미지화 하여 만든 HTML5 인포그래픽입니다. 더 큰 이미지와 자세한 정보를 알고 싶다면 이미지를 클릭하세요 HTML5의 과거와 현재 미래를 나타낸 인포그래픽 HTML5에 관한 기본 개념 인포그래픽 HTML5의 역사 인포그래픽 개발자가 HTML5이 필요한 이유에 대한 인포그래픽 미래의 HTML5 점유율과 ..