본문 바로가기

코딩

[CSS] 가로, 세로 중앙정렬 CSS 완벽가이드 Centering in CSS: A Complete Guide
[Modern.ie] 웹사이트 호환성 테스트 서비스, 익스플로러(Explorer) 버젼별 크로스브라우징(?) 익스플로러(Explore) 버젼별 크로스브라우징(?), Modern.ie 크롬, 파폭, 사파리는 서비스 중인 브라우저가 일괄적으로 업데이트 되지만, 마이크로소프사의 브라우저는 OS의 영향으로 버전별로 관리가 되고 있었지요. 그래서, 개발자들은 맡은 웹사이트가 모든 브라우저에서 알맞게 보이게끔 정말...많은 노력과 시간을 할애하고 있습니다. ㅜㅠ 이 부분을 마이크로소프트사에서 모르는 것이 아니였나봅니다. ㅎㅎ 이 웹사이트로 얼마나 많은 시간이 절약될지는 모르겠으나...그래도 한번쯤은 사용해보려 합니다. ㅎ http://loc.modern.ie/ko
HTML, CSS 코딩시 기본적인 유의사항 1. 공백테크 - 2. 모든 script 및 style 요소에는 type속성이 포함 3. 모든 img 및 area 요소에는 alt속성이 포함 4. 모든 script내의 태크는 escape시켜야한다. 5. 모든 문서내 url에서 &를 쓰면안된다 - ... - html문서내에서만 &를 &로 바꾸어야하며 브라우저 주소창이나 이메일 본문에서는 &를 써야한다. 웹서버에서는 &가 아니라 &만을 인식 6. 검색 form 제목 내용 작성자 7. 는 block : 뒤에 개행이 이루어짐(줄바뀜) 은 inline : 뒤에 개행이 이루어지지 않음(줄바뀌지않음) 8. block : , , , , , , , 등 lnline : , , , 9. Heading태그 : ~ = 제목을 표기 10. : 하나의 문단을 , 로 작성 는 하위..
ie6에서 투명 png24 적용하기 익스플로6(ie6)에서는 투명PNG 파일이 배경이 생긴다. 아래그림은 png24를 ie6에서 보여지는 차이 (오른쪽 그림뒤에 연한 회색의 배경이 들어간 것을 볼 수 있다.) png24를 그림으로 보여줄 때 투명하게 만들기 (img src 사용) PNG24를 그림으로 보여줄 때 투명하게 만들기(img src 사용) 1. 사이에 있는 style 태그나 css 파일에 아래 내용을 더해 줍니다. .png24 { tmp:expression!!!(setPng24(this)); } 예) 2. 자주 쓰는 js 파일이나 사이에 아래 내용을 더해 줍니다. function setPng24(obj) { obj.width=obj.height=1; obj.className=obj.className.replace(/\bpng24\..
코딩에 적합한 폰트는 따로 있다. ㅎㅎ 코딩폰트 추천~! 참고로 퍼왔습니다. 출처는 http://shakii.tistory.com/tag/Bitstream%20Vera%20Sans%20Mono 원래는 나눔 고딕을 썼지만...바꿔보니 이게 더 좋다 ㅋ C언어 작성이나 리버싱 작업을 하면서 코딩글꼴에 관심을 가지게 되었다. http://www.lowing.org/fonts/ 이런 코딩글꼴 순위 사이트도 있을정도이니... 여기 사이트에서 말하는 좋은 폰트의 조건은 1. 가독성이 좋아야함. 2. 확장된 문자셋을 지원해야함. 3. 스페이스가 쓰기 쉬워야함. 4. l, 1, i의 구분이 쉬워야함. 5. 0, o, O의 구분이 쉬워야함. 등등.. 여기서 나도 공감이 되는것은 4, 5번 정말 이상한 글꼴은 짜증 지대 ;;; 순위 사이트에서도 1위인 Bitstream Vera..
html 문서에서 파일 다운로드 모듈(?) asp 문서 소스 get 방식으로 asp 모듈 문서를 호출한다. 물론 변수로 다운로드할 파일명을 같이 전달한다.
DIV를 남발을 하지말자 DIV 남발을 하지말자 TABLE 마인드에서 갓 DIV 마인드로 넘어오기 시작한 디자이너분들께서 실수하시는 부분 중 하나가, 바로 DIV를 남발하는 것입니다. DIV는 만병통치약이 아닙니다. 테이블의 단점 중 하나가 에 재차 이 들어가기 때문에, 겹테이블이 많아져서 페이지 로딩이 느려진다는 것 입니다. DIV도 예외는 아닙니다. DIV의 숫자가 늘어나면 자연적으로 페이지 로드가 느려집니다. 굳이 DIV를 쓰지 않아도 되는 곳에서 DIV 사용을 남발하는 것은 좋지 않은 습관입니다. 예를들어 보겠습니다. 올블릿 생성마법사 메뉴 1 메뉴 2 메뉴 3 이 소스에서 필요없는 부분은 어디일까요? 네, 바로 이 소스에 있는 모든 DIV 입니다. 굳이 ul을 div로 감싸지 않더라도, 굳이 H2 제목 태그를 div로 ..
Customize Android Browser Scaling with target-densityDpi Customize Android Browser Scaling with target-densityDpi Webkit 사용 브라우저들 이미지 뭉개지는게 DPI 조정 때문이었구나. 메타 태그를 쓸 때 target-densityDpi를 device-dpi로 지정해주면 된다. 물론 이후의 가변폭을 위한 스케일링 같은건 자기가 알아서 해야한다. 자세한건 링크 참조.출처 : http://khrislog.net/post/3873961648/customize-android-browser-scaling-with
페이지 종류별 인클루드 방법(php, jsp, asp, html include) PHP JSP (추천:include directive)include directive include action include direcitve 는 translation phase 에서 include 된다. include action 은 request phase 에 include 된다. include directive 가 더 빠르다. 때문에 include 되는 파일이 빈번히 바뀌지 않는 한 성능 향상을 위해서 include directive 를 쓰는 것이 좋다. jsp 파일의 글자가 깨지면 아래줄을 최상단에 넣어 주면 된다. ASP (추천:절대경로)절대경로 상대경로 HTML 출처 http://hyeonseok.com/pmwiki/index.php/Main/Include ASP에서 인클루드 하는 방법 2가..
CSS로 이미지파일 필요없이 라운드 테이블,DIV 만들기 예제만 봐도 충분히 알수 있다.... 맨처음 도대체 어떤 원리인가 했는데... 내가 이해한 바로는...픽셀하나하나로 장난치는 것뿐이라는 거... 어렵지 않다...ㅋㅋ 이미지 없이 라운딩 박스 표현하기! 이미지 없이 라운딩 박스 + 보더 표현하기!
html 문서 안에 다른 html 문서 삽입하기 1. 확장자 .htm, .html안에 삽입시 사이에 코드 삽입 2. 확장자 .jsp 사이에 코드삽입 -> top2.html을 인클루더 시켜 원본 파일에 삽입
PHP동영상강좌] PHP기초에서 중급(?) [문법] [PHP동영상강좌] PHP기초에서 중급(?) 까지.. (전체 49강) 글쓴이 서기㏇ 날 짜 07-02-20 11:40 조 회 679 허접한 강의 올립니다. ㅡ,.ㅡ;;; 여기 강좌게시판은 글쓰기가 안되네요 -_-;; 많이 봐주세용~ ^^; 01. HTML이란 무엇인가! 02. 하이퍼링크, 테이블태그의 사용방법 03. 테이블 태그의 심화 04. 스타일 시트 05. 웹서버/웹브라우져/PHP란 무엇인가 06. Hello PHP 07. Get방식을 이용한 변수의 전달 08. Get방식의 전달과 테이블, 스타일태그의 사용 09. form태그를 이용한 값의 전달 10. 그외의 form관련 태그들 11. 메일 발송하기 12. IF문의 사용 13. IF문을 이용한 수우미양가 출력하기 14. 여러개의 파일을 거..
DIV에 대해 개념 잡기[펌] HTML에서의 div는 Division Marker의 줄임말로서 영역을 구분짓거나 무리(구분)지어주는 엘리먼트이다. 오늘은 div에 대해 알아보자. div는 div를 열고 닫은 앞뒤로 줄바꿈이 되는 블럭 레벨 항목 block level element이다. div의 앞 뒤에 있는 항목들이 가로줄로 흐르지 않고, 엔터값을 입력한 것 처럼 아래로 줄 지어진다는 말이다. div로 레이아웃이나 박스를 구성하기 위해, CSS에서 가장 많이 쓰는 속성인 position 값으로는 static, relative, absolute, fixed, inherit가 있다. Position 속성 static CSS로 특별한 값을 지정해 주지 않아도 적용되는 기본값이다. HTML 파일에서 중첩되지 않은 여러개의 div를 작성하면,..