웹 디자이너와 로고 디자이너를 위한 무료 폰트 104개

영문 폰트인 경우 무료 폰트들이 상당히 많은 편인데, 이 폰트들은 디자너들을 위해 조금 엄선된 폰트 모음입니다.
상당히 유용한 폰트들이 많이 있으니, 선택해서 사용하시면 됩니다.

원본글은 http://www.instantshift.com/2009/02/16/104-free-fonts-for-web-designers-and-logo-artists/ 입니다.


01. 28 Days Later

InstantShift - Free Fonts for Web Designers

Font Download

02. AB Exp

InstantShift - Free Fonts for Web Designers

Font Download

03. ABC

InstantShift - Free Fonts for Web Designers

Font Download

04. Advent

InstantShift - Free Fonts for Web Designers

Font Download

05. Alexandria FLF

InstantShift - Free Fonts for Web Designers

Font Download

06. Aller

InstantShift - Free Fonts for Web Designers

Font Download

07. Anivers

InstantShift - Free Fonts for Web Designers

Font Download

08. Athena Unicode

InstantShift - Free Fonts for Web Designers

Font Download

09. Aubrey

InstantShift - Free Fonts for Web Designers

Font Download

10. Audimat

InstantShift - Free Fonts for Web Designers

Font Download

11. Baar Metanoia

InstantShift - Free Fonts for Web Designers

Font Download

12. Bienetresocial

InstantShift - Free Fonts for Web Designers

Font Download

13. Birra Stout

InstantShift - Free Fonts for Web Designers

Font Download

14. Bitstream Vera Serif

InstantShift - Free Fonts for Web Designers

Font Download

15. Bobel

InstantShift - Free Fonts for Web Designers

Font Download

16. Bodoni XT

InstantShift - Free Fonts for Web Designers

Font Download

17. Caitlyn

InstantShift - Free Fonts for Web Designers

Font Download

18. Cardo

InstantShift - Free Fonts for Web Designers

Font Download

19. Cicle

InstantShift - Free Fonts for Web Designers

Font Download

20. Colaborate

InstantShift - Free Fonts for Web Designers

Font Download

21. Com4T Fine Regular

InstantShift - Free Fonts for Web Designers

Font Download

22. Contempory

InstantShift - Free Fonts for Web Designers

Font Download

23. Covington

InstantShift - Free Fonts for Web Designers

Font Download

24. Day Roman

InstantShift - Free Fonts for Web Designers

Font Download

25. Delicious

InstantShift - Free Fonts for Web Designers

Font Download

26. Diavlo

InstantShift - Free Fonts for Web Designers

Font Download

27. Dubiel

InstantShift - Free Fonts for Web Designers

Font Download

28. Duepuntozero

InstantShift - Free Fonts for Web Designers

Font Download

29. Dustismo Roman

InstantShift - Free Fonts for Web Designers

Font Download

30. Eight One

InstantShift - Free Fonts for Web Designers

Font Download

31. Engel Light Ltd

InstantShift - Free Fonts for Web Designers

Font Download

32. Estrya’s Handwriting

InstantShift - Free Fonts for Web Designers

Font Download

33. Eurofurence

InstantShift - Free Fonts for Web Designers

Font Download

34. Evolution

InstantShift - Free Fonts for Web Designers

Font Download

35. Existence

InstantShift - Free Fonts for Web Designers

Font Download

36. Fertigo Pro

InstantShift - Free Fonts for Web Designers

Font Download

37. FF MT

InstantShift - Free Fonts for Web Designers

Font Download

38. FFF Tusj

InstantShift - Free Fonts for Web Designers

Font Download

39. Fontin

InstantShift - Free Fonts for Web Designers

Font Download

40. Fontin Sans

InstantShift - Free Fonts for Web Designers

Font Download

41. Galileo FLF

InstantShift - Free Fonts for Web Designers

Font Download

42. Gentium

InstantShift - Free Fonts for Web Designers

Font Download

43. Geo Sans Light

InstantShift - Free Fonts for Web Designers

Font Download

44. Ginga

