Category: CSS

landed 0

HTML5 무료 웹 템플릿 20가지

20 Free HTML5 Web Templates Landed If you need an up-to-date website with a hot look and advanced functionality this Landed template will be a perfect choice. It features a full-screen image at the...

css3-buttons 0

Just some other awesome CSS3 buttons

출처 : http://red-team-design.com/just-another-awesome-css3-buttons/   Just some other awesome CSS3 buttons   In this article you’ll learn how to create some cool CSS3 buttons in just a few steps. View demo While last time we’ve created...

HTML-code 0

코딩 공부에 유용한 사이트들

1. HTML5 Open Reference     http://html5ref.clearboth.org/   사실 웹표준 공부에 도움이 될만한 사이트는 거의 해외사이트가 대부분입니다. 하지만 이 사이트는 고맙게도 HTML5의 레퍼런스를 한글로 제공하고 있구요, 사전처럼 필요할 때 찾아 쓰기 좋습니다. 사이트 설명...

1299917740 0

[htmldrive] 메뉴&네비게이션 Menu & Navigation

Horizontal Subnav w/ CSS & jQuery               http://www.htmldrive.net/items/show/239/Horizontal-Subnav-w-CSS-jQuery     stickUp – A simple plugin that “sticks” an element to the top of the browser window while scrolling...

css-buttons 0

디자이너를 위한 CSS3 버튼 40개 예제, 40 CSS3 Button Tutorials For Designers

CSS3 Tutorial: Create A Sleek On/Off Button 출처 : http://www.hongkiat.com/blog/css3-button-tutorials/   웹사이트에 이미지 버튼 대신에 CSS3를 이용해서 버튼을 구현할수있습니다. 버튼에 색상이나 그라디에이션, 세이프값을 줄수있고 마우스오버 했을때 움직이는 액션값을 주는것도 가능합니다.   http://www.hongkiat.com/blog/css3-on-off-button/  이 튜토리얼이...

entity 0

엔티티 코드 EntityCode

엔티티 코드 HTML 예약 문자나 특수문자를 쓸때 사용하는 코드입니다. ex)  & … '<'나 '&'와 같은 특수문자들은 html 태그로도 사용되기 때문에 브라우저가 혼란을 겪는 경우가 많으므로 이런 문제를 해결하기 위해 사용됩니다.  엔티티 코드에 대한 정보는...

CSS 포지션(position) 정리 0

CSS 포지션(position) 정리

보통 p, h1, div 같은 엘리먼트를 블록 엘리먼트라고 부릅니다.  이런종류는 화면에 표시될 때 블록상자처럼 표시하기 때문에 이렇게 불리우게 되었습니다. 반면에 strong, spen 등과 같은 엘리먼트는 한줄이거나 한줄의 박스로 표시되기 때문에 인라인 엘리먼트라 불리웁니다.   블록박스는 하나씩...

[CSS] clearfix 0

[CSS] clearfix

CSS .pinkbox {width:324px;padding:5px;} .redbox {float:left;width:150px;height:60px;padding:5px;} .bluebox {float:right;width:150px;height:130px;padding:5px;} HTML <div class="pinkbox"> <div class="redbox"> redbox </div> <div class="bluebox"> bluebox </div> </div> 위와 같은 코드가 있다고 하면, 실제로 웹 브라우저에서는 아래와 같이 보인다.   redbox bluebox (ie6에서는...

jquery_black 0

J-Query, 제이쿼리란?

제이쿼리란? 자바스크립트의 라이브러리로, 자바스크립트 코드를 간결한 상태로 개발이 가능  http://jquery.com/ 제이쿼리 특징 1. css셀렉터  html내의 엘리먼트들을 손쉽게 표현및 사용이 가능  2.플러그인 아키텍쳐  이미 개발된 많은 플러그인을 쉽고 빠르게 사용  3.메소드 체인  여러개의 기능을 한줄에...