본문 바로가기

먹고살거

 (108)
좋은 팁 스스로 만드는것도 좋지만 남이 만들걸 보는것도 좋지하지만 제일좋은건 남에걸 내껄로 만드는거징! http://gnscjfdl.cafe24.com/work/rss/chapter1.html
Jquery를 설명하는 12살 천재초딩ㅠ 럴수럴수 이럴수 ㅠ 제이쿼리의 개념을 알려고 들어갔는데 난지금 12살짜리가 하는 강연을 보고있었다.ㅠㅠㅠ 애 왜이리 똑똑하니? 부럽다. 영어로 쏼라쏼라라 잘 못알아들었지만...코드를 보고 어느정도 이해할수있엇다. 모르는건 바로바로 검색! 휴.. http://www.jquery.kr/?pid=10000006&mname=board&act=view&id=9
페이드 인 아웃! $(document).ready(function(){ $(".one").fadeOut(5000,0); // 사라지기 $(".two").fadeIn(10000,0); // 나타내기 }); 어떻게 하면 잘 짤수있을까?????????
HTML5 [2012년, HTML5 혁명 온다] 모바일 생태계 지각변동 HTML5 지원 단말기 전망(자료 : SA) 연도 2009년 2011년 2012년 2016년 대수 300만대 3억6000만대 6억7300만대 15억6000만대 비중 1% 22% 41% 85% HTML5가 나오기까지 주요 웹 기술 발전 현황 1991년 HTML 1994년 HTML2 1996년 CSS1·자바스크립트 1997년 HTML4 1998년 CSS2 2000년 XHTML1 2002년 테이블리스 웹디자인 2005년 아작스(AJAX) 2009년~ HTML5 http://www.etnews.com/201112230155
document.all의 에러 일단 document.all은 비표준이다. 다른브라우져는 모르지만 파이어 폭스에선 이구조때문에 웹페이지에 알럿이떠서 접근을 할수없다. document.all 은 IE에서만 동작한다. 같은 name을 가진 input이 여러개 있을 때 document.form0.inputName.length 이런 식으로 사용하는 경우도 있다. 이 또한 IE에서만 동작한다. w3c 스펙에 나와있는 document.getElementById 나 document.getElementsByName을 사용하여야 한다. 1. getElementById는 element를 반환한다. 다음과 같이 사용한다. var ele = document.getElementById("testID"); alert(ele.value); 2. getElemen..
title값으로 말풍선 띄우기 alt값은 ie에서 밖에 안보이고 그렇다고 일일이 말풍선 레이어를 만들수도 없는 노릇이고 이럴땐 어떻게 해결해야될까? HTML 1 2 3 홍길동 C 9876 20090603 JS function TooltipLayer(ele){ var ele = document.getElementById(ele); var eleSpan = ele.getElementsByTagName('span'); // 레이어 떠야할 애만 가져오기 =ㅅ=;;; var arrTooltip = new Array; for(var i=0; i
인터넷 웹 콘텐츠 접근성 지침서 지침1.인식의 용이성 1.1텍스트 아닌 콘텐츠의 인식 1.2영상매체의 인식 1.3색상에 무관한 인식 지침2.운용의 용이성 2.1이미지 맵 기법 사용 제한 2.2프레임의 사용 제한 2.3깜빡거리는 객체 사용 제한 2.4키보드로만 운용 가능 2.5반복 네비게이션 링크 2.6반응시간의 조절기능 지침3.이해의 용이성 3.1데이터 테이블 구성 3.2논리적 구성 3.1온라인 서식 구성 지침4.기술의 진보성 4.1신기술의 사용 4.1별도 웹사이트 제공 자료제공 : 인터넷 웹 콘텐츠 접근성 지침서 http://award.standardmag.org/list/9/index.html
HTML - 이미지에 사용 될 수 있는 에트리뷰트 -id, class (전 문서를 통 한 지정자) -alt (대체 텍스트) -lang (언어 정보) -dir (글자 방향) -title (엘레멘트 제목) -style (인라인 스타일 정보) -onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (본질적 이벤트) -ismap, usemap (사용자(client side) 이미지맵) -align, width, height, border, hspace, vspace (오브젝트, 이미지와 애플렛의 보는 표현)
DHTML DHTML[Dynamic Hyper Text Markup Language] HTML 과 CSS 와 JAVASCRIPT 를 이용한것 홈페이지를 좀더 다이나믹하게 만들고자 고안 해 낸 방법중 하나이다. Nevigator의 DHTML은 JSS라 불리고 , Explorer의 DHTML은 CSS라 불린다. JSS : javascript style sheet , CSS : cascade style sheet DHTML의 특징 1. 태그들의 다양한 선택 속성들이 확장되었다. 2. 레이아웃기능이 추가되어 xy좌표를 지정하여 표시 할수 있다. 3. CGI등으로 처리해야할 일들을 각 클라이언트에서 처리하기 때문에 서버의 부하를 줄일수 있다. 4. 단점 : 아직 브라우저간의 지원 사항이 서로 달라 적용범위가 일부분으로 제한..
Navigator plugin HTML CSS/* position and dimensions of the navigator */ .navi { margin-left:328px; width:200px; height:20px; } /* items inside navigator */ .navi a { width:8px; height:8px; float:left; margin:3px; background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; } /* mouseover state */ .navi a:hover { background-position:0 -8px; } /* active state (current page s..
제이쿼리 단어좀 훑어볼까? 유용합니당. http://oscarotero.com/jquery/
차세대 인터넷 세상 지배할 HTML5(새로운 인터넷 규칙) 잡아라 이제 html의 새로운 시대가 열렷다 드뎌 html5!! 하지만 2014년의 일이라니..ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ☞HTML5(HyperText Markup Language 5) 인터넷 홈페이지를 제작하는 데 쓰이는 최신 규칙. 별도 프로그램을 깔지 않아도 인터넷 접속프로그램(브라우저) 상에서 화려한 그래픽 효과를 내고 음악·동영상을 자유롭게 감상할 수 있다. 오는 2014년 기술표준으로 공식 발표될 예정이다. 별도의 프로그램 설치 안 해도 다양한 콘텐츠 마음대로 사용 애플·MS·구글·페이스북 등 글로벌 IT 기업들 주도권 경쟁 세계 최대 소셜네트워크(인맥관리)서비스 페이스북은 전 세계에서 8억명 이상의 가입자를 확보했다. 기업가치는 1000억달러(약 114조원)를 넘는 것으로 평가된다. 페이스북은 인터넷에..
팀교육 : faq 제이쿼리 만들어보기 QNA,FAQ 공통 폼 faq 제목1 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 제목2 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 제목3 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq 제목4 영역입니다. faq 내용 영역입니다. faq 내용 영역입니다. faq..
팀교육 : 따라다니는 퀵메뉴 만들기 컨텐츠 영역 퀵메뉴 [출처] 따라다니는 퀵메뉴 만들기|작성자 kaeng
[펌글]접근성을 해치지 않는 자바스크립트의 사용 *자바스크립트에 대한 잘못된 생각 자바스크립트 없이는 개발을 할 수 없다?많은 개발자들이 자바스크립트가 없이는 개발을 할 수 없다고 생각한다. 그만큼 자바스크립트를 일상적으로 많이 사용하지만 자바스크립트를 과용하는 경우가 많다는 것이다. 자바스크립트는 클라이언트 환경에서 작동하기 때문에 핵심 기능에 사용해서는 안된다. 핵심 기능은 서버사이드 언어로 처리를 하고 자바스크립트는 그 옆에서 UI구성을 위해서 도와주는 역할을 해야 한다. 바꿔 말하면 자바스크립트의 도움 없이도 핵심 기능은 작동을 해야 한다. 먼저 자바스크립트없이 HTML과 서버사이드 언어만으로 기능이 작동 되게 개발을 하고 자바스크립트를 이용해서 좋은 UI나 유효성 검사 등을 추가하는 순서로 만들어야 한다. 만약 이러한 방식으로 구현되지 않고 ..
스크립트를 만들고싶을때!!? 드림위버나 이클립스 에디트 플러스 메모장 이런곳에서 말들지않고도 좋은 방법이있다 바로 짤수있고 바로 확인할수있는곳. jsfiddle.net 사용법은 알아서!!
웹표준으로 코딩된 곳(마크업이 맘에들어) 아주 잘되었다고 생각한다 플래시를 사용하지 않고 효과를 부드럽게 주었고 메뉴 구조도 자연스럽고 가끔 크로스 브라우징이 안된곳이 눈에 띄지만ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 글도 마크업이 좋다! http://enter.kyonggi.ac.kr/index.asp
[펌글]ie7 테이블이 깨져요! ie7 브라우져는 항상 애매하다>_< 그것들중에 하나 table 요걸요걸 어찌하면 좋을까? 경우1개를 찾아서 해결방법을 모색했다. 그것은 제이쿼리 한줄! 문제~! *table 공간이 빈곳이있을때!!! 값이 없음 깨지는 현상이나타난다. 그럴때는 $("td:empty").html(" "); 요런 방법을 사용하면 간단히 해결!^^ 출처 : http://dev.henjjang.com/399
팀교육 : 인접 컨텐츠에 맞춰 늘어나는 div, div 안에서 세로 중앙정렬되는 컨텐츠 Style div.wrap {width:600px; *zoom:1} div.wrap:after {content:""; clear:both; display:block} div.wrap .left {width:300px; float:left} div.wrap .right {width:250px; float:right; border:5px solid #666666; padding:10px; position:relative} div.wrap .right p {line-height:16px} div.wrap .right.js_on {padding:0 10px} div.wrap .right.js_on p {position:absolute} Javascript jQuery(function(){ $(".wrap .r..
세로 가운데 정렬 진짜 골치고 골치인 세로 가운데 정렬 TABLE을 이용하지 않고서는 구현하기 힘든 세로가운데정렬 가로로 가운데 정렬만하면 됬지 세로는 왜 그래야하는가? 이런 답답한 작업은정말정말 하기싫다 그래서 구현된 세로 가운제 스크립트!!!!!!!!!!!!!! 잘써보자. html 이곳의 텍스트가 상하 중앙정렬 이곳의 텍스트가 상하 중앙정렬 이곳의 텍스트가 상하 중앙정렬 이곳의 텍스트가 상하 중앙정렬 CSS div.wrap {width:600px; *zoom:1} div.wrap:after {content:""; clear:both; display:block} div.wrap .left {width:300px; float:left} div.wrap .right {width:250px; float:right; bor..

티스토리툴바