InstantShift - Free Fonts for Web Designers

Font Download

45. Grandesign

InstantShift - Free Fonts for Web Designers

Font Download

46. Greyscale Basic

InstantShift - Free Fonts for Web Designers

Font Download

47. Grunge Serifia

InstantShift - Free Fonts for Web Designers

Font Download

48. InDEAL regular

InstantShift - Free Fonts for Web Designers

Font Download

49. Journal

InstantShift - Free Fonts for Web Designers

Font Download

50. JustOldFashion

InstantShift - Free Fonts for Web Designers

Font Download

51. Justus

InstantShift - Free Fonts for Web Designers

Font Download

52. Kontrapunkt

InstantShift - Free Fonts for Web Designers

Font Download

53. Kraboudja

InstantShift - Free Fonts for Web Designers

Font Download

54. Lacuna

InstantShift - Free Fonts for Web Designers

Font Download

55. Liberation Serif

InstantShift - Free Fonts for Web Designers

Font Download

56. Liberation Sans

InstantShift - Free Fonts for Web Designers

Font Download

57. Lido STF

InstantShift - Free Fonts for Web Designers

Font Download

58. Loveable Scruff

InstantShift - Free Fonts for Web Designers

Font Download

59. Mank Sans

InstantShift - Free Fonts for Web Designers

Font Download

60. Marketing

InstantShift - Free Fonts for Web Designers

Font Download

61. MEgalopolis Extra

InstantShift - Free Fonts for Web Designers

Font Download

62. MG Open Cosmetica

InstantShift - Free Fonts for Web Designers

Font Download

63. MG Open Moderna

InstantShift - Free Fonts for Web Designers

Font Download

64. Mia’s Scribblings

InstantShift - Free Fonts for Web Designers

Font Download

65. Mido

InstantShift - Free Fonts for Web Designers

Font Download

66. Miso

InstantShift - Free Fonts for Web Designers

Font Download

67. Museo

InstantShift - Free Fonts for Web Designers

Font Download

68. Myndraine

InstantShift - Free Fonts for Web Designers

Font Download

69. Nadia Serif

InstantShift - Free Fonts for Web Designers

Font Download

70. NeoRetroDraw

InstantShift - Free Fonts for Web Designers

Font Download

71. Often

InstantShift - Free Fonts for Web Designers

Font Download

72. Oregon LDO

InstantShift - Free Fonts for Web Designers

Font Download

73. Oxford

InstantShift - Free Fonts for Web Designers

Font Download

74. Pigiarniq Inuktitut

InstantShift - Free Fonts for Web Designers

Font Download

75. PlagueDeath

InstantShift - Free Fonts for Web Designers

Font Download

76. Pointy

InstantShift - Free Fonts for Web Designers

Font Download

77. Portland LDO

InstantShift - Free Fonts for Web Designers

Font Download

78. Qlassik

InstantShift - Free Fonts for Web Designers

Font Download

79. Quicksand

InstantShift - Free Fonts for Web Designers

Font Download

80. Reminga OT

InstantShift - Free Fonts for Web Designers

Font Download

81. Sansation

InstantShift - Free Fonts for Web Designers

Font Download

82. Semplice Pixelfonts

InstantShift - Free Fonts for Web Designers

Font Download

83. Scriptina

InstantShift - Free Fonts for Web Designers

Font Download

84. Silkscreen

InstantShift - Free Fonts for Web Designers

Font Download

85. Sketch Rockwell

InstantShift - Free Fonts for Web Designers

Font Download

86. Sketchy

InstantShift - Free Fonts for Web Designers

Font Download

87. Slab Tall X

InstantShift - Free Fonts for Web Designers

Font Download

88. S.O.T.D.

InstantShift - Free Fonts for Web Designers

Font Download

89. Staubiges Vergnügen

InstantShift - Free Fonts for Web Designers

Font Download

90. Steiner

InstantShift - Free Fonts for Web Designers

Font Download

91. Sunday Morning Garage Sale

InstantShift - Free Fonts for Web Designers

Font Download

92. Tallys

InstantShift - Free Fonts for Web Designers

Font Download

93. Timeless

InstantShift - Free Fonts for Web Designers

Font Download

94. Trashco

InstantShift - Free Fonts for Web Designers

Font Download

95. Trashed

InstantShift - Free Fonts for Web Designers

Font Download

96. TypoLatin

InstantShift - Free Fonts for Web Designers

Font Download

97. Ubuntu title

InstantShift - Free Fonts for Web Designers

Font Download

98. UglyQua

InstantShift - Free Fonts for Web Designers

Font Download

99. Universal Fruitcake

InstantShift - Free Fonts for Web Designers

Font Download

100. Urban Sketch

InstantShift - Free Fonts for Web Designers

Font Download

101. Vegur

InstantShift - Free Fonts for Web Designers

Font Download

102. Vollkorn

InstantShift - Free Fonts for Web Designers

Font Download

103. Walkway

InstantShift - Free Fonts for Web Designers

Font Download

104. Yanone Kaffeesatz

InstantShift - Free Fonts for Web Designers

Font Download

저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준

지금 블로그에 게시하는 글의 원본은 사이트포인트닷컴의 해당 기사에 있습니다.

원본 클릭 


2013년에 웹 페이지의 크기는 32퍼센트나 증가했다고 합니다. 거의 모든 사이트의 무게(페이지의 크기) 가 증가한 것인데요. 사실 이렇게 사이트의 무게가 커지면 커질 수록 사용자들과 전체 인터넷에는 악영향을 끼치게 됩니다. 사이트의 무게가 증가함에 따라 전체적인 인터넷의 속도가 느려지게 되고, 사용자들 또한 인터넷이 느려짐에 따라 일 처리를 하거나, 영화를 보거나, 기타 인터넷과 관련된 모든 행위 자체에 영향을 미칠 수 밖에 없습니다. 

요즘은 모바일 인터넷 사용자 수 또한 많은데요, 인터넷 사이트의 무게가 커지면 커질 수록 모바일 인터넷 사용자들은 느린 로딩 시간과 트래픽 양이 많아짐에 따른 요즘 증가 등 이런 폐단들이 발생하게 됩니다.


개발자의 입장에서도 사이트의 무게가 커지게 되면 많은 코드를 사용하게 되고, 그에 따른 업데이트와 유지 보수 시간이 늘어나게 되는 것입니다. 이제 간단하고 빠른 방법으로 인터넷 사이트이 무게를 줄일 수 있는 10가지 방법을 소개합니다.


1. GZIP 압축을 사용하자.

W3Techs.com 에 의하면 거의 절반이 넘는 사이트 들이 압축 옵션을 사용하지 않는다고 합니다. 서버의 GZIP 압축만으로도 아주 좋은 효과를 발생한다고 하니, 웹 호스팅 회사 또는 서버 관리자에게 이런 사항을 요구해 보시기 바랍니다.


2. 브라우저 캐시를 장려하자.

브라우저는 캐시 기능이 있습니다. 즉 브라우저를 이용해서 사이트를 접속했는데, 동일한 이미지가 있는 경우에는, 두번 다시 해당 이미지를 다운로드 할 필요가 없습니다. 서버의 HTTP 헤더 부분에 이미지 부분에 대해서 10일 또는 한달 정도로 동일한 이미지를 다운로드 받지 않게 세팅을 한다면, 인터넷이 훨씬 빨라질 것입니다. 



3. 콘텐츠 전송 네트워크(CDN)를 사용하자.

CDN을 사용하게 되면 웹 서버의 부담을 엄청나게 줄일 수 있습니다. 특히 동영상이나, 파일 다운로드 등 여러가지 웹 사이트에서 사용되는 요소들 중 가장 크기가 많이 나가는 부분은 CDN을 이용하여 분산 가능합니다.

단 중형급 웹 사이트가 않을 경우 CDN 비용이 더 많이 발생할 수도 있습니다.


4. 사용하지 않는 자산(Asset)을 제거

