WEB 썸네일형 리스트형 [ Open Case ] Dan Cederholm / CSS3 FOR WEB DESIGNERS / 정리 이제보니 제프리 젤드만 씨 가 .... 목차는 아래 정리하는 목적은 공부! 입니다 ㅎㅎ 챕터 1. USING CSS TODAY css 개념에 대해 설명합니다. 제프리 젤드만이 글 " To Hell With Bad Browsers " 나쁜 브라우저 ㅎㅎ( 글보기 ) 개인적으로 원서 보면서 하는것이라 올리지는 못하겠네요 죄송합니다. 소스위주로 ㅎㅎ border-radius Rounds the corners of an element with a specified radius value. Supported in Safari 3+, Chrome 3+, Firefox 1+, Opera 10.5+, and IE9 Beta. Example: .foo { border-radius: 10px; } text-sh.. CSS3 support for Internet Explorer 6, 7, and 8 참조 : http://fetchak.com/ie-css3/ 지원 가능한 CSS3 는 text-shadow , box-shadow , border-radius 이렇게 지원한다. 페이지 로딩시 ie에서는 눈에보인다. 이부분은 어쩔수 없는듯. 참조 사이트 링크에서 htc 파일을 다운로드 한뒤 아래 예시처럼 적용 클래스에 behavior 코드를 같이 넣어준다. ====================================================================================================================================== .box2 { background: transparent url(ashera.jpg); no-repeat top l.. equalWidths jQuery Plugin ( 네비게이션 넓이값 자동계산) 참조 및 다운로드 : http://fordinteractive.com/tools/jquery/equalwidths/ 플러그인 내용 ========================================================== (function($){ $.fn.equalWidths = function(options) { var opts = $.extend({ stripPadding: 'none' // options: 'child', 'grand-child', 'both' },options); return this.each(function(){ var child_count = $(this).children().size(); if (child_count > 0) { // only proceed if.. HTML5 boilerplate 스타터킷 참조 : http://html5boilerplate.com/ HTML5 스타터킷 여러가지 옵션 들이 보입니다. 붉은색 박스안에 원하는 형태의 파일을 선택하여 다운 받습니다. - html5boilerplate index 파일을 많이 부족하지만 분석해 봤습니다. =========================================================================================== 헤더 본문 푸터 =========================================================================================== 제가 헷갈렸던 부분만 캐치 해서 이해한 부분까지 정리해 보겠습니다. 참조 http://html5boilerp.. Float 해제방법 1. width:500px;overflow: hidden 추천!!!!!!! 저도 이방법만씀... 제일 심플한듯..... 감싸는 div 에 적용~~ 2. clear:left; / clear:right; / clear:both; 3. float 영역이 끝난후에 ex) 4. content 속성 이용 jquery 팝업 플러그인 참조 : http://goo.gl/qAzrH 쓰기 편한거 같다 옵션도 여러가지 있다. nivo slider 참조 : http://nivo.dev7studios.com/ WireFrame templates PDF 참조 : http://goo.gl/BDyb 와이어프레임 pdf 템플릿 여러가지 있음... 2011-11-07 http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/ http://webdesignledger.com/tools/10-excellent-tools-for-creating-web-design-wireframes https://cacoo.com/ http://wireframesketcher.com/ http://mockupbuilder.com/ http://www.onextrapixel.com/2011/03/28/creating-web-design-wi.. 이전 1 ··· 6 7 8 9 10 11 12 ··· 16 다음
