전체보기 검색 결과

해당 글 158건

wordbreak.js (단어마다 끊어주는 플러그인)

jQuery word-break: keep-all 플러그인 ver 1.3.0 Demo아래 버튼을 이용해 가로를 50px씩 늘리고 줄이면서 단어별로 끊어지는지 테스트해 보세요. 플러그인 적용 (applied)다양한 태그에 테스트해 본 것입니다. Test target isvary tags.이것은 span tag로 둘러싼 것입니다. 이것은 span tag로둘러싼 것입니다.이것은 div tag로 둘러싼 것입니다. 이것은 div tag로둘러싼 것입니다. (자식 HTML이 있어도 작동하는 것을 보여줍니다.)이것은 h3 tag로 둘러싸고 중간에 줄바꿈이있는 것입니다. 이것은 h3 tag로 둘러싼것입니다.이것은 p tag로 둘러싼 것입니다. 이것은 p tag로둘러싼 것입니다.이것은 a tag로 둘러싼 것입니다. 이것은..
WEB/jQuery 2017. 6. 12. 17:55

당신이 2017년에 배워야 할 언어, 프레임워크, 툴에 대하여

출처: http://han41858.tistory.com/27 Martin Angelov의 [The Languages, Frameworks and Tools You Should Learn in 2017] 를 번역한 글입니다.If writer does not want this article, please contact me.(han41858@gmail.com) 소프트웨어 개발 업계는 빠른 발전을 계속하고 있다. 2016년에도 우리가 일하는 데에 도움을 주거나, 일하는 방식을 바꿨던 수 많은 언어와 프레임워크, 툴이 나왔다. 이 모든 것을 최신으로 따라가는 것은 어려운 일이기 때문에, 연말 즈음에 내년에는 어떤 것이 중요하고 배울만 한 지 살펴보는 시간을 가져보려고 한다. 트렌드프로그레시브 웹 앱(Progr..
공유하기 2017. 6. 12. 09:49

$(window).load, $(document).ready 로드 후 실행되는 시간

$(document).ready(function(){ // code }); 브라우저에서 DOM 트리를 생성하고난 후에 실행(DOM is ready) $(window).load(function(){ // code }); 모든 include 되는 프레임들과 object들, 이미지까지 로드된 이후에 실행 출처: http://creator1022.tistory.com/156 [무한도전]document가 ready된 시점에는 DOM에 대한 접근만이 자유롭겠지만 아직 브라우저에서 다른 객체들이나 이미지들을 로드하지 않은 상황이므로 어떤 페이지를 사용자가 접근할 때 이미지에 대한 가공을 하려한다면 실패하게 되겠죠. 하지만, window를 로드하고난 이후에 실행되는 코드들은 모든 객체나 프레임들(외부 contents를..
WEB/jQuery 2017. 6. 7. 20:35

글자 자르기(...으로 흘러넘치게 보이기)

...으로 흘러넘치게 보이기 CSS.target { /* 한 줄 자르기 */ display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 출처: http://webdir.tistory.com/483 [WEBDIR]
WEB/CSS 2017. 6. 7. 16:39