더 이상 웹 사이트에 사용되지 않는 이미지, CSS, 자바스크립트 파일들을 제거해 주는 것도 웹 사이트를 가볍게 만드는데 도움이 됩니다.

이런 쓸데없는 자산들을 제거하는 도구로는  Chrome’s Audit Developer Tool, JSLint, Dust-Me Selectors, CSS Usage, unused-css.com 등이 있습니다.


5. CSS크기를 작게 

CSS 파일인 경우 사이트 초기에는 고려할 요소들이 많기 때문에 개발자가 알 수 있게 작성하는 것이 중요하지만, 사이트가 안정화가 되기 시작하면 몇몇 요소들은 거의 수정할 핋요가 없습니다. 이런 경우 해당 코드를 최소화 하는 작업을 통해 코드의 크기를 줄일 수 있습니다.

직접 에디터를 이용해서 작업을 할 수도 있지만, 온라인 CSS의 minifier -   cssminifier.com , CSS 압축기 및 Minifier 또는 CSS 압축기를 사용하여 처리할 수 있습니다.


또한 여러개의 CSS 파일들은 윈도우에서는 "copy  file1.css + file2.css file.css" 명령을 이용해서 

맥이나 리눅스에서는 "cat file1.css file2.css > file.css" 를 이용해서 처리할 수 있습니다. 이 명령들은 윈도우에서는 cmd.exe 를 통해서 맥은 터미널을 이용해서 처리해야 합니다.



6.자바 스크립트의 크기를 작게 처리

자바스크립트의 크기를 작게 하는다는 의미는 자바스크립트 또한 압축할 수 있기 때문에  더 이상 수정할 일이 없는 자바스크립트 인 경우 최소화 작업을 통해 1KB라도 더 작게 만들 수 있습니다.


7. 올바른 이미지 형식을 사용하자

잘못된 이미지 형식을 사용함으로써 웹 사이트가 쓸데 없이 커질 수 있습니다. 일반적으로 웹 사이트에서 사진이미지는 JPG 포맷을 사용합니다. 그리고 사진을 제외한 아이콘이나 사이트 로고등은 PNG 파일 또는 GIF 파일을 사용해야 합니다.



8. 큰 이미지를 크기 조정

일반적으로 웹 디자인 시 웹 사이트이 폭은 1024px를 넘지 않습니다. 따라서 웹 사이트에 사용되는 이미지인 경우 사이드에 포함된 메뉴를 감안했을때 800px를 넘지 않는 것이 좋습니다. 요즘 디지털 카메라인 경우 화소수가 엄청나기 때문에 촬영한 이미지를 그대로 쓰기에는 이미지의 크기가 너무 큽니다. 따라서 이미지의 크기를 800px 에서 최대한 1024px를 넘지 않게 하는 것이 좋습니다.



9. 또한 이미지를 압축

이미지의 크기도 중요하지만, 이미지를 압축하는 것도 좋습니다. 특히 JPG 이미지의 경우 사용하는 방법에 따라 여러 압축 방법이 존재하며, PNG 파일인 경우에도 24비트로 처리할 것인지 8비트로 처리할 것인지에 따라 이미지의 용량에서 많은 차이를 보이기 때문에 사이트의 효율성에 적합하게 이미지를 압축하는 것이 조ㅓㅎ습니다.



10. 불필요한 글꼴을 삭제하라

CSS3에서 웹 폰트를 사용할 수 있게 됨에 따라 이전에 그래픽 이미지로 처리했던 글꼴을 이젠 웹 폰트를 이용해서 처리할 수 있게 되었습니다만, 웹 폰트의 크기도 생각보단 크게 작용하기 때문에 웹 사이트에서는 필요한 글꼴 2개 에서 3개 정도만 사용하는 것이 가장 좋습니다.



저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준

완성도가 아주 높은 리본 폰트입니다.


특히 리본 폰트는 장식용 디자인으로 사용할때 상당히 유용한 폰트 중 하나입니다.


리본 폰트는 다음과 같은 모양입니다.


이 글의 원문은 http://www.hongkiat.com/blog/high-quality-ribbon-fonts/ 입니다.






Free Ribbon Fonts

These fonts are available for free. Visit the creator’s site to get a closer look at the fonts as well as to download the font file.

Airstream

Airstream

Cyrillic Ribbon

Cyrillic Ribbon

HFF Ribbon

HFF Ribbon

Curly Ribbons

Curly Ribbons

Ribbon Trim

Ribbon Trim

Ribbon Happy

Ribbon Happy

Ribbon Bold

Ribbon Bold

Ribbon Of Hope

Ribbon Of Hope

Ribbon Extended

Ribbon Extended

Ribbon 131 Bold BT

Ribbon 131 Bold BT

Tribbon

Tribbon

Lavanderia

Lavanderia

Bladeline

Bladeline

Ridge

Ridge

Ribbon Banner

Ribbon Banner

Ribbon Font

Ribbon Font

Riesling

Riesling

BCS Benwood

BCS Benwood

Uralita

Uralita

Barkentina

Barkentina

Ribbon Effect Of Letters

Ribbon Effect Of Letters

Ribbon Candy

Ribbon Candy

Ribbon

Ribbon

Paid Ribbon Fonts

Here are 10 more ribbon fonts that are available for a price. Some have a clear price tag while others are available for credits. Some prices differ based on licensing conditions, the file type and resolutions.

Coloured Set Paper Ribbon

Coloured Set Paper Ribbon

Font Design Ribbon Alphabet

Font Design Ribbon Alphabet

Blu Halftone

Blu Halftone

Paper Tape

Paper Tape

Fashion Ribbon

Fashion Ribbon

Craft Ribbon

Craft Ribbon

Carolyna

Carolyna

Noveu

Noveu

Scotch Tape Vector

Scotch Tape Vector

Blu

Blu

저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준


원문은 http://www.hongkiat.com/blog/flat-design-free-fonts/



최신 웹 디자인 트랜드 중 하나인 플랫 디자인(Flat Design)을 위한 40여개의 무료 폰트입니다.



웹 사이트에서 폰트가 차지하는 비중은 상당히 높은데요. 여기 상당히 완성도가 높은 영문 폰트를 소개합니다.






1. Tracks Type by Gumpita Rahayu

2. Franchise by Weathersbee Type

3. Mido by cufonfonts

4. Sertig by Dannci

5. Circula by Paragraph

6. ChunkFive by The League of Moveable Type

7. Homestead Font by Luke Lisi

8. Canter Typeface by Christopher J. Lee

9. Mojave Typeface by Gumpita Rahayu

10. ONRAMP by Michael Spitz

11. Lovelo font by Renzler Design

12. Lato by Google Fonts

13. Linux Libertine by Philipp H. Poll

14. Exo by Natanael Gama

15. Junction by Caroline Hadilaksono

16. KIDOT FONT by Anastasia Yakovleva and kidstudio

17. Manteka by Eduardø Araya

18. Aller by Dalton Maag Ltd

19. Sintony by Eduardo Tunni

20. Telegrafico by Salvo Nicolosi

21. Ambrosia font by Jelloween

22. Market Deco by Steve Ferrera

23. Bellota by Pixilate

24. Gnuolane by Typodermic Fonts

25. RBNo2 by Rene Bieder

26. Langdon by XLN Telecom

27. Laika FREE by Rodrigo Araya Salas

28. Bariol by atipo

29. Caviar Dreams by Lauren Thompson

30. OSP DIN by OSP-foundry

31. Flex Display – free fonts by Alvaro Thomáz

32. ALEO | Free Font Family by Alessio Laiso

33. Corbert Regular by Jonathan Hill

34. Jalane Light by Benoît Sjöholm

35. Apogee Rounded Sans Beta by Mef

36. Pinstripe Limo by Nymphont

37. Balham – Free Elegant Font by Dannci

38. Code Free font by FontFabric

39. Myra by Sergiy Tkachenko

40. KanKin by Alexey Frolov

저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준


