trycode

zen conding 키워드 zen-coding 태그#아이디명 ====> 아이디 이름을 가진 태그 생성 ex) div#container 태그.클래스명 ====> 클래스 이름을 가진 태그 생성 ex) div.container +태그명 ==> 형제 노드 생성 ex) div.container+div.btn 태그 > 태그 ====> 상하 종속 태그 생성 ex) div.container>ul>li *숫자입력 ==> 생성 태그 갯수 ex) div.container>ul>li*10 클래스명 or 아이디명 or 텍스트 노드$ ===> 순차적(내림차순) 번호 붙임 ex) div.container>ul>li.list$*10 ex) div.container>ul>li.list${menu$}*10 그룹핑 ex) (div>dl..

TweenMax 그 전 job이 액션스크립터였을 당시 TweenMax 없이는 모션 작업이 불가할 정도였다. 그만큼 많이 의지도 했었지만 정말 훌륭한 라이브러리였는데.. js 쪽으로 부활하다니.... 성능에 긴가민가였는데... 역시는 역시.... 좋다. 요새 자주 사용하는 라이브러리중 하나이다. TweenLite/TweenMax Guideline: https://greensock.com/get-started-js Getting Started with GSAP The GreenSock Animation Platform (GSAP) animates anything JavaScript can touch (CSS properties, SVG, React, canvas, generic objects, whateve..

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 애니메이션 참조용으로 좋음 )

정규표현식 테스트 하기에 더할 나위 없다. http://gskinner.com/RegExr/ 아래는 정규식표현을 도식화 한 것~ 이해 안가는 정규표현식을 그림으로 잘 풀어냈다~ 정말 대단~ http://regexper.com/ 아래는 연습문제로 하나씩 도전해보는 맛이 있다. https://regexone.com/ 아래는 정규 표현식 기본사항이다. ^a 문자열이 a로 시작 a$ 문자열이 a로 끝남 .a 임의의 한 문자를 표현 a+ a가 1번이상 반복 a? a가 존재하거나 존재하지 않음. a* a가 0번이상 반복 찾기 a|b a또는 b를 찾기 (a) 그룹화 즉 괄호안의 내용을 한 단위로 캡쳐( 기억 ) 해 둔다 (a)(b) 그룹화 할때 자동으로 a그룹부터 순서대로 캡쳐 (a)(?:b) 캡쳐하지 않는 그룹을 ..

custom 버튼 적용하기. - 이전에 기본 사용법 [유용한 라이브러리] - slick.js 사용하기 ( 1 ) slick.js 사용하기 ( 1 ) slick.js - 슬라이드 / 캐러셀 라이브러리 http://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints.. trycode.tistory.com 을 살펴 봤다. 이번엔 버튼 ( arrow / dot ) 을 커스텀해서 작업하는 방법을 알아보자. ( 실무에선 보통 버튼은 작업된 디자인에 맞게 다시 작업하는게 대부분이다. ) html sli..

slick.js - 슬라이드 / 캐러셀 라이브러리 http://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io - 사용하기 정말 간편하다. API 문서가 영어로 되어 있긴 하지만 쉽게 알아볼 수 있게 예제도 잘 정리되어 있다. 내가 잘 따라 할 수 있는 정도니까 왠만한 사람들은 다 할 수 있으리라 생각된다. 기본 사용법. head 태그 내에 아래 코드를 삽..