세줄코딩

그동안 좀 크롬에서만 console.log로 봤었는데 ie에서도 보기위해~ 걍 log함수로 통일 시킴.....간단하게 아래와 같이 쓸 수 있겠다....( 크롬, 파폭, ie 정도 테스트용 ) function log() { try{ console.log.apply(console, arguments); }catch(e){ alert(Array.prototype.join.call( arguments, " ")); }};

오옷 마침 한글 번역된 곳이 없나 했는데 ~ ㅋㅋㅋ 나이스~굿잡~ http://maczniak.github.io/bootstrap/index.html

그 전 job이 액션스크립터였을 당시 TweenMax 없이는 모션 작업이 불가할 정도였다.그만큼 많이 의지도 했었지만 정말 훌륭한 라이브러리였는데.. js 쪽으로 부활하다니.... 성능에 긴가민가였는데... 역시는 역시.... 좋다.요새 자주 사용하는 라이브러리중 하나이다. TweenLite/TweenMax Guideline: https://greensock.com/get-started-js css animation 참조 : http://css-tricks.com/myth-busting-css-animations-vs-javascript/ 간단 사용법 var $box = $('#box'); var tween = TweenLite.to($box, 2, { x: 100, ease: Power1.easeInO..

아래와 같은 3가지 방법이 있다. 1. 이미지를 실제로 표시하는 크기의 4배의 크기( 높이2배, 넓이2배 )로 작성. 그리고 img 요소의 width 및 height 에는 표시 크기를 지정. 예> 2. image-set 함수에 따른 대응 방법 ios6 이후 탑재된 Mobile Safari 에 내장된 image-set 함수 사용.image-set 은 디바이스 픽셀 비율등에 따라서 이미지를 분배하는 함수. selector{ background: -webkit-image-set( url( 1x.png ) 1x, url( 2x.png ) 2x ); background: #777;} 3. device-pixel-ratio 를 사용한 대응 방법 /*iPhone3GS 이전, 저해상도 Android단말, deviceP..

IE9 이전 버전에서 HTML5 대응법 http://code.google.com/p/html5shiv html5shiv.js 로딩 예> IE9 이전 버전에서 CSS3 대응법 http://code.google.com/p/css3-mediaqueries-js/ css3-mediaqueries.js로딩 예> 혹은 https://github.com/scottjehl/Respond/

http://html5doctor.com/html-5-reset-stylesheet/ http://meyerweb.com/eric/tools/css/reset https://github.com/necolas/normalize.css

http://thenextweb.com/ http://www.stinkdigital.com/en/ http://brickartist.com/ http://couchdb.apache.org/ http://www.luciopiunti.it/ ( 갤러리 사이트 참조라면 한번 쯤 봐두자 ) http://folksy.com/ ( 쇼핑몰 사이트 참조라면 한번 쯤 봐두자 ) http://mediaqueri.es/( 미디어 쿼리를 사용한 사이트를 소개하는 사이트이다~책갈피 및 즐겨찾기 필수 )

http://css3please.com/ http://css3generator.com/ http://www.westciv.com/tools/gradients/ http://www.css3factory.com/linear-gradients/ http://css3pie.com/ https://code.google.com/p/ie7-js/ http://desandro.github.io/3dtransforms/ ( css3 애니메이션 참조용으로 좋음 )