본문 바로가기

전체 글

(109)
slider(X축/Y축) images SliderSlider 1images Slider 세로형가로형 Think about places around the world that are famous for movies.BeforeNext
slide 2개씩 보여야할때 $(document).ready(function(){//slide샘플var testNum = 0,testWidth = $("div.slider ul li").width(),testLength = $("div.slider ul li").length,totalWidth = testWidth * testLength;var guideWidth = $("div.slider div").outerWidth(); if(testLength > 2){$("div.slider a.left").show();}$("div.slider div ul").css("width",totalWidth); $("div.slider a.left").click(function(){testNum--;console.log(testNum);if (..
항목추가/삭제 위치 상하이동 $(document).ready(function(){//항목추가$(".btn_add").click(function(){var html = '';html += '';html += '위로이동 ';html += '아래로이동 ';html += '';html += '선택';html += ' ';html += ' ';html += '삭제';html += '';$("div.add").append(html);});});//항목삭제$(document).on("click",".btn_del",function(){$(this).parent().remove();});//항목 위치 위로이동$(document).on("click",".btn_up",function(){console.log("위로이동");var test = $(t..
Html5 input placeholder ie9 처리 IE9 브라우져에서는 placeholder가 보이지 않는다그래서 브라우져 체크를 한다음 placeholder값을 value에 넣어주는것이다 -----------------------------------------------------------------------------$(document).ready(function(){$.each($.browser,function(i,val) {if ($.browser.msie) {if ($.browser.version == 9.0){$("input").each(function(){var test = $(this).attr("placeholder");$(this).attr("value",test); $(this).focus(function(){$(this).at..
[Jquery] noConflict() 다른언어와 제이쿼리의 "$"기호가 충돌되는 경우. 제이쿼리의 별칭을 변경하여 충돌을 방지한다.
[CSS3] 새로운 CSS3 CSS3의 소개 및 새롭게 추가된 기능 알아보기 HTML에서 지원하지 못했던 타이포그래피,레이아웃.배경 이미지와 같은 디자인을 구현할수 있는 용도로 사용되는 CSS이다. 웹페이지 제작에 있어서 HTML과 함께 중요한 마크업 언어입니다. 특히, CSS3는 추가되는 선택자와 속성,값에 따라 웹 브라우져 별로 지원되는 -webkit-,-moz-와 같은 벤더 프리픽스를 사용해야만 합니다. 하지만, 기존의 CSS2가 가지지 못했던 포토샾과 자바스크립트 기술에만 의존하던 다양한 영역의 기술을 구현할 수있다는 큰 장점이 있습니다. CSS3의 핵심적인 특징 CSS2와 CSS3의 큰 차이점 중 하나는 모듈 기반으로 개발되고 있어 다양한 웹브라우져나 디바이스의 필요에 따라 원하는 CSS 모듈만을 탑재 할수 있다는 점입니다..
[웹지식]육하원칙으로 풀어보는 웹접근성 1.Who 웹접근성, 누구를 위해 해야 되는가? 2.When 웹접근성, 언제부터 해야 되는가? 3.Why 웹접근성, 왜 해야 되는가? 4.What 웹접근성. 무엇을 고려해야 되는가? 5.How 웹접근성. 어떻게 해야 되는가? 6.Where 웹접근성. 어디서 확인할 수 있나? 7.FAQ -웹표준과 웹접근성은 같지 않다. 웹표준은 웹접근성에 포함되어있는 요소이다. -웹접근성 인증마크를 획득했다고 하여 장차법 대응이 100% 된것은 아니다. -웹접근성 인증은 매년 이루어지기 떄문에 매년 갱신을 해야한다. -웹접근성 품질인증을 받지 못했다고 웹접근성을 준수하지 않았다는건 아니다.
[웹지식]액티브X 이 골칫덩어리~~~ 액티브X 윈도 사용자들이 인터넷을 쉽고 편리하게 이용하도록 마이크로소프트사에서 개발한 것으로, 기존의 응용 프로그램으로 작성된 문서 등을 웹과 연결시켜 그대로 사용할 수 있게 하는 기술. 인터넷 익스플로러를 위해 고안되었으며, 실생활 페이지에 접속하면 자동으로 내려받기되어 설치된다. 선 마이크로시스템스사의 자바(Java)에 대항하는 기술이다. 윈도8과 함께 온 IE10…액티브X∙플래시의 운명은? 터치에 최적화된 새로운 IE에서는 액티브X 플러그인이 지원되지 않는다. 회사 측은 “터치에 최적화된 IE10에서 별도의 플러그인을 설치하는 불편을 줄여 사용자 경험의 편리성을 증대하고, 배터리 수명 증가, 사용자의 보안, 신뢰성 및 개인정보 보호 향상을 이룰 수 있다” 고 설명했다. http://www.ddail..