블로그 왼쪽에 작은 채팅방이 있지요 'ㅁ' ... 가끔 이상한 글이 달리기도 하지만 이렇게 강의로 이어지는 좋은 질문이 달리기도 합니다. ~_~ 질문이 "책 넘기는 플러그인 없나요?"였습니다. 그런 플러그인있는데.... 참 좋은거 썼었는데.... 이름이 기억이 안 나는 겁니다. (?!) 그래서 메일링 리스트 쭉 뒤져서 다시 찾아냈는데 생각해보니 이런걸 블로그에 별도로 정리해둬도 괜찮겠더라구요. 그래서 시작하는 강의입니다. ~_~ ㅎㅎ .... 원고 쓰다가 심심하면 중간중간 올릴게요. 오늘 알아볼 플러그인은 Turn.js라는 플러그인입니다. 다음과 같이 책을 넘기는 효과를 줄 수 있는 재미난 플러그인이지요 'ㅁ' .. ! 하지만 오전 5시니.... 자고 일어나서 핸드폰 고치고 써야지.... 사실 플러그인 ..
div p:nth-child(3) - div 요소 안에서 3번째 자식 요소인 p 태그에 스타일 적용 (1부터 시작) div p:nth-child(odd) - div 요소 안에서 홀수로 나타나는 자식 요소인 p 태그에 스타일 적용 div p:nth-child(even) - div요소 안에서 짝수로 나타나는 자식요소에 p 태그 스타일 적용 div p:nth-child(2n+1) - div p:nth-child(odd)와 같다. div p:nth-child(2n+0) - div p:nth-child(even)와 같다. div p:nth-last-child(3) - div 요소 안에서 마지막에서 3번째 자식 요소인 p 태그에 스타일 적용 어렵다... 어려워.,...
a[rel = "external"] a 태그 속성에 rel이 external 일경우 a[rel ~= "external "] a태그 속성에 rel 값중에 external 이 존재하는 경우 a[href ^= "http"] a 태그 속성에 href 값이 http로 시작하는경우 a[href $= "com"] a 태그 속성에 href 값이 com으로 끝나는 경우 a[rel *= "ext"] a 태그 속성에 rel 값중에 ext라는 단어만 존재하는 경우
웹 브라우저가 점차 지원하는 것들이 많아지면서 많은 개발자와 디자이너들이 강력한 웹 어플리케이션을 만들기 위해 HTML5를 시작하고 있습니다. 새로운 인터넷을 향한 혁명은 HTML5를 통해 진행되고 있습니다. 여기서 저는 15개의 꽤나 유용한 HTML5개발에 도움을 주는 개발 가이드와 입문가이드를 추천해 드리고자 합니다. Development Guides HTML5로 아이폰 앱 만들기(소스 및 코딩가이드, 사용된 HTML5기술 등 제공) HTML5와 CSS3로 되어 있는 단일 페이지의 "포트폴리오"를 위한 예제 소스(소스코드 제공) HTML5로 되어 있는 Cool iPhone App의 디자인 소스 & 소스코드(디자인소스, 소스코드 제공) HTML5 레이아웃으로 코딩하기(표준화된 HTML5 소스코드 제공..
단한번의 클릭으로 html5 템플릿을 만들어주는 사이트를 알려드립니다. 이전에 html5 상용구를 사용해서 템플릿을 제공하는 사이트html5boilerplate 를 소개한 적이 있습니다. 여기서는 3가지의 스타일에서 골라 다운로드를 받아서 사용하면 됐습니다. 마찬가지로 initializr 도 3가지 스타일대로 템플릿을 제공해주고 있습니다. 홈페이지 => http://www.initializr.com/ 제목은 1초 기능 템플릿이라고 해서 가장 간단한 템플릿을 말합니다. 이것을 받아서 사용해도 됩니다. 제가 다운로드 받아서 보니 간단해도 있을것은 다 있습니다. 미디어쿼리 @media 까지 적용되어서 작성되어 있습니다. 고급 사용자가 사용하는 일분짜리 템플릿은 클릭하면 다운로드가 바로 되는것이 아니라 고급사용..
익스플로러9 이하 브라우저에서 CSS3 속성(radius, shadow) 사용하기 .TEST{ -moz-border-radius: 15px; /* for Firefox */ -webkit-border-radius: 15px; /* for Crome, Safari */ border-radius: 15px; /* IE9, Opera 10.5, 미래 브라우저들 */ -moz-box-shadow: 10px 10px 20px #000; /* for Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* for Crome, Safari */ box-shadow: 10px 10px 20px #000; /* IE9, Opera 10.5, 미래 브라우저들 */ ..
- Total
- Today
- Yesterday
- jQuery Mobile
- workbook
- Excel
- 저장프로시저
- ASP.NET
- IE
- rowspan
- CSS
- Mobile
- 자바스크립트
- 제이쿼리
- drag&drop
- Chart
- MSSQL
- radius
- Style
- css3
- JavaScript
- WCF
- jQuery
- jquery chart
- SVG
- json
- JS
- html5
- WebApi
- 셀렉터
- Ajax
- grid
- 프로시저
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |