Web 썸네일형 리스트형 textarea 글자 수 표시하기 $(document).ready(function(){ document.oncontextmenu = new Function('return false'); document.ondragstart = new Function('return false'); document.onselectstart = new Function('return false'); $(function() {function updateInputCount() { var textLength = $('textarea').val().length; var count = textLength; $('span.input-counter1').text(count); if (count >= 250) { $('span.inputCnt').addClass('disab.. 더보기 hoverIntent jQuery Plugin 출처 : https://briancherne.github.io/jquery-hoverIntent/ 더보기 css :before, :after 가상태그의 활용 점점 모바일과 반응형 사이트의 빈도가 많아지면서 가상태그를 사용하게 되는 경우가 많아졌습니다. 아래와 같이 간단하게 마크업을 했을 경우에 1welcome to designsharpcs css로 :before 가상태그를 넣어줍니다. 12345p:before { content: "hi bro! "; font-weight: bold; font-style: italic;}cs 그럼 아래와 같은 결과화면을 볼 수 있습니다~ 이번에는 :before 가상태그를 이용해 아이콘을 한번 넣어보겠습니다~ 123456789p:before { content: ""; display: block; background: url("http://icons.iconarchive.com/icons/iconsmind/outline/128/A.. 더보기 유투브 영상 주소에 사용가능한 옵션 정리 http://spicaryn.tistory.com/23 더보기 유투브 동영상 api를 이용해 제어하는 방법 유투브 영상을 퍼올때 보통은 아래의 이미지처럼 공유의 iframe 소스코드를 복사해서 사용하지만, 자동재생, 음소거 등 다양한 설정을 할 수 없는 부분이 있었습니다. 옵션항목을 제어하기 위해서 유투브 API 코드를 활용할 수 있는데요~ 사용방법은 간단합니다. 유투브 동영상을 재생시켜줄 틀 하나 생성해주세요. ex. 출처 : https://developers.google.com/youtube/iframe_api_reference 더보기 앵커 클릭시 부드럽게 스크롤이동 앵커 01 앵커 02 앵커 01의 내용 앵커 02의 내용 위와 같은 앵커 이동의 소스코드가 있다고 했을 때 좀더 부드럽게 출력할 수 있도록 해보장.ㅋ 더보기 특정 타겟으로 부드럽게 스크롤 되는 스크립트 기존 앵커는 타겟이 될 요소에 id를 지정하여 href속에서 해당 #id를 넣어 별 문제 없이 진행을 했었다. 그러나 앵커 연결시 다른 요소때문에 가려지는 문제가 생겼다. 헤더영역이 position:fixed로 되어있어서 앵커설정된 부분과 겹치는 것이다! 생각해보면 별 것 아니었는데 참... offset.top 에 fixed잡힌 요소의 높이값만큼 영역을 늘려주고 해결했다. Scroll to target 출처 : http://jewonagency.com/ 더보기 컨텐츠 불펌 제한 http://bavotasan.com/2010/add-a-copyright-notice-to-copied-text/ 더보기 이전 1 2 3 4 ··· 10 다음
