본문 바로가기

자바스크립트2

3,500개 이상의 제이쿼리 플러그인& 튜토리얼 - jQuery Rain 동적인 웹디자인과 퍼블리싱에 제이쿼리만큼 소중한 게 있을까. 그 소중한 온갖 종류의 제이쿼리 소스들을 엄청난 수준으로 누적하고 있는 웹사이트를 하나 소개한다. 바로 제이쿼리 레인(jQuery Rain). http://www.jqueryrain.com/ 카테고리별로 각각 수십에서 수백 개의 플러그인을 소개하고 있다. 스크립트가 어려운 나 같은 개발 쌩초보에게는 특히 CSS 카테고리가 유용하다. 영어를 잘 몰라도 소스 쓰는 데는 별로 문제가 없다. 다만 UI가 다소 산만한 편. 조만간 오프캔버스 메뉴 하나를 가져와야겠다. 열린노트/IT·SW·디자인
스크롤을 내리면 나타나는 '맨 위로 가기' 버튼 적용하기 PC나 태블릿 환경에서 가로로 나열돼 있는 구성요소들이, 모바일 환경에서는 세로로 쭉 이어지기 때문에 스크롤이 길어지기 일쑤이다. 그래서 '맨 위로 가기' 버튼을 만들어 넣기도 하고, 스크롤을 내려도 상단에 고정되는 기본 메뉴바를 마련하기도 한다. 여기서는 우선 티스토리 블로그를 기준으로, 가장 간단한 방법의 '맨 위로 가기' 버튼 적용 방법을 소개한다. 적용 소스 HTML(skin) 마크업 티스토리 블로그 관리자 모드로 접속해 skin.html에 다음 두 가지 소스를 넣어주어야 한다. 먼저 아래 코드를 와 사이에 삽입한다. 바로 앞에 넣는 것도 괜찮다. 이 코드는 'images/up-arrow-icon.png'라는 가로 55픽셀, 세로 55픽셀의 이미지를 '맨위로' 버튼으로 사용하겠다는 뜻이다. 그 다.. 열린노트/IT·SW·디자인