행복은 즐거운 마음 속에 있습니다.

인쇄와 스타일쉬트

(XO) — Fri, 06 Feb 2009 20:39:40 +0900

출처는 http://koxo.com 입니다.

혹시나 하는 맘에 꼭 필요한 부분은 아래에 접어 둡니다.

more..

인쇄와 스타일쉬트

style와 link 엘레멘트는 출력장치에 스타일쉬트를 지정하는 media 애트리뷰트를 지원한다.

media 속성의 값은 screen, print와 all이 될 수 있고, 디폴트 값은 screen이다.
media 애트리뷰트를 설정하지 않으면, 스타일쉬트는 항상 스크린과 인쇄 페이지에 모두 적용된다.
사용되는 스타일쉬트에 print 값이 지정되면, 페이지가 인쇄될 때 사용되고, 스크린에 디스플레이될 때는 영향이 없다.
all 값이 설정되면 인쇄나 디스플레이에 공히 문서에 적용된다.

주의 : 보이는 효과가 있는 필터를 포함한 모든 filter 스타일들은 인쇄에서 무시된다.
Explorer는 텍스트 스타일 속성들이 적용된 내용을 인쇄에 표현한다.

인쇄에서 페이지 넘김의 설정

page-break-before와 page-break-after 애트리뷰트를 사용하여 문서에서 페이지 넘김을 제어할 수 있다.
이들 애트리뷰트는 문서을 인쇄할 때 언제 새로운 페이지가 시작되는가와 어느 페이지(왼쪽 혹은 오른쪽)가 인쇄에 계속되는가를 나타낸다. 이들 애트리뷰트는 논리적인 부분들을 갖는 긴 문서의 인쇄에 유용하다.

예제에서 class가 newpage인 DIV 엘레멘트를 만나면 페이지 바꿈하고 인쇄를 계속한다.

<HTML>
<HEAD>
<TITLE>인쇄 페이지 바꿈 예제</TITLE>
<STYLE>DIV.newpage { page-break-before:always;}</STYLE>
</HEAD>
<BODY>
인쇄 페이지 1의 내용
<DIV class=newpage>
인쇄 페이지 2의 내용
</DIV>
<DIV class=newpage>
인쇄 페이지 3의 내용
</DIV>
</BODY>
</HTML>

페이지 바꿈을 위하여 스크립트 속에서 style 개체에 page-break-before와 page-break-after 스타일 속성을 설정할 수 있다.

예제에서 문서의 모든 H2 엘레멘트 앞에서 인쇄 줄바꿈하고 인쇄를 계속한다.

<SCRIPT>
var coll = document.all.tags('H2');
for (i=0; i < coll.length; i++) {
  coll(i).style.pageBreakBefore = 'always';
}

</SCRIPT>

Designus.com - 무료(?) 디자인 소스 정보 제공

(XO) — Fri, 30 Nov 2007 12:07:09 +0900

웹을 돌아다니다가 괜찮은 듯한 사이트가 있어서 기쁘게 소개할려고 하다가,
요즘 많이 조심해야할 라이센스 정보를 보니깐 꼭 전부 무료가 아니라는 것을 보고는 쪼금 고민하다가,
이렇게 일단 소개합니다. 내용이 제맘에 들어서 ㅎㅎ

Designus.com

URL : http://dezignus.com/

해당 사이트의 About 을 보면 라이센스에 대해서 자신은 좋은 정보를 제공할 뿐이지 상용 자료가 소개되어질 수 있으니 신경쓰시라는 내용이 있더라구요 ㅎㅎ

그럼 항상 행복하세요.

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/526299

InlineSearch - 인터넷익스플로러 찾기 기능 확장하기

(XO) — Fri, 30 Nov 2007 10:27:19 +0900

혹시 Firefox를 쓰고 있는지 있으신가요?
Firefox의 맘에 드는 작은 기능 중의 하나가 찾기 기능인데, Internet Explorer에서는 문자열 등을 찾기 위해 찾기(Ctrl-F)를 하게되면 팝업처럼 다이얼로그 창이 하나 뜨면서 이리저리 화면을 검색해주는 형식인데 반해, Firefox에서는 아래 소개하는 툴처럼 브라우져 하단에 찾기 대화 상자가 열리면서 검색을 하는 형식이다.
거기다가 노란색을 강조기능도 있고... 써보면 훨씬 편하다는 느낌이 든다.
그런데, 아직은 100% Firefox로 웹 서핑이 가능한 것은 아니기에 종종 Internet Explorer를 쓰게 되는데 그때 찾기 기능을 쓰게되면 굉장히 어색하고 불편하게 느껴졌었는데, 우연찮게 괜찮은 녀석을 찾아 이렇게 소개를 한다.

InlineSearch

