티스토리

All Scrap
검색하기

블로그 홈

All Scrap

allscrap.tistory.com/m

Anna 안나 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • 이글립스 팩트 공감수 0 댓글수 1 2013. 9. 5.
  • 브리티 뮤지션 마스카라 플러스원 스카이공공칠에서 뷰티테스터를 모집한대요.응모하러가세요~http://www.sky007.com//board/board.html?code=braunshop7_board13&page=1&type=v&num1=999990&num2=00000&lock=N 공감수 0 댓글수 0 2013. 2. 13.
  • 삐아 아이섀도우 3종(노바디엘스,스템,모어글루미) 뷰티테스터 신청 현재 sky007에서 삐아 아이섀도우 3종 뷰티테스터를 모집하고 있습니다. 자세한 사항은 아래 첨부된 사진과 링크를 참고하세요^^ http://www.sky007.com//board/board.html?code=braunshop7_board13&page=1&type=v&num1=999997&num2=00000&lock=N 공감수 0 댓글수 0 2013. 1. 20.
  • Jquery Accordion 관련 링크 http://jqueryui.com/demos/accordion/#default http://docs.jquery.com/UI/Accordion#overview http://jquery.bassistance.de/accordion/demo/ 공감수 0 댓글수 0 2012. 1. 17.
  • 셀렉터 1. 위치 기반 셀렉터 //[모든 짝수번째엘리먼트를 선택한다.] $("p:even"); //[모든 홀수 번째엘리먼트를 선택한다.] $("p:odd"); //[(첫|마지막)번째엘리먼트를 선택한다.] $("p:(first|last)"); //(첫|마지막)번째 자식 엘리먼트. 각 리스트의 (첫|마지막)번째의 아이템을 반환한다. $("li:(first-child|last-child)") //형제가 없는 모든 엘리먼트를 반환한다. $("only-child") //[모든 테이블에서 첫째행을 선택한다.] => n값은 1부터 시작 $("table tr:n-child(1)"); //[모든 테이블에서 (짝수 | 홀수)행을 선택한다.] $("table tr:nth-child(even|odd)"); //[n번째로 일치하는 엘.. 공감수 0 댓글수 0 2012. 1. 17.
  • 폼관련 1.checkbox -체크박스 체크 여부 : $('#checkboxid').is(":checked") //체크되었으면 true, 아니면 false를 반환 - 선택된 값 : $("input[name=objname]:checked").val() - 선택 : $("input[name=objname]").filter("input[value=objvalue]").attr("checked", "checked"); - 해제 : $("input[name=objname]").filter("input[value=objvalue]").attr("checked", ""); - 선택된 갯수: $("input[name=objname]:checkbox:checked").length 2. select box -value 값 가져오기.. 공감수 0 댓글수 0 2012. 1. 17.
  • 기초함수 1. jQuery함수 $(...) jQuery 함수 $(...) jQuery(expression,context) CSS 셀렉터를 받아 매치된 엘리먼트 집합의 jQuery 객체를 리턴한다. 예제1 div 엘리먼트 안의 모든 p 엘리먼트를 추출하여 테두리를 붙인다. $("div > p").css("border", "1px solid gray"); 예제2 document 첫번째 form 안에 있는 모든 input 태그 타입이 radio 인 것을 추출한다. $("input:radio", document.forms[0]); 예제3 AJAX 응답으로부터 받은 XML에서 모든 div를 추출한다 $("div", xml.responseXML); jQuery(html) 예제1 div를 비롯한 콘텐츠를 동적으로 생성하고 b.. 공감수 0 댓글수 0 2012. 1. 17.
  • jQuery의 기초 $(document).ready(function() { (이곳에 시연하고자 하는 jquery 코드가 들어감.) }); 위의 코드가 jQuery를 시작하는 기본 코드가 됩니다. Javascript 에서의 window.onload = function() { } ; 부분과 비슷합니다만, 다른점은 자바스크립트의 onload가 모든 이미지들의 로딩이 마쳐야 시연되는 반면에, jQuery는 이미지가 로딩되지 않아도 시연이 됩니다. 페이지가 전부 다운로드 된다음에 실행 $(window).load(function() { 해당 기능 }); HTML이 준비가 되면 실행 $(document).ready(function() { 해당 기능 });위 코드는 (document).ready를 생략해 $(function() { 해당 .. 공감수 0 댓글수 0 2012. 1. 17.
  • 유용한 JQUERY site http://css-tricks.com/downloads/ http://tutorialzine.com/category/tutorials/ http://www.sohtanaka.com/web-design-tutorials/ http://tympanus.net/codrops/ 공감수 0 댓글수 0 2012. 1. 17.
  • JQUERY 플러그인 http://www.trirand.com/blog/?page_id=6 그리드 (*) : 전체 페이징을 하지 않는 Ajax 게시판 http://www.reconstrukt.com/ingrid/example2.html 팬시박스 (**) : 이미지 팝업창에 모달효과 약간의 에니메이션이 들어감. http://fancy.klade.lv/ (****) 예제 : http://fancy.klade.lv/example jQuery Lightbox Plugin (balupton edition) (**) : 이미지 모달 팝업 http://www.balupton.com/sandbox/jquery_lightbox/ imagebox : 이미지 모달 팝업 http://www.intelliance.fr/jquery/imagebox/.. 공감수 0 댓글수 0 2012. 1. 17.
  • Lazy Load Plugin for jQuery Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading. Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cas.. 공감수 0 댓글수 0 2012. 1. 16.
  • jQuery Fade In Scroll To Top Button With Smooth Scroll For Blogger In October last year i wrote a post with a Floating back to top button.Since then i have wanted to cover a more up to date back to top modern button.The popular option when it comes to scroll top buttons is to use jQuery for two reasons.Firstly with jQuery you can have the button hidden until the page is scrolled, secondly when clicked the page scrolls smoothly to the top instead of the direct j.. 공감수 0 댓글수 0 2012. 1. 16.
  • Sticky Sidebar jQuery plugin This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers. Get the code from Github The JavaScript (jQuery) Below is the.. 공감수 0 댓글수 0 2012. 1. 16.
  • jQuery를 이용해 스크롤바 따라다니는 레이어 만들기(IE6,IE7,IE8,크롬,사파리,파폭) 영어지만 잘 설명된 글이 있다 : position:fixed for internet explorer 원리 설명이 잘 돼 있는 듯하다. 그리고 관련 토론은 여기서 볼 수 있다 : 떠다니는 레이어, 그 표준은? 아래는 내가 구현한 것이다. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $(document).ready(function(){ var currentPosition = parseInt($(".float").css("top")); $(window).scroll(function() { var position = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환합니다. if(position>600){ if($.browser.msie && $.browser.v.. 공감수 0 댓글수 0 2012. 1. 16.
  • 설치형 TC에 Ajax 적용해보았다. 트윗을 보던 중, 쿠나님이 티스토리 블로그에 아약스를 적용하고 있다는 것을 발견했다. 음.. 이란 생각과 함께 바로 가서 구경! 읭.. 귀찮아서 하기 싫었던건데 막상 보니까 무진장 하고 싶어졌다. ㅋㅋㅋ 그래서 바로 적용 시도. 일단 몇가지 문제가 있다. 1. SyntaxHighlight와 FootNote 등 BLUEnLIVE 님이 적용해두신 스크립트가 먹지 않는다. 뭐 해결하려면 하겠는데 일단 당장은 귀찮으니 패스. 툴팁은 일단 여기를 참고해보도록 하자.. 2. TC용 플러그인은 해당 플러그인을 직접 수정해야한다. 3. 카테고리.. [...] 이.. 이건.. 답이 없는듯;; 텍스트큐브 1.8.4엔 기본적으로 jQuery 1.4가 들어간다. 그러니 scrollTo 파일만 넣도록 하자. scrollTo.j.. 공감수 0 댓글수 0 2012. 1. 16.
  • 티스토리에 jQuery Ajax를 적용시켜 보았다 간단히 말해서 페이지 갱신을 하지 않고 내용 갱신을 하는 것인데 (아니 말이 이상하네) ... 제일 좋은 예제는 http://www.happyfri.com/blog/ 블로그를 참조하시면 됩니다 (사실 이거 때문에 전 끌려서.. 에헤헤) 별도로 소개할 수 있는 내용이 없으니 스샷은 없고, 저도 적용은 더욱 심화하는것보다 이정도에서 끝내려고 합니다(위젯 덕지덕지인 브롤그에 쓰시면 좋을것 같네요). 그런고로, 일반적 스킨에서 적용할 수 있는 적용 방법을 간단히 적어놓고 ... 그렇게 오늘의 삽질, 종료! [절대 학생회의 일존이라던가를 따라하지 않았습니다] 1. jQuery 프레임워크 와 scrollTo 확장 플러그인 자바스크립트 파일 및 로딩 시에 쓰일 이미지를 티스토리에 올려봅시다. 귀찮으니까 제가 손수 준.. 공감수 0 댓글수 0 2012. 1. 16.
  • UIScrollView에서 subview의 loading을 lazy하게 만들자 이전에 문제가 되었던 UIScrollView에서의 page detecting을 해결하기 위해 구글링 도중에 page의 lazy loading을 고민하는 사람이 많다는 것을 알게 되었다. 이는 지금 나같이 너댓장의 이미지를 로딩하는 데에는 큰 문제가 되지 않지만 수십 수백장의 이미지 혹은 다른 그 어떤 것을 로딩하기 에는 좀 문제가 된다. 원래대로라면 하나의 scrollview에 수십 수백장의 imageview를 addSubview를 이용해 추가하는 것인데 당연히 퍼포먼스나 메모리 관리 측면에서 문제가 안될리 없다. 그래서 많은 image gallery 어플이 하는 방식인 현재 보이는 view와 그 이전/이후의 view만을 로딩하는 lazy loading 방식에 대해 찾아 보다가 stack overflow.. 공감수 0 댓글수 0 2012. 1. 16.
  • jQuery 스크롤 페이징 mixsh나 twtkr등에서 스크를 마지막에 가면 자동으로 다음 글들을 불러 오게 하는 자료입니다. JQUERY로 짜여졌고 간단합니다. 엄청나게 간단하네요....;;; 링크에 실제 배포하는 사이트 남겨 두었습니다. 샘플보기(스크롤해서 내려 보세요) : http://www.webresourcesdepot.com/dnspinger/ 구조설명: 컨텐츠 페이지 구조 content content 로딩중 이미지 보여주는 부분과 실제 데이터 가져오는 부분 function lastPostFunc() { $('div#lastPostsLoader').html(''); $.post("scroll.asp?action=getLastPosts&lastID=" + $(".wrdLatest:last").attr("id"), func.. 공감수 0 댓글수 0 2012. 1. 16.
  • 스크롤 페이징(Scroll Paging, Continuous scrolling pattern) 블로그를 한창 할때, 믹시의 스크롤 페이징을 보고서 어떻게 하는 건지 참 많이 궁금해 했던 기억이 납니다. 졸립기도 하고 갑자기 스크롤 페이징이 생각 나서 검색해봤는데 쭌스님의 포스팅과 Raj Gorsia님의 포스팅을 찾게 되었습니다. 스크립트 라이브러리를 사용하지 않는다면 쭌스님의 글을 참고해서 작성하면 되겠고 JQuery를 사용한다면 Raj Gorsia님의 글을 거의 그대로 사용하면 되겠네요. 예전에 제가 감을 잡지 못 했던 부분은 아래 한줄입니다. ㅠ.ㅠ if ($(window).scrollTop() == $(document).height() - $(window).height()) { 또는 if(content.scrollTop < content.scrollHeight - 500)이렇게 간단한데 말이.. 공감수 0 댓글수 0 2012. 1. 16.
  • WINCE 자료 PMP 프로그램 다운목록 v0.1 스크롤압박 주의! PMP 프로그램 다운목록 v0.1(? 뭔 버젼이냐 갑자기?;;) 음.. 아래 모든 링크가 PMP에서 실행 되는 것 입니다만.. 아직 모든 링크를 걸지 못했습니다. 몇일 후에 다시 올릴 예정이며 중복은 거의 다 제외 했습니다. 그 때는 더욱더 링크가 늘어나 있겠지요.. 열심히 노가다 했는데 설마 덧글이 없는건 아니겠지요? 그리고 내일(은 모르겠지만...)부터 프로그램을 대량 올릴 예정입니다. ================================================ 이 게시글(은 피엠피인사이드, 저의 블로그, 맥시안 PMP 카페[arm] 에만 올렸습니다.)은 저가 아는 한도 내에서 PMP에 실행 가능한 프로그램을 전부 올린 그리고 올릴 게시글 입니다. 현재 이 게시글에는 플래.. 공감수 0 댓글수 3 2010. 11. 20.
  • 웹디자인을 위한 PSD 레이아웃 디자인 50선 웹사이트를 디자인할 때 보통 포토샵 등의 소프트웨어를 사용하여 미리 전체 레이아웃을 디자인을 하고, 완성된 디자인에서 이미지를 슬라이스하여 HTML 문서에 붙여 가는 작업으로 진행해 나갑니다. 이러한 웹 디자인의 작업에 참고가 될만한 포토샵(PSD) 레이아웃 트레이닝 사이트를 모아 봤습니다. 근데 모두 영문 사이트네요..ㅋㅋㅋ (전 봐도 몰겠다..ㅋ) 1. 포토샵으로 그런지(Grunge) 웹 디자인 하기 http://psd.tutsplus.com/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/ 2. 스튜디오 레이아웃 디자인(Wordpress Layout) http://www.talk-mania.com/web-layouts/43737.. 공감수 0 댓글수 1 2010. 8. 8.
  • 스티커/라벨 자료많은 http://blog.naver.com/creamhouse7 공감수 0 댓글수 0 2010. 7. 20.
  • 구글 아이콘 http://csi.nfshost.com/goodies/ Reader By popular demand. Download for Mac + PNGs Google Docs The Google Trilogy is now complete! …Or is it? Download for Mac Download PNGs Facebook Chat It’s not all that irrelevant now that Digsby and Adium support FB chat Download for Mac Google Calendar A suitable companion for your Fluid-generated Gmail.app. Download for Mac Gmail: Remixed The Gmail icon reto.. 공감수 0 댓글수 0 2010. 7. 20.
  • 자바스크립트 메뉴 & CSS 메뉴 12가지 자바스크립트 메뉴 & CSS 메뉴 11가지입니다. 링크로 이동하시면 소스와 사용방법등에 대해서 살펴보실수 있고 소스파일도 다운받으실수 있습니다. dTree메뉴와 Dock Menu, imagemenu 메뉴등은 워낙 유명하니 다들 많이 보셨을겁니다. 3번째 Sexy Drop Down 메뉴는 데모페이지가 상단 헤더부분까지 있습니다. 좀 어두은것 말고는 상당히 구미가 당기네요. dTree JavaScript tree menu jsTree 데모페이지 Sexy Drop Down Menu w/ jQuery & CSS 데모페이지 CSS Dock Menu 데모페이지 Slashdot Menu LavaLamp for jQuery lovers Drag and Drop ordering in a TreePanel imagemen.. 공감수 0 댓글수 0 2010. 7. 20.
  • CSS 메뉴-Mac OSX Dock 스타일 Mac OSX Dock 스타일 CSS 메뉴입니다. 제가 사용중인 메타추천버튼 하고 비슷한 효과를 보여줍니다. 마우스 룰오버시 쑤~욱 커지는거죠. 데모페이지를 살펴보시면 됩니다. CSS 메뉴라서 효과가 좀 부족해 보이지만 그럭저럭 이미지수정하시면 블로그나 홈페이지등에 메타추천버튼등으로 사용하긴 좋을듯 하네요. 첨부파일에 CSS 메뉴의 이미지와 소스가 모두 들어있으니 다운받으시고 살펴보시면 됩니다. 데모페이지 fisheyemenu.zip License: GNU/GPLv3 Internet Explorer 7+ and 8+, Firefox 3+, Google Chrome, Safari 3.2+, Opera 9.52+, and Konqueror 3.5.7+. However, the expanding of imag.. 공감수 0 댓글수 0 2010. 7. 20.
  • 아이팟 스타일 드롭다운 메뉴-iPod Dropdown,Drilldown Menu jQuery 를 이용한 아이팟 스타일의 드롭다운 메뉴입니다. 요즘 아이팟이 유행인지라 아이팟에 관련된 것들이 많이 눈에 띄네요. Firefox 2 & 3, Internet Explorer 6-8, Safari 3, and Opera 9.6: jQuery Menu 로 가시면 상세한 사용방법과 데모들이 있습니다. 물론 영문으로요. ^^ 첨부파일에 모든소스가 들어있습니다. 대충 어느정도의 테그편집이 가능하신분은 index.html 직접 실행시켜보신후 index.html 파일을 수정 사용하시는게 훨씬 빠를겁니다. fg-menu.zip 아이팟을 사용해본적이 없어서 메뉴가 저런식을 나오는지 모르겠지만.. 상당히 쓸만한 메뉴라고 생각되네요. 해당페이지에서 자세하게 찾아보지는 않았지만 jQuery가 GPL이므로 해당자.. 공감수 0 댓글수 0 2010. 7. 20.
  • Nice ‘n’ Simple Subscribe Badges There have already been quite a few tutorials around documenting the making of these sleek, supermarket-style badges, but none of them have made them into subscribe badges! Well I actually have no proof of that assumption, but anyway. In this Photoshop tutorial we’ll be making those cool supermarket-style badges, then we’ll be turning them into subscribe buttons for your website, a must-have for.. 공감수 0 댓글수 0 2010. 7. 20.
  • MakingSEO coded, Free CSS Template with PSD-to-HTML tips By this time I’m sure, the superheroes don’t have particular superpowers. The crisis are still running and I certainly cannot save the world, dammit! But… I’ve coded the PSD Template makingSEO and in this post you can read some quick tips used in the psd-to-html conversion (in case you missed the first part, please read Design A Clean And Fresh Company Website In Photoshop). In previous tutorial.. 공감수 0 댓글수 0 2010. 7. 20.
  • PSD 레이아웃 템플릿 사이트 무료 포토샵 PSD템플릿 레이아웃 사이트들을 또 모아봤습니다. 즐겨찾기에 섞여 있는 것도 있고, 검색결과도 있고 합니다. 조각조각이어서 그렇지, 꽤 많습니다. deviantart 아닌 이상, 사이트마다 psd 자료만 보지 마시고, 다른 것들도 추천할 만한 것들 많이 있습니다. A. PSD템플릿 1. http://www.freepsd.com/category/freetemplates/ 페이지 당 10개씩 PSD 템플릿이 있습니다. 현재 psd template이 32개 있습니다. 적은 편이지만, psd로고나 psd 이미지 자료 들도 있습니다. 템플릿 이름 누르면, 다운페이지로 이동 됩니다. 다운로드 버튼이 아주 크네요. 2. http://www.free-psd.com/ 여기도 괜챦습니다. 특이하게 색상별로 분.. 공감수 0 댓글수 0 2010. 7. 20.
  • How to Spot Quality within Web Design: Examples & Tips http://wefunction.com/2009/04/quality-within-web-design/ Quality is a word that a lot of people like to use when describing their web design services. But what is quality, how do you know if a design is quality or not. Well, I think that there’s quite a few ways to spot quality within web designs. Once you can see just what goes into making a quality web design, you can use the techniques to per.. 공감수 0 댓글수 0 2009. 8. 9.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.