NEX-5N | Normal program | Pattern | 1/60sec | F/4.0 | 0.00 EV | 19.0mm | ISO-160 | Off Compulsory | 2013:09:15 10:44:23

생애 처음으로 출간했던 "처음부터 다시 배우는 HTML5 & CSS3"는 나름 성과를 낸 책입니다.

이번에 "처음부터 다시 배우는 HTML5 & CSS3" 전면 개정판은 1판의 내용을 전면적으로 개편한 내용으로 HTML5와 CSS3에 대한 전반적인 내용을 모두 담고 있습니다.


특히 1판에서 다루지 못했던 부분들이 많이 추가됨에 따라 책 페이지 수가 많이 증가하였습니다.

또한 예제 사이트도 1판과는 달리 최신 트렌드에 맞춰 새롭게 제작되었습니다.


여러분의 많은 관심과 성원 부탁드립니다. 


저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준

정말 공인 인증서 때문에 짜증 제대로 난다.


우선 공인 인증서를 사용하기 위해서 "키보드 보안 프로그램"과  기타 여러 프로그램을 액티브 X 방식으로 설치하는데, 이 공인인증서 때문에 설치하는 프로그램들이 가끔을 아래와 같이 제대로 작동하지 않는 경우가 있다.


그럴 경우 정말 짜증이 제대로 나고, 가끔은 PC를 재부팅해야 하는 경우도 있다. 




키보드 보안 프로그램이 설치되지 않으면, 인증서 암호를 입력하더라도 입력이 되지 않는다고 나온다.



이런 문제는 키보드 보안 프로그램을 업데이트 해주는 방법 밖에는 방법이 없다.



하지만, 이런 식으로 사용장의 불편을 초래하고, 또는 피싱 사이트로 잘못 들어간 사용자들이 해당 피싱 사이트에서 제공하는 액티브 엑스를 그냥 화면만 보고 무심결에 설치를 했다면( 이럴 가능성은 99% 가 넘는다.  은행 사이트 들어가면 무의식적으로 액티브 엑스를 설치하기 때문에) 해당 PC는 좀비 PC 또는 해킹에 무방비 상태가 되는 것이다. 또는 바이러스의 온상지로 변할 수 밖에 없는 것이다.


이게 다 공인인증서를 "안전" 하게 보호하자고 하는 짓거리인데, 사실 이 짓 거리 때문에 사용자들은 무의식적으로 액티브 엑스를 설치해야 한다는 화면이 나오면, 그냥 무조건 설치하는 폐해를 가져왔다는 것은 생각해 보지 않았는가?


은행이나 금융 당국이 사고가 났을 경우 본인들의 책임 소재를 최소화 하기 위해 위험 부담을 소비자에게 떠넘기는 이런 행위는 반드시 근절되어야 한다.


저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준

마이크로소프트에서도 더 이상 IE6는 떠나 보내야 하는 브라우저라고 합니다.


한국의 웹 발전을 위해서도 더 이상 IE6는 사용하지 말아야 합니다.


IE6 는 2001년 하반기에 출시되었으며, 이미 많은 분들이 사용했던 훌륭한 브라우저였습니다. 하지만, 이미 나온지 11년이나 넘었고, PC의 보안을 위해서, 또한 한국의 웹 발전을 위해서라면 더 이상 IE6을 사용하는 것은 무의미합니다.


그리고 IT 개발자, 그 중에 웹 개발자들을 조금이라도 생각하시면 IE6 사용을 그만 두시기 바랍니다.

IE6용으로 웹 페이지 만드는 것은 정말 힘듭니다. 제발 살려주세요. ㅜㅜ




http://www.ie6nomore.co.kr/


이 페이제에 가시면 왜 IE6을 버려야 하는지 잘 나와 있습니다.

또한 해당 페이지에서는 사이트 관리자 또는 개발자에게 IE6를 최신 브라우저로 업데이크하게 하는 코드가 들어있습니다.

간단하게 해당 코드를 복사한 후 HTML 문서에 넣어 주기만 하면, IE6 사용자인 경우 다른 브라우저로 업데이트 할 수 있게 처리해 줍니다.



