본문 바로가기

전체

(116)
[CSS]position:relative와 z-index의 관계 나의 4년의 퍼블리셔 생활에 혼란을 가져온 이둘의 사이 왜 난 이둘을 같이 썻을까? 이제까지의 무수한 작업들을 확인해보니 position:relative와 z-index:1;을 엄청나게 많이 썻다. 소스를 지저분하게 만든건아니지만 불필요했는데 왜 그리 난 집착했던 것일까? 그건 레이어의 압박 때문일까? 무척 혼란스럽다. 그래 기본값도 알았고 버그도 알고있었지만 굳이 생기지않는 버그에 z-index를 쓸필요가 업었다. 으 왠지 부끄럽다. 2년전에 알수있었는데 왜 이제서야 알게된걸까? 뭐가 그리 바빠서 남에 작업 한번 보지 못하고.. 태그에 대해 그리 공부를 열심히 했건만.. 속성에 대해 그리 공부를 열심히 했건만.. 제자리 걸음 같이 한심함이 느껴지는 순간이다. 누가 html css 따위라 했던가 난 마크..
바보빅터 -호아킴 데 포사다 단 1시간이면 읽을수 있는 간단한 책이지만 무거운 무언갈 느끼게하는 책이다. 다른사람의 시야에 가려 세상기준에 가려져 자신의 믿음을 상실한 사람이 많다는걸 알고있다. 나 스스로도 그렇다 다른사람들이 외모나 행동 표현 모든걸 지적할때 작아짐을 느끼고 상실감을 가져버린다. 그 얼마나 부끄러운일인가 내 스스로가 당당하고 맞다 생각하고 앞으로 나가면 될터였는데 후회스럽다. 이젠 그러지않을것이다. 그러지않아도 된다. 남들이 "안된다", "안될것이다","그게 무어냐" 무시하는 말을 한다해도 내 스스로 하고싶고 맞다 판단되면 그대로 행할것이다. 자신감.자존감 지금 내게 필요한것이다. 자만따위도 가질필요도 없다. 스스로 믿고 나아가면 최소한 나 자신에게 당당할수 있을거라 생각한다. 나 스스로를 믿자. 이것이 17년동안..
[웹지식]특수문자 HTML Symbol Entitieshtml 컨텐츠 상에 특수기호가 보일때 대체 코드가 들어있다. http://w3schools.com/tags/ref_entities.asp http://w3schools.com/tags/ref_symbols.asp
함수 is() if문에 조건을 달때 css로 display:none과 block조건을 주고싶었는데 도저히 도저히!!!!! 답이 안나오는것이다 고로케 고로케 고민하다 알게된 is()라는 함수 일단, 나의 고민이였던 것은 if ($(선택자).is(:visible)) = display: block; if ($(선택자).is(:hidden)) = display: none; 라는 정리가 나왔다 이것에서 만족하면 내가 아니징!! 이 is()라는게 여러가지로 조건을 걸고 쉽게 찾을수가 있었다. if ($("ul li").is(":first-child")) - 첫번째 li만 if ($(".box").is(":contains('Peter')")) - .box라는 클래스 안에 'Peter'라는 text만 if ($("dl.test")...
팀교육 : 코딩정의서 ♣ CSS 속성 작성시 css속성은 한줄로 작성하되, 너무길어 가독성이 떨어질경우 여러줄로 작성할것. 아래와 같은 순서로 css속성를 작성할것. display, position(top,left), float, overflow (min-width, width), (min-height, height) (padding, margin) font(text-indent, text-align, font-weight, font-size, line-height, font-family, color) border, background z-index, zoom 예) .select {float:left; width:200px; padding-top:20px; border:1px solid red;} ♣ html, css 주석 ..
gnb 보호되어 있는 글입니다.
좋은 팁 스스로 만드는것도 좋지만 남이 만들걸 보는것도 좋지하지만 제일좋은건 남에걸 내껄로 만드는거징! 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