퍼블리싱/TIP 검색 결과

해당 글 20건

트윈맥스 TweenMax

카테고리를 어디로 넣어야할지 몰라서 일단 여기에.123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129// 이하 포함 // Simple TweenTweenLite.to(allItems, 1.5, {y: 20, autoAlpha: 0}); // Simple TweenT..
퍼블리싱/TIP 2017. 9. 27. 15:11

[css trick] text-align : justify

div 안에 글을 정렬할 때 text-align 을 많이 사용한다. 이 중에 justify 속성은 div의 폭에 맞춰 글을 정렬하는 것이다.허나 영문이 아닌 아시아 언어는 이 속성이 제대로 적용되지 않는다. 이 름 :핸 드 폰 : 우편번호 : 표현하자면 이런식일까? 이름, 핸드폰, 우편번호라는 라벨을 text-align: justify 로 정렬해보지만 제대로 되지 않는다. 123이 름핸드폰우편번호cs 123456789.justifyAsia { width: 200px; text-algin:justify;}.justifyAsia:after { content: ""; display: inline-block; width: 100%;}cs 이러면 된다.
퍼블리싱/TIP 2017. 9. 22. 23:52

BEM(Block Element Modifier)에 관하여

BEM ( Block Element Modifier ).header__nav--sta 위와 같은 스타일의 클래스작명규칙( naming convention )을 BEM이라 한다.각 요소의 연관성을 분명하게 볼 수 있는 것이 장점이다. 아래글은 csswizardry.com의 글을 가져온 것입니다. BEM Naming Convention123.block{}.block__element{}.block--modifier{}cs .block 은 높은단계의 구성요소를 말한다..block__element 는 .block의 자식을 나타낸다..block--modifier 는 .block의 다른 상태나 버전을 나타낸다. 좀 더 쉽게 예를 들어보자면 아래와 같다. 12345.person{}.person__hand{}.perso..
퍼블리싱/TIP 2016. 6. 22. 09:30

모바일웹에서의 FOOTER

모바일웹에서 footer 태그에 위치한 숫자들을 전화번호로 인식하여 자동으로 a태그가 감싸진다. 그 결과 원하던 폰트색이 아닌 a태그로 감싸져있을 때의 폰트색으로 변경되어 나오게 되는데 footer에 태그를 추가해서 원하는 폰트색으로 변갱해주자.12footer address a:link{color:#838383;}footer address a:visited{color:#838383;}cs이렇게 추가해주면 원래 폰트색으로 나오게 된다.
퍼블리싱/TIP 2016. 4. 6. 15:32

0부터 목표치 까지 수치 카운트하는 애니메이션

12345678910111213141516171819if(isScrolledIntoView(main05)){ $('#section05 .article h2').css({"animation-play-state":"running"}) if (!main05Status) { $('span.count').each(function(index) { var eachnum = $(this).text() $(this).prop('Counter',0); $(this).animate({ Counter: eachnum }, { interation: 1, duration: 3000, step: function(now) { $(this).text(parseInt(now)); } }); }); main05Status = true; ..
퍼블리싱/TIP 2016. 4. 5. 14:14