제작사 : http://www.ieforge.com/InlineSearch
지원운영체제 : Internet Explorer
라이센스 : Freeware (Donerware)

그대로의 Firefox의 찾기 기능을 구현해 놓은 것으로 꽤 편하니깐 꼭들 한번씩 써보세요~

그럼 항상 행복하세요.

DebugBar – 무료 웹 개발자용 IE Plug-in

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/525874

DebugBar – 무료 웹 개발자용 IE Plug-in

(XO) — Wed, 28 Nov 2007 10:49:43 +0900

웹페이지(사이트이든 어플리케이션이든 간에…)를 제작하다 보면 항상 필요한 것들이 있다. DOM 정보라던지, 페이지간에 오가는 요청 정보라던지, 쿠키라던지… 하여간 확인하고 체크하고 점검해야 할 것들이 어찌나 많은지…

DebugBar라는 프로그램은 이런 정보들을 IE 한쪽에 딱 붙어서 보여주는 Plugin이다. 상용프로그램이기는 하지만, 개인적으로 사용할 때는 무료로 사용할 수가 있다.

DebugBar

제작사 : http://www.debugbar.com/
지원운영체제 : (운영체제라기보다는 ) Internet Explorer
라이센스 : 상용(하지만, 개인적으로는 무료~)

이 녀석의 기능은 크게

DOM 정보보기,

HTTP 요청시의 정보(GET 또는 POST 파라메터 정보 등) 보기,

자바스크립트 코드 보기,

HTML 유효성 확인,

기타 쿠키 등의 정보 보기

등으로 나눌 수 있다.
한국어 언어 파일도 있고, 개인용으로 등록하는 방법도 간단하고, (아래 그림의 빨간 동그라미를 눌러주시면 된답니다.)

개인적으로 주로 많이 사용하는 HTTP 요청 정보 보기 같은 것은 IEInspector 사의 IEHTTPAnalyzer 같은 프로그램이 좀 더 편하기는 하지만, 구매해야만 사용할 수 있는 프로그램이라서 좀 그렇죠 ㅎㅎ.

원래는 이녀석 보러 해당 사이트 갔었는데, 이리저리 뒤지다 보니깐 재미있는게 또 있더군요. 그녀석들은 이어서 포스팅하도록 하겠습니다.
그럼 항상 행복하세요.

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/518847

SnagIt - 화면캡쳐프로그램 - 을 무료로 받자~

(XO) — Tue, 27 Nov 2007 09:37:37 +0900

아실만한 분들은 다 알만한 프로그램인 Snagit 프로그램을 공짜로 가질 수 있다는 소식이 있어서 이렇게 급하게 알립니다. 한때 최고의 자리를 차지하고 있던 HyperSnap이 라이센스 등의 문제로 인해 급격하게 퇴락해나가고, 새로운 강자로 부상했던 SangIt.
최근에는 여러 좋은 무료 혹은 오픈소스 캡쳐 프로그램들이 많아서 선택의 폭이 넓어져 그 비중이 많이 낮아 졌지만, 그래도 아직은 그 파워를 무시할 수 없는 좋은 프로그램이라 할 수 있겠다.

해당 사이트에서는 이런 정보를 찾을 수 없고 (못찾아서 그런 걸 수도 있으니 해당 찾으면 알려주세요.), 이에 대해서 설명해 둔 사이트의 내용을 간단하게 소개해 드릴테니 유용하게 사용하시기 바랍니다.

TechSmith FTP에서 프로그램을 다운받는다.

ftp://ftp.techsmith.com/pub/products/snagit/725/SnagIt.exe

ftp://ftp.techsmith.com/pub/products/snagit/725/snagitde.exe

ftp://ftp.techsmith.com/pub/products/snagit/725/snagitfr.exe

여기에 가셔서 자신의 메일로 7.2.5 버젼의 풀 라이센스를 얻는다.

여기서 적용한 라이센스로 필요하다면 최신 버젼을 반값에도 구입할 수 있답니다.

그럼 정품으로 잘 쓰세요~

그리고 항상 행복하세요~

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/514869

자연을 테마로 한 바탕화면

(XO) — Mon, 26 Nov 2007 12:26:33 +0900

자연을 테마로 한 멋진 바탕화면이 있어서 소개합니다.
사랑하는 사람도, 좋은 그림도 바탕화면으로 해보지만, 제일 좋은 건 자연인것 같습니다. 산뜻하고 시원한 느낌의 바탕화면을 두고 한번씩 눈을 맑게 해주는 것도 좋은 것 같습니다. 고해상도 이미지니깐 큰 모니터에도 쓰기 좋답니다.

http://blogs.msdn.com/mswanson/articles/wallpaper.aspx