현재 전 세계적으로는 중국이 24%의 비율로 아직도 IE6을 가장 많이 사용하고 있습니다.

한국 또한 1.3%의 비율로 사용하고 있는 것을 알 수 있는데, 전 세계적으로는 6.3%의 점유율을 보이고 있습니다.


http://www.ie6countdown.com/


윈도우 XP 사용자들은 IE8로 업그레이드 하시거나, 세상에서 가장 빠른 구글 크롬 브라우저를 사용해 보세요.



정말 인터넷이 빨리지고 편리해 집니다.


윈도우 7 사용자들은 IE10을 사용해 보세요.


정말 가볍고 빠릅니다. 또한 구글 크롬 정말 좋은 브라우저입니다.


전 현재 구글 크롬 브라우저가 메인 브라우저입니다.



저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준

한 페이지 사이트를 만들때 반드시 필요하다~~~


요즘 내용이 많지 않는 웹 사이트인 경우에는 1page 사이트를 만드는 경우가 많은데 지금 소개하는 smint는 이럴 때 아주 유용한 고정메뉴라고 할 수 있습니다. 


jQuery 기반으로 작동하며, 구성 또한 간단합니다. 


실제 작동하는 모습을 보시면 아~~ 이런 것 이구나! 라고 알 수 있습니다. 


바로 아래의 URL 또는 그림을 클릭해서 사이트로 이동해 보세요.


http://www.outyear.co.uk/smint/




저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준

현재 웹의 대세는 HTML5와 CSS3입니다.

하지만 아무리 대세이더라도 CSS3를 완벽하게 지원하는 브라우저는 없습니다.

또한 CSS3 에서 추가된 많은 선택자를 사용하더라도, 개발자의 요구에 맞게 좀 더 정교한 선택자가 필요할 경우가 있습니다.


Hitch는 이런 개발자를 위하여 자바스크립트를 이용하여 CSS의 기능을 엄청나게 향상 시켜줍니다.


아래의 그림을 누르시면 해당 사이트로 이동하는데, 사이트 첫 부분에 Hitch 에 대한 소개와 어떻게 사용하는지에 대한 내용이 나옵니다.

또한 DEMO를 보시면 아~~~ 이런 기능이 있구나~ 라는 느낌이 오실 겁니다.


hitch를 사용하기 위해서 hitch 자바스크립트가 반드시 웹 문서에 필요하며, CSS 내부에는 -hitch라는 prefix가 사용되어야 해당 기능이 작동됩니다.


CSS3의 선택자에 만족하시면, hitch는 사용하지 않더라도 웹 사이트를 개발하는 전혀 문제가 없지만, 개발자가 조금이라도 편리하고 정교한 방법으로 웹 사이트를 개발하고 싶다면, hitch는 한번쯤 사용해 볼 만한 도구라고 생각이 듭니다.


Hitch

Add some expressive power



저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준

요즘 사이트에는 팝업 윈도우 보다는 모달 윈도우 라고, 브라우저 내부에서 뜨는 윈도우를 많이 선호합니다.

여기에서 소개하는 POP EASY 도 모달 윈도우 인데, 크기가 2KB 밖에 되지 않는 아주 가볍고, 사용자자 커스터마이징이 가능한 아주 훌륭한 기능이 많이 들어 있는 모달 윈도우 입니다.


4가지의 주요 기능이 있는데, 다음과 같습니다.

POP UPS(가장 흔하게 사용하는 팝업 윈도우 입니다.) 

Linking Modals( 로그인 폼 또는 회원 가입 폼을 모달 윈도우에서 처리하게 합니다.) 

Videos ( 동영상을 모달 윈도우 내부에서 보여주게 합니다.)

 iFrames ( iFrame 을 사용해야 하는 경우 사용할 수 있습니다.)


아래의 이미지 또는 URL를 클릭하면 해당 웹 사이트로 이동하며, 자세한 설명이 나와 있으니 참조하시기 바랍니다.


http://thomasgrauer.com/popeasy/






저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 유지아빠 유연준