본문 바로가기

전체 글229

HTML5 변경점 추가된 새속성 HTML5 변경점 추가된 새속성 HTML 5는 기존 HTML 4 내의 요소에 대해 여러 가지 새 속성들을 제공 하고 있다. a와 area 요소는 link와 함께 사용 가능한 media 속성을 이용할 수 있다. a와 area 요소는 ping이라는 새 속성을 통해 하이퍼 링크에 대해 ping 정보를 보내야하는 URI 목록에 대해 한칸 공백으로 분리해서 제공할 수 있다. 이 속성은 사용자 에이전트가 어떤 URI에 ping 정보를 보냈는지 사용자에게 알려 주거나 개인 정보를 우려하는 사용자를 위해 기능 끄기도 제공 한다. area 요소는 좀 더 견고 하도록 hreflang와 rel 속성 모델을 사용한다. base 요소는 a 요소에서 이미 널리 지원되는 target 속성을 지원한다. a와 area에서 iframe.. 2010. 4. 3.
jquery 플러그인 다단네비게이션 심플 jquery 플러그인 다단네비게이션 출처는 http://apycom.com/menus/8-white-smoke.html 여기서 색깔에따라원하는것을 받을 수 있다 다좋지만 문제는 span남발이며 jquery의 특성인 옵션 부가기능이 없다.그냥 단순하게 사용하고싶은이에게 추천 2010. 4. 2.
jQuery 다단 네비게이션 플러그인 jQuery 다단 네비게이션 플러그인 다단 네비게이션을 jQuery를 통해 쉽게 만들어보자 목표는 흔히보는 아래 그림과 같은 네비게이션을 구해볼것이다. 출처는http://plugins.jquery.com/project/jfastmenu 기본 html 메인메뉴는 5개로나누어진다.홈,그림,음악,방명록,잡다이것을 리스트로 코딩하자 홈 그림 음악 방명록 잡다 세분화한 카테고리로 그림안에 일반,디자인,미술가를 더 넣을것이다.또 거기에 좀더 넣어 다단계로 만든다.아래와같은 결과. Home 그림 일반 디자인 팝아트 옵아트 패브릭 에벌린 미술가 다빈치 미켈란젤로 음악 방명록 잡다 소스는 다음과 같다. Home 그림 일반 디자인 팝아트 옵아트 패브릭 에벌린 미술가 다빈치 미켈란젤로 음악 방명록 잡다 jquery로 작동 .. 2010. 4. 1.
최근 부라우저들의 CSS3,HTML5 지원현황 http://www.findmebyip.com/litmus/#target-selector 여전히 문제는 IE거의 지원을 못해주고있다.제대로 병맛. 2010. 3. 31.
jQuery 이미지 슬라이드 플러그인 jQuery 이미지 슬라이드 플러그인 이 플러그인은 가운데 그림을 클릭시 확대 그리고 양쪽그림을 클릭시 다음그림을 슬라이방식으로 보여준다, 다운은 여기서 http://plugins.jquery.com/files/jquery.slidingGallery-1.1.js.txt 먼저 html 부터 보자 스크립트는 $(function() { $('div.gallery img').slidingGallery(); }); 확인은 아래링크에서 http://sianasiatiger.cafe24.com/study/JP_slidgall.html 2010. 3. 30.
html5 엘리먼트 변경점 새로생긴 엘리먼트 html5 엘리먼트 변경점 새로생긴 엘리먼트 HTML5 추가된 엘리먼트포스팅에서 간단히 봤지만 새로추가된것들 더자세히보자 section은 태그는 일반적인 문서 및 애플리케이션 영역을 표시할 때 사용한다. article은 뉴스 기사나 블로그 글 같은 독립적인 컨텐츠 단위를 표시할 때 사용 한다. aside는 문서의 주요 부분을 표시하고 남은 부분의 컨텐츠를 표시할 때 사용한다. hgroup은 섹션 머리말을 표시할 때 사용한다. header은 문서 내 소개 및 네비게이션 메뉴 모음을 표시할 때 사용한다. footer는 문서 내 꼬리말 부분을 표시할 때 사용하며 문서 저자, 저작권 정보 같은 것을 표시할 수 있다.. nav는 문서 내 네비게이션. figure는 그림이나 비디오 같은 임베딩 컨텐츠와 함께 캡션을.. 2010. 3. 30.
jQuery 1.4 변경점 jQuery 1.4 변경점 지난 1월달에 jquery 1.4가 나왔다. 변화된점을 요약. 참고한 출처는 여기다http://firejune.com/1527.자세히 설명되있으므로 참조 collection방식 프로그램밍을 해본 이들이라면 c언어를 접해봤을 것이고 클래스(class)에 대해 알것이다.집합된 객체(object)에 변수 함수등을 설정해준다. 이번에 나온 jquery 1.4도 이와 비슷하게 지원된다. 먼저 종전에 사용한 방법을 보자 아래의 html에서 아이디(id), css, 실행함수를 나오도록 해보자 jquery 1.4 그리고 종전의 방식으로 여기에 추가해보자 $('a').attr('id', 'new') .css({'color':'#fcc','font-size':'28px' }) .click(fun.. 2010. 3. 17.
jquery .live()메소드 jquery .live()메소드 live란 말뜻대로 살아있는 이벤트 핸들러이다..... 현재 있지않은 엘리먼트에 이벤트를 줄수있다. 나를누르면~ 위와 같은 html에 아래와 같은 소스 $("p").live("click", function(){ $(this) .after("새문장이뜨네요 또 누르면"); }); 클릭하면 아래 문장이뜨고 또 그걸 클릭하면 또 문장이 뜰것이다 http://api.jquery.com/live/ 위링크에 가서 demo를 보며 확인할 수 있다. 2010. 3. 17.
jquery ajax 요청 절대경로 다른도메인 ajax 요청 절대경로 다른도메인 ajax 요청하기 위 포스팅에서 ajax로 요청하는 방법을 보았다. 문제는 상대경로는 문제없이 읽어들일수 잇는데. 절대경로 즉 다른 도메인이나 서비스를 제공하진 않는 사이트라면 그렇지않다. 이는 대부분의 브라우저가 페이지를 다운로드한 서버외에 다른 서버에 HTTP요청하는 것을 막고있기 때문이다. 즉 보안적으로 브라우저의 당연히 갖춰야할 조취라 할수있다. XSS 크로스 사이트 스크립팅(Cross-Site Script) 앞서 말한 ajax요청등을 악의적으로 사용하는경우를 말한다. 예로들자면 나쁜코드가 다른사용자의 브라우저에서 수행되도록 하는공격,게시판이라든가 쿠키에 접근가능한 일이 가능해진다.요즘 거의 이런일이 없고 보안상 잘준비되있다. 절대경로, 다른도메인에서 읽기 하지만.. 2010. 3. 16.

티스토리툴바