알콜뭉뭉이랜드

cursor 라는 CSS 속성에 다음의 값을 지정해 주면, HTML 웹페이지의 마우스 커서 모양이, 십자가나 모래 시계 등으로 변경됩니다. all-scroll: 좌, 우측 스크롤이 가능할때 나타나는 커서 (24x24) (FF : move와 커서 동일) auto : 기본값, 브라우저가 마우스 커서 자동 지정 (12x21) col-resize : 테이블의 세로폭을 리사이즈 할때 나타나는 커서 (21x17) crosshair : 십자가 (17x17) default : OS에서 설정한 마우스의 기본 커서 (대부분 화살표) (12x21) hand : 링크나 개체를 이동할때 나타나는 손 모양의 커서 (17x22) (IE 전용) move : 이동용 커서 (19x19) no-drop : 접근 불가나 Drop 불가를 나..

브라우저의 기본 글꼴크기(1em/100%)를 기준으로한 글꼴 비교표 pointspixelsemspercent글꼴 6pt글꼴 8px글꼴 0.5em글꼴 50%글꼴 7pt글꼴 9.5px글꼴 0.55em글꼴 55%글꼴 7.5pt글꼴 10px글꼴 0.6em글꼴 60%글꼴 8pt글꼴 11px글꼴 0.7em글꼴 70%글꼴 (기준) 9pt글꼴 (기준) 12px글꼴 (기준) 0.75em글꼴 (기준) 75%글꼴 10pt글꼴 13px글꼴 0.8em글꼴 80%글꼴 10.5pt글꼴 14px글꼴 0.85em글꼴 85%글꼴 11pt글꼴 15px 글꼴 0.95em글꼴 95%글꼴 12pt글꼴 16px글꼴 1em글꼴 100%글꼴 13pt글꼴 16.5px글꼴 1.05em글꼴 105%글꼴 14pt글꼴 19px글꼴 1.1em글꼴 110%글꼴..

1. 해상도를 고려한 레이아웃 관련자료: http://www.happyjung.com/bbs/board.php?bo_table=lecture&wr_id=1285 모바일 웹사이트 제작은 일반 웹사이트 제작과 있어서 가장 큰 차이점은 해상도 차이에 따른 레이아웃입니다. 모바일 기기가 넷북이나, 노트북, 데스크탑 보다도 디스플레이의 크기가 작기 때문에 이점을 고려한 웹사이트 기획 및 디자인, 퍼블리싱이 필요합니다. 게다가 모바일 기기마다 해상도가 제각각이라는 점도 참 난감한 요소지요. 국내에서 보통 모바일 웹사이트 제작은 전 해상도를 고려하기 보다는 최근 출시된 스마트폰을 기준으로 해서 기획, 개발 및 검수 되는 사례가 많습니다.(아이폰, 갤럭시S) 그래서 요즘에는 이들 스마트폰 환경에 최적화된 모바일 웹사이..

구글 ( www.Google.com ) 1. 구글 회원가입후 로그인 2. 내계정 > 웹마스터도구 > 사이트추가 웹마스터도구 : https://www.google.com/webmasters/tools/home 3. 등록할 웹사이트 주소 입력 4. 메타테그 또는 생성된 html 파일을 웹페이지에 등록 ( 둘중에 하나만 해도 됨 ) 참고사이트 http://goodlifegood.tistory.com/442 야후 ( www.Yahoo.com ) 1. 야후 회원가입 후 로그인 2. http://siteexplorer.search.yahoo.com/ 3. 등록할 웹사이트 주소 입력 4. 메타테그 및 생성된 html 파일을 웹페이지에 추가 ( 둘다 해야함 ) 참고자료 http://goodlifegood.tistory..

[ 방법 1. CSS 활용 ] 해상도에 따라서 이미지의 크기가 자동으로 변하면서도, 이미지 본래의 크기보다 해상도가 커지는 경우에는 이미지 크기가 고정 최대 크기(max-width)를 100%로 지정하여, 자동으로 크기가 조정되고 중요한 점은 둘러싼 div 인경우 마찬가지로 % 형태로 되어 있어야 합니다. [ 방법 2. CSS 활용 ] [ 방법 3. jQuery 활용 ] 해상도에 따라서 이미지의 크기가 자동으로 변하면서도, 이미지 본래의 크기보다 해상도가 커지는 경우에는 이미지 크기를 고정하는 방법 참고자료 http://adminplay.com/webhosting07/169935 http://www.erzsamatory.net/86 http://tobyyun.tumblr.com/post/557704170..

[질문] 인터넷익스플로러 11에서 호환성 보기 설정 비활성화 되는 현상 도구(T) > 호환성 보기 설정(B) 설정이 비활성화되서 이용할 수 없습니다. 이것을 사용할 수 있는 방법은 무엇인가요? [Q] Disabling the Compatibility View setting in Internet Explorer 11 Tools > Compatibility View settings The setting is disabled and can not be used. How can I use this? 출처 https://answers.microsoft.com/ko-kr/ie/forum/ie11-iewindows_10/인터넷익스/e7e71e77-cc01-4a45-8d6e-2112ab58413c?tm=14835868..

서버의 트래픽을 절약해 주기 때문에 사용하지만, 공격을 차단해 주고 실제 서버의 IP를 숨겨주기 때문에 사용합니다. 특히 중소규모의 디도스 공격이 잦은 사이트라면 클플 사용으로 상당한 효과를 거둘 수 있지요. 그런데 실제 서버의 IP가 노출되면 이것도 모두 소용없게 됩니다. 서버 IP를 직접 공격할 수 있게 되니까요. [ 운영 서버 IP 를 확인하는 방법 ] 1. ping 2. http://network-tools.com/ 이 사이트는 해당 호스트에 대한 DNS 정보와 Traceroute 등등 호스트에 대해 공개된 정보를 보여주는 사이트 도메인 Traceroute 및 DNS 정보, 도메인 정보와 IP whois 를 지원 3. http://iphostinfo.com/cloudflare/ 클라우드플레어를 사..

회수한 초대장 4장 재배포합니다. (마감) 댓글 남겨주실때.. 조건이 있습니다. 개설목적과 왜 티스토리에서 블로그를 만들어야 하는지, 어떻게 운영하실지 꼭 남겨주세요.. 초대장 받으시고 1일안에 사용안하시면, 회수하겠습니다.(이메일 주소 필수!!)

회수한 초대장 4장 재배포합니다. (현재 2장남음) 댓글 남겨주실때.. 조건이 있습니다. 개설목적과 왜 티스토리에서 블로그를 만들어야 하는지, 어떻게 운영하실지 꼭 남겨주세요.. 초대장 받으시고 1일안에 사용안하시면, 회수하겠습니다.(이메일 주소 필수!!)

초대장 7장 배포합니다. 댓글 남겨주실때.. 조건이 있습니다. 개설목적과 왜 티스토리에서 블로그를 만들어야 하는지, 어떻게 운영하실지 꼭 남겨주세요.. 초대장 받으시고 1일안에 사용안하시면, 회수하겠습니다.(이메일 주소 필수!!) 회수한 초대장이 생기면 바로 보내드릴 수 있도록 할게요.