JavaScript/CSS

게시물 검색
전체 40건 2 페이지
  • ajax 예제 모음
    http://runanywhere.co.kr/ajax/c2/web/

    http://runanywhere.co.kr/ajax/c3/web/

    c2 와 c3 만 봐도 된다.
    나머진 java 와 연동되야 확인 할 수 있는 자료이다.

    http://runanywhere.co.kr/ajax/c4/web/…
    작성자최고관리자 시간 05-07 조회 2517
  • CSS 무료 사이트
    http://www.openwebdesign.org/browse.php

    http://www.oswd.org/designs/browse/sortby/date/page/1/

    http://www.freelayouts.com/websites

    http://www.opendesigns.org/

    http://www.dotcomwebdesign.com/?Free-Website-Templates-Section-1

    http://www.freecsstemplates.org/

    http://www.templatesbox.com/templates1.htm

    http://www.ex-designz.net/template/tempcat.asp?cat_id=13

    http://www.oswt.co.uk/

    http://www.free-css-templates.com/css-templates/

    http://www.mastertemplates.com/

    http://www.freetemplatesonline.com/

    http://www.freewebsitetemplates.com/

    http://www.templateworkz.com/

    http://www.templateworld.com/free_templates.html

    http://www.solucija.com/templates/free

    http://www.sixshootermedia.com/free-templates/

    http://www.cssfill.com/blog

    http://www.code-sucks.com/…
    작성자최고관리자 시간 03-16 조회 2314
  • 무료 사진 이미지
    무료사진 이미지들
    http://www.flickr.com

    구글의 파카사웹
    http://picasaweb.google.com/
    [이 게시물은 최고관…님에 의해 2010-05-28 13:47:04 Community에서 이동 됨]
    [이 게시물은 최고관…님에 의해 2010-06-23 10:40:27 OPEN 소스에서 이동 됨]…
    작성자최고관리자 시간 05-18 조회 2299
  • Canvas fingerprinting - 쿠키 없이 사용자 추적
    Canvas fingerprinting(canvas 지문 채취)는 브라우저 쿠키 없이 웹사이트에 접속한 사용자를 uniquely 하게 식별하여 추적하는 브라우저 fingerprint 기술 중 하나. (식별 정확도가 100%가 아니기 때문에, 광고 타겟팅에만 주로 사용.)University of California, San Diego 의 연구원이 2012년 5월에 쓴 논문 “Pixel Perfect: Fingerprinting Canvas in HTML5” 이 최초.Princeton 대학과 KU Leuven 대학의 2014-07-24 연구 결과로 화제가 되었음. “The Web never forgets: Persistent tracking mechanisms in the wild”사용중인 곳: 미국 백악관 사이트 를 포함하여 상위 1만개의 사이트중 5.5% 이상이 사용하고 있다.Rap Genius, CBS, YouPorn 등사용중인 사이트를 정리한 사이트사용하는 곳 중 95%가 AddThis가 만든 Canvas Fingerprinting 스크립트를 사용.쿠키보다 무서운 점은.사용자가 내가 추적되고 있는지를 알 수 없고사용자가 추적을 거부할 수 없다구현사용자가 방문하면브라우저는 HTML5 canvas element를 사용하여 이미지를 그리게 한다.아래 코드와 같이 fillStyle, fillText, fillRect 와 같은 canvas API 로 이미지를 만든다.var txt = "BrowserLeaks,com 1.0";
    ctx.textBaseline = "top";
    ctx.font = "14px 'Arial'";
    ctx.textBaseline = "alphabetic";
    ctx.fillStyle = "#f60";
    ctx.fillRect(125,1,62,20);
    ctx.fillStyle = "#069";
    ctx.fillText(txt, 2, 15);
    ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
    ctx.fillText(txt, 4, 17);
    렌더링 되는 이미지는 PC마다 미묘하게 달라서, 고유 이미지가 된다.미묘한 차이가 어디에서 오지?PC에 설치된 GPU 또는 그래픽 드라이버의 차이만들어진 이미지를 canvas.toDataURL.replace("data:image/png;base64,",""); 와 같이 인코딩하여 서버로 보낸다.서버는 받은 이미지에 번호를 매기고(실제로는 해싱을 하겠지), 타겟팅 광고 등을 한다.p.s,DSP는 쿠키를 써서 여러 매체에 리타겟팅 광고를 하는데.사파리는 외부 쿠키를 금지하고 있고, 다른 브라우저도 미래에 금지할 수 있다. (요즘 분위기를 보면 그럴 가능성이 높아보인다.)쿠키가 막히면 리타겟팅을 할 수 없다.그래서 쿠키 없이 사용자를 식별하려는 시도가 많다.그 시도 중 가장 정확도가 높은 것이 Canvas Fingerprint 인 듯.…
    작성자최고관리자 시간 02-27 조회 2265
  • 코딩교육자료
    https://youtu.be/KhptxxfMQ_Q?list=PL8xMy6FUFTN9oFmqBO_SiVdQ2-BjvVn7W …
    작성자최고관리자 시간 11-18 조회 2257
  • flash - 투명하게 플래시 보기게 하기
    수동으로 HTML 코드 편집

    기존 HTML 페이지를 편집하려면 HTML 코드에 WMODE 매개 변수를 추가합니다.
    다음 매개 변수를 OBJECT 태그에 추가합니다.


    다음 매개 변수를 EMBED 태그에 추가합니다.
    wmode="transparent"…
    작성자최고관리자 시간 05-17 조회 2248
  • Fingerprintjs - 예제 소스
    MIT에서 만든 Fingerprint  javascript 소스FingerprintjsFinger in tjs한계: 브라우저 기준이다. 브라우저가 업데이트 되거나 같은 기기에서도 다른 브라우저면 다른 것으로 구분된다.…
    작성자최고관리자 시간 02-27 조회 2095 댓글 1
  • CSS 예제 레이아웃 나누기
    http://www.code-sucks.com/css%20layouts/

    http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

    http://intensivstation.ch/en/templates/

    http://blog.html.it/layoutgala/

    http://tools.i-use.it/index.aspx

    http://tjkdesign.com/articles/one_html_markup_many_css_layouts.asp

    http://www.glish.com/css/

    http://www.cssplay.co.uk/layouts/

    http://www.maxdesign.com.au/presentation/page_layouts/

    http://www.bluerobot.com/web/layouts/

    http://webdesign.about.com/od/websitetemplates/a/bl_layouts.htm

    http://www.mezzoblue.com/zengarden/alldesigns/official/

    http://pmob.co.uk/

    http://openwebdesign.org/browse.php

    http://www.solucija.com/home/css-templates/

    http://www.cssfill.com/

    http://www.benmeadowcroft.com/webdev/

    http://www.mollio.org/…
    작성자최고관리자 시간 01-04 조회 1956
  • Slideshow
    Slideshow샘플 사이트…
    작성자최고관리자 시간 03-27 조회 1809
  • 즐겨찾기

    var txt = "";
    var url = "http://sdehakjum.com/";
    var who = "**한국학점교육개발원**";
    function addfavorites(){
    var ver = navigator.appName;
    var num = parseInt(navigator.appVersion);
    if ((ver == "Microsoft Internet Explorer")&&(num >= 4)) {
    document.write(''+ txt + '');
    }else{
    txt += " (Ctrl+D)";
    //document.write(txt);
    }
    }
    작성자최고관리자 시간 03-22 조회 1758
  • 콘텐트의 높이에 따라 자동으로 Resizing 되는 Iframe 만들기
    문서의 영역에 포함되어야 할 스크립트.

    // iframe resize
    function autoResize(i){
    var iframeHeight= (i).contentWindow.document.body.scrollHeight;
    (i).height=iframeHeight+20;
    }


    문서의 코드에 포함되어야 할 스크립트.


    기타
    •같은 도메인 URL을 지닌 iframe 콘텐트에만 이 스크립트를 사용할 수 있습니다.
    •IE6~7, FF2, Opera9, Safari2~3 크로스 브라우징을 확인 하였습니다.
    참조
    •http://guymal.com/mycode/iframe_size/…
    작성자최고관리자 시간 03-15 조회 1701
  • Ajax 관련 자료 사이트
    http://ajaxian.com/

    http://ajaxpatterns.org

    http://ajaxmatters.com/r/welcome

    http://ajaxblog.com/

    http://labs.google.com/

    http://www.adaptivepath.com/

    http://www.37signals.com/

    http://www.oreilly.com/

    http://developer.apple.com/…
    작성자최고관리자 시간 03-26 조회 1603
  • AJAX 강의 사이트 링크
    AJAX 강의 1장 - AJAX 소개
    AJAX 강의 2장 - XMLHttpRequest 오브젝트 사용하기AJAX 강의 3장 - 서버와 통신하기(요청/응답 처리)AJAX 강의 4-1장 - 폼 입력값 검증 하기AJAX 강의 4-2장 - 응답 헤더정보 다루기AJAX 강의 4-3장 - 동적으로 리스트 박스 로딩하기AJAX 강의 4-4장 - auto refresh 기능 구현하기AJAX 강의 4-5장 - Progress Bar 기능 구현하기AJAX 강의 4-6장 - 툴팁 구현하기AJAX 강의 4-7장 - 동적으로 웹페이지 수정하기AJAX 강의 4-8장 - 웹서비스 접근하기AJAX 강의 4-9장 - 자동완성 기능 구현하기AJAX 강의 5-1장 - JSDoc 을 이용한 자바스크립트 다큐먼트 생성하기AJAX 강의 5-2장 - FireFox 확장기능을 이용한 HTML 코드검사AJAX 강의 5-3장 - Dom Inspector 를 이용한 노드검색AJAX 강의 5-4장 - 자바스크립트 소스코드 검증기 JSLintAJAX 강의 5-5장 - 자바스크립트 파일압축 및 ObfuscationAJAX 강의 5-6장 - Web Developer Extension for FireFoxAJAX 강의 5-7장 - 자바스크립트 심화학습/객체지향(상속)AJAX 강의 5-8장 - 자바스크립트 심화학습/객체지향(은닉)AJAX 강의 5-9장 - 자바스크립트 심화학습/객체지향(종합)AJAX 강의 6-1장 - JsUnit 활용/시작하기AJAX 강의 6-2장 - JsUnit 활용/테스트 메소드작성AJAX 강의 6-3장 - JsUnit 활용/setUp & tearDown 메소드AJAX 강의 6-4장 - JsUnit 활용/setUpPage 메소드AJAX 강의 6-5장 - JsUnit 활용/Tracing and LoggingAJAX 강의 6-6장 - JsUnit 활용/page timeout 필드AJAX 강의 6-7장 - JsUnit 활용/Progress bar 및 상태표시 필드AJAX 강의 6-8장 - JsUnit 활용/쿼리 스트링 사용하기AJAX 강의 7-1장 - 디버깅툴/XMLHttpRequest DebuggingAJAX 강의 7-2장 - 디버깅툴/FireFox 자바스크립트 콘솔AJAX 강의 7-3장 - 디버깅툴/Microsoft Script DebuggerAJAX 강의 7-4장 - 디버깅툴/VenkmanAJAX 강의 7-4장 - 디버깅툴/Venkman(계속)
    - 끝 - …
    작성자최고관리자 시간 03-26 조회 1550
  • 스크롤링 데모 dowload
    http://www.jqueryscript.net/tags.php?/Carousel/…
    작성자최고관리자 시간 02-21 조회 1521
  • Sajax
    AJAX 프레임워크의 한 종류이다.

    제가 이해한 sajax는
    php(다른 언어도 지원됩니다.)로서 ajax와 관련된 서버와 클라이언트 역활을 동시에
    가능하게 하는 프레임워크입니다.

    여기서 서버와클라이언트라는 개념은 거창한 것이 아니라
    정보의 전달과 처리 부분을 맏는 부분을 서버라 칭한것이고
    데이타를 요청하고 결과를 보여주는 부분을 클라이언트라 편의상 칭한것입니다.

    sajax.php는 크게 세가지 부분으로 나누어 집니다.
    1. 공통 변수(서버와 클라이언트에서 모두 사용되어지는) 선언부

    2. 서버측 사용 함수

    3. 클라이언트측 사용함수

    그리고 제가 이해를 돕기위해 함수의 순서 같은 것은 편의상 변경하였습니다.

    이해가 되지 않거나 sajax에 대해 더 알고 싶은 분은
    http://www.joinc.co.kr/modules/moniwiki/wiki.php/Site/Ajax/Document/Sajax
    를 참고하십시오,

    이하는 제가 주석을 단 전문입니다.
    ---------------------------------------------------------------------------------------

    작성자최고관리자 시간 05-04 조회 1479

회원로그인

Copyright © 2001-2016 ITNANUM. All Rights Reserved..