dd2i_pudding

스크롤바는 여러가지 형태로 변화하고 있다. 개인적으로는 os X Lion과 iOS의 스크롤바가 가장 마음에 든다. 내가 문서를 어느쯤 보고 있는지 눈에 잘 띄이며 심플한 디자인이 크게 거슬리지도 않는다.

Block Element : width, height, margin, padding 속성값 설정 가능 자동 줄바꿈 다른 요소 포함 가능 P , H1~H6 , OL , UL , DL , DIV , NOSCRIPT , BLOCKQUOTE , FORM , HR , TABLE , FIELDEST , ADDRESS 등 Inline Element : width, height, margin, padding 속성값 설정 불가능 한줄로 인식 Block Level 요소 포함 불가능 A , IMG , OBJECT , BR , SCRIPT , MAP , Q , SUB ,SUP , SPAN , BDO 등 div0 div1 div2 span1 span2 Block 요소인 div 는 공간이 잡히는 반면 Inline 요소인 span..

Chapter1_ The Way of the Program 인터프리터. 컴파일러인터프리터는 라인을 읽고 계산을 하면서 프로그램을 한번에 조금씩 실행. 컴파일러는 프로그램을 시작하기전에 소스코드라는 놈을 오브젝트코드라는 놈으로 바꿔주고, 프로그램의 컴파일이 끝났을때 다른 translation없이 재차 실행할 수 있다. 파이썬 = 인터프리터 언어 인터프리터를 사용하는 두가지 방법1. interactive mode2. script mode 프로그램은 계산을 하는 방법을 명시하는 구조의 시퀀스.input. output. math. conditional execution. repetiion 프로그래밍 에러들 = 버그(bug)debugging = 버그를 찾아내는 process. 에러의 3가지타입.신텍스에러. 문법오..

증분 검색(增分 檢索)은 컴퓨터에서 사용자가 글자를 입력하는 도중에 계속적으로 해당하는 내용을 찾아주는 기능!대개슬래시(‘/’) 키를 사용한다. 사용자가 입력하는 과정에서 최근까지 입력된 부분과 일치되는 문자열을 검색하며, 검색된 문자열은 프로그램에 따라서 눈에 띄는 배경색 등으로 강조되기도 한다. | e 입력중 | ex 입력중 또한 다음/이전 찾기도 가능하다. 기존의 찾기 기능보다 빠르게 쓸 수 있다는 장점이 있다. 또한 모달 창을 쓰지 않는다는 장점도 있다. 모달 창을 쓰는 경우 창을 옮겨 다니면서 텍스트를 읽어야 하는 불편함이 있다. 모달 창을 쓰지 않는 증분 검색은 모질라, 모질라 파이어폭스, 오페라, 캉커러 등 최근의 웹 브라우저와 애플의 Spotlight, 그리고 이맥스, Archy, vim,..

chrome browser font setting 크롬브라우저에서 폰트를 커스터마이징하려면 우선 extension(크롬확장기능)에서 userscriptCSS 를 찾아서 다운로드~@! | browser >tools>extension 설치 후 옵션으로 들어간뒤 url blank와 스타일시트 blank에 원하는 스타일의 CSS를 작성. | userscriptCSS mov Tutorial how to use 1. Enter your regexp for the URL. 2. Type/paste your stylesheet and or javascript code. 3. Click the save button to save the currently displayed settings. You can have up t..

마크업 [ markup ] 그 파일이 프린터로 출력되거나 화면에서 어떻게 보여야할 것인지를 나타내기 위해 또는 그 문서의 논리적인 구조를 묘사하기 위해서, 텍스트나 워드프로세싱 파일의 특정위치에 삽입되는 일련의 문자들이나 기호들을 말한다. 마크업에 사용되는 표지를 흔히 ‘태그’라고 부른다. 마크업 언어 [ markup language ] 원래 마크업(markup)이란 신문사나 잡지사의 교정 기자들이 쓰는 특수 목적의 표기법으로, 문서의 논리적 구조와 배치 양식에 대한 정보를 표현하는 언어를 말한다. 마크업 언어는 문서에 포함된 문장이나 그림, 표, 소리 등과 같은 문서 내용에 대한 정보가 아니라 그 문장과 그림, 표는 어떻게 배치되고 글자는 어떤 크기와 모양을 가지며, 들여쓰기와 줄 간격, 여백 등에 대..

Regular Expression(정규 표현식)은 문자열의 패턴을 기술하는 객체로 보면 된다. JavaScript에서RegExp 클래스는 정규 표현식을 표현하기 위해 사용되며, String과 같이 자체적으로 정규식 표현식을 이용하는 메소드들을정의하고 있는데 이들 메소드들은 패턴 매칭과 Search-and-Replace와 같은 기능을 수행한다. JavaScript에서 사용되는 정규 표현식 ECMAScript v3에서 표준화가 되었으며 JavaScript 1.2에서는ECMAScript v3에서 제공하는 기능들 중 일부만을 제공하고 있다. JavaScript 1.5가 되면서 비로소 관련된 모든기능(full spec)을 지원하고 있다. JavaScript에서 사용되는 정규 표현식은 Perl 프로그래밍 언어에서 ..

thead 에 last th 지우기 $('thead tr').find('th:last').filter(function(){ if($(this).parent().children().length >= 3){ return $(this); } }).remove(); tbody에 last td 지우기 $('tbody tr').find('td:last').filter(function(){ if($(this).parent().children().length >= 9){ return $(this); } }).remove(); firefox의 console 탭에서 위의 명령어들을 실행시키고. 바뀐 HTML을 복사해서 docs에 대치

순서있는 리스트와 순서없는 리스트는 단지 용어의 리스트만을 나타내는 태그이다. 하지만 정의형 리스트는 용어와 설명으로 구성된 목록이다. 용어설명문 dl요소는 블록레벨 요소이지만, dt, dd를 제외하고는 다른요소가 올수 없다.dt는 인라인요소이며 인라인요소와 텍스트만 올수가 있다. dd는 블록레벨요소이며, 블록레벨/인라인레벨텍스트가 올수있다. 순서없는 또는 있는 리스트가 올수도 있다.

table elementth : table headertr : table row td : table data 표를 작성할때는 block 요소인 table을 이용한다. 행을 row, 열을 column이라고 표현한다. 가장 첫줄에는 열의 제목을 달아 주는 table header의 줄임말 th를 주로 사용하게 된다. 또한 기존에는 테이블의 속성중 cellpadding, width, cellspacing, border등은 css에서 컨트롤을 한다. (태그에 될수있으면 속성을 쓰지 않도록 하자.) thead,tfoot,tbody등을 묶어 주는 이유는 한번에 css에서 컨트롤을 하기 위함이다. 예를 들어 body의 내용이 길다면 body에만 스크롤바를 넣을수도 있기때문이다. 또한 열을 컨트롤 하기위해 colgrou..