본문 바로가기

Local Oriented

 (251)
position fixed 를 사용하여 화면이 스크롤 되어도 고정 위치에 표시 ...상기와 같이 하면 오른쪽 상단에 div 가 놓여진다. 스크롤 하더라도 그 위치가 변함이 없다.레이어가 있는 화면의 경우 z-index:100 과 같이 값을 주면 되겠고..그런데, doctype 이 정의되어 있지 않다면 작동하지 않는다. jquery 와 함께 사용하여 일정한 공간을 스크롤 한 다음에야 표시되게 하고,일정한 공간이 남은 다음에 표시되지 않게 할 수도 있겠다..처음엔 나오지 않다가 어느정도 스크롤 하면 나오게 하거나,반대로.. 처음엔 나오다가 일정한 스크롤이 이루어지면 표시되지 않도록 할 수도 있겠다. jquery 를 이용해서 일정한 곳으로 애니메이션 스크롤http://luckypong.tistory.com/73
jQuery 클릭 또는 터치 좌표 아래와 같이 코드를 만들어서 갤럭시S 와 iPod Touch 4세대, PC 에서 IE 8.x, PC Chrome, PC Safari 등을 모두 테스트 해 봤는데..모두 PC 좌표라고 찍히네요.. jQuery 버전에 따라 달라지는걸까요..? 어떤 분은 iPhone 에서만 다르다 하는데..iPhone 을 가지고 있지 않아서 테스트 못했군요.. ㅠ.ㅜ 클릭.. 터치..?
jQuery 관련 UI 프레임웍 http://twitter.github.io/bootstrap/ 부트스트랩http://addyosmani.github.com/jquery-ui-bootstrap Twitter UI 셋의 jQuery 버전이라네요..그런데, 아이팟 터치 4세대 iOS 사파리에서 돌렸더니 넘 느리네요.. http://jqueryui.com/ jQuery 공식 UI 셋모바일에서는 bootstrap 이나 jqueryui 나 거기서 서기.. ㅠ.ㅜ http://jquerymobile.com/ jQuery 공식 모바일 UI 셋 (프레임웍이라고 하기도 하던데.. 그냥 UI 셋이란 느낌)모바일에서는 그래도 jquerymobile 이 나은데,태블릿도 생각한다면 큰 화면용 또는 일반 PC(데스크탑, 노트북)용으로도 jquerymobile ..
즐겨찾기 북마크, IE FF Chrome Safari 예전엔 아래 코드를 많이 썼는데, 이게 IE 에서만 작동을 해요.. 그래서 요즘엔 이걸 대행해 주는 플러그인을 사용합니다. MS 의 인터넷 익스플로러(IE) 에서는.. Google 의 Chrome 에서는.. Mozilla 의 FireFox 에서는.. Apple 의 Sarari 에서는.. 등등과 같이 나옵니다.그런데, IE 에서만 동작하는 코드에서는.. 웹페이지 어디에서든 메인 페이지만 즐겨찾기를 할 수 있었는데..플러그인에서는 열려있는 웹페이지를 즐겨찾기(북마크) 하는 것이 약간의 문제를 가져옵니다.이때 해당 웹페이지의 title 부분에 정확히 기술하면 문제는 없긴 합니다. 이를테면, www.abc.co.kr 을 표시하는 웹페이지 title 에 'ABC 방문을 환영합니다' 라고 했다면,www.abc.co..
jQuery 플러그인 모음 - 스크롤 패스http://skullacy.com/779 - http://www.unheap.com/ 플러그인 총출동.. ^^> http://guny.kr/jquery-sprite-plugin/ 애니메이션 - 무한 스크롤현재 표시된 목록 맨 하단이 노출될때 다음 목록이 불려와서 자동으로 적재1. http://imakewebthings.com/jquery-waypoints/infinite-scroll/ MIT/GPL 라이센스2. http://archive.plugins.jquery.com/project/endless-scroll 스크롤 http://kwangho.tistory.com/m/post/view/id/2166 직접 구현 - 달력 Calendarhttp://arshaw.com/fullcalendar..
기본 코드, HTML/CSS/JavaScript http://www.instacss.comHTML5 가 지원되는 웹브라우저에서 열립니다. ^^.HTML 태그가 사용 가능한 HTML 버전 (HTML5 냐 HTML4.01) 등이 정리되어 있어요. 사전이라고 보면 됩니다.사이트를 만든 정성이 여간이 아니네요..
쓸만한 표현식 http://olpost.com/r/4951585 숫자와 수치 function isDigit(s){ return /^[-+]?\d+$/.test(v); } +/- 수치를 체크. 산식은 불허. .replaceAll("[^0-9|a-z|A-Z]","") 0 에서 9 까지, a 에서 z 까지, A 에서 Z 까지만 남기고 다른 문자는 없애는 표현식 const url = /(\w+):\/\/([\w.]+)\/(\S*)/g; // http 든 https 든 체크. ? 이후 쿼리 스트링도 체크(와 )로 묶이는 내용은, 괄호 안에 기술된 순서대로 하나의 그룹 취급. 사실 상기 url 패턴에서 ( 와 ) 는 삭제해도 동일 작동[와 ]로 묶이는 내용은, 괄호 안에 기술된 각각의 요소가 하나라도 있으면 ok\w 는, [a-..
jQuery Selector 선택자 검색 찾기 http://hjzzin.tistory.com/74 http://jquerykorea.net/Documentation/list.php?PT=Traversing&CT=Tree%20TraversalparentsUntil, nextUntil, next, siblings, prevAll, prev, offsetParent, nextAll, find, closet, children http://jquerykorea.net/Documentation/list.php?PT=Selectors&CT=Selectors상당히 다양한 함수들.. 짬 나는 대로 들여다 볼만한 내용들이 잔뜩 들어있습니다.

티스토리툴바