재밌게도 마이크로소프트에서 근무하는 사람의 블로그입니다.
틈틈히 새로운 바탕화면도 추가해서 포스팅을 갱신하니깐 한번씩 들러서 시원한 바탕화면을 유지하는 것도 좋을 것 같으네요.

요즘 머리에 잡생각도 많고, 일도 이리저리 많아서 한동안 포스팅을 못했습니다.

지금도 머리 속은 뒤죽박죽입니다.

여러분! 항상 행복하세요.

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/511768

MouseAway - 타이핑할 때 마우스커서를 비켜주세요~

(XO) — Sat, 17 Nov 2007 10:36:35 +0900

타이핑을 하다보면 어떤 위치에 새롭게 글을 추가한다던가 하느라고 마우스를 콕~ 찍고 또 다시 타이핑하고 이런 경우가 많다. 그때 귀찮은게 하나있는데 마우스커서가 글을 가리고 있는거다.

세상은 넓고 프로그램은 많다는 얘기가 있지 않던가. 필요가 발명을 낳는다는 말도 있고~ ㅎㅎ

MouseAway

제작사 : http://www.geocities.com/mtetrode/
지원운영체제 : Windows 95부터 XP까지, Vista도 동작할꺼라고 하는데 개인적으로 테스트가 안된답니다.
라이센스 : Freeware

리소스도 작게 먹고, 타이핑이 잦은 프로그래머나, 문서 작업자들께서는 한번 사용해보시면 어떨까요?

그럼 항상 행복하세요.

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/485340

LogoTemplater.com - 무료 로고 템플릿 제공 사이트

(XO) — Fri, 16 Nov 2007 12:14:51 +0900

자유로운 용도로 사용할 수 있는 무료 로고 템플릿 및 벡터 이미지를 제공하는 사이트를 소개합니다.

LogoTemplater.com

URL : http://www.logotemplater.com/

어디든 자유롭게 사용하나, 가능하다면 자신들의 링크를 걸어달라는 조건입니다. 그럼 잘 쓰세요~

항상 행복하세요.

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/482878

EverNote 를 무료로 사용하세요.

(XO) — Fri, 16 Nov 2007 10:15:34 +0900

혹시 EverNote라고 아실련가 모르겠다. 데스크탑 노트로서는 외국쪽에서는 최고로 알려진 그런 프로그램이다.
이 프로그램을 지금 현재(2007.11.16 10:00 쯤 ㅎ) http://www.giveawayoftheday.com/에서 무료로 배포하는 중이라서 이렇게 소개를 한다.

EverNote

제작사 : http://www.evernote.com/products/evernote/
지원운영체제 : Windows 2000/XP/2003 Server/Vista
라이센스 : 원래 $49.95 라는데, 오늘만 무료~, (무료버젼도 있습니다.)

지금 6시간 50분 정도 남아 있으니깐, 아마도 오늘 17시까지는 무료로 받으실 수 있을 겁니다.

그럼 항상 행복하세요.

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/482416

Fawnt.com - 무료 폰트

(XO) — Thu, 15 Nov 2007 14:14:42 +0900

많은 무료 폰트들을 소개해주는 사이트가 있어서 소개합니다.

http://fawnt.com/

10,000 여개의 폰트들이 소개되어지고 있으며, 원하는 폰트를 선택하면 해당 폰트의 제작 사이트로 이동하여 다운 받을 수 있게 되어 있다. 라이센스는 각각 다를 수 있다.
외국(영어권)의 경우 참 많은 폰트들이 소개되어지고, 공개되어진 폰트들도 많고 한데 우리나라는 '한글'을 폰트화 하는게 너무 힘들어서 그런지 참 아쉽습니다 ^^ㅎ

그럼 항상 행복하세요.

지금 저기 30m 정도 떨어진 곳에서 수능을 치고 있는데, 참 힘들겠어요.
학생도, 학부모도, ... 그분들도 행복하기를 바랍니다.

블로거뉴스에서 이 포스트를 추천해주세요.

http://bloggernews.media.daum.net/news/479813

행복은 즐거운 마음 속에 있습니다.

인쇄와 스타일쉬트

인쇄와 스타일쉬트

인쇄에서 페이지 넘김의 설정

Designus.com - 무료(?) 디자인 소스 정보 제공

Designus.com

InlineSearch - 인터넷익스플로러 찾기 기능 확장하기

InlineSearch

관련글

DebugBar – 무료 웹 개발자용 IE Plug-in

DebugBar

SnagIt - 화면캡쳐프로그램 - 을 무료로 받자~

자연을 테마로 한 바탕화면

MouseAway - 타이핑할 때 마우스커서를 비켜주세요~

MouseAway

LogoTemplater.com - 무료 로고 템플릿 제공 사이트

LogoTemplater.com

EverNote 를 무료로 사용하세요.

EverNote

Fawnt.com - 무료 폰트