제주에서 작은 IT 사업을 하고 있는 유지 아빠가 보고 듣고 느끼는 진솔한 이야기를 나누는 공간입니다.

웹 & IT 133

웹에서 사용하는 웹 아이콘 사이트 소개

오래전에 웹에서 사용하는 아이콘들은 전부 비트맵으로 만들어서 사용하고 했습니다. 그때의 개고생이란. ㅠㅠ 하지만 현대 웹에서는 더 이상 그런 비 효율적인 작업을 하지 않죠. 웹 표준 시대와 더불어 아이콘이 웹 폰트 형식으로 세상에 출현한 이후에는 더이상 비트맵 방식의 아이콘은 사용하지 않게 되었습니다. (뭐 지금도 사용하는 경우는 종종 보곤 합니다만.) 특히 부트스트랩의 사용과 더불어 웹폰트 형식의 아이콘이 보편화 되면서 다양하고, 저작권 문제도 없는 웹용 아이콘을 제공하는 사이트들이 있어서 소개합니다. 1. 부트스트랩 아이콘 icons.getbootstrap.com/ Bootstrap Icons Official open source SVG icon library for Bootstrap icons.ge..

부트스트랩 5 베타 버전 출시 Bootstrap v5.0.0-beta1

현재 웹에서 가장 많이 사용하는 CSS 프레임워크이자 대표주자인 부트스트랩이 5.0 베타 버전이 출시되었습니다. 6년만에 블로그를 다시 시작하면서 부트스트랩으로 다시 글을 시작하게 되었습니다. 사실 필자는 부트스트랩에 대한 책도 하나 저술했고, 그 책이 사실 부트스트랩을 다룬 한국내 첫 책이자 가장 잘 팔린(?) 책이었습니다. 그 책은 부트스트랩 3.X 버전 이었고 부트스트랩에 대해서 나름 잘 설명한 책이었습니다. 라고 자찬하고 싶습니다. 사실 부트스트랩을 알고 나서는 필자가 제작하는 모든 웹 사이트는 부트스트랩을 기초로 만들고 있습니다. 부트스트랩 이후에 상당히 많은 CSS 프레임워크들이 세상에 출현했고, 나름 의미 있는 사용자 층을 이루고 있지만, 실상 부트스트랩 만한 CSS 프레임워크도 없습니다. ..

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

웹 디자이너와 로고 디자이너를 위한 무료 폰트 104개영문 폰트인 경우 무료 폰트들이 상당히 많은 편인데, 이 폰트들은 디자너들을 위해 조금 엄선된 폰트 모음입니다.상당히 유용한 폰트들이 많이 있으니, 선택해서 사용하시면 됩니다. 원본글은 http://www.instantshift.com/2009/02/16/104-free-fonts-for-web-designers-and-logo-artists/ 입니다. 01. 28 Days LaterFont Download02. AB ExpFont Download03. ABCFont Download04. AdventFont Download05. Alexandria FLFFont Download06. AllerFont Download07. AniversFont Down..

웹 & IT 2014.08.21

웹 페이지의 무게를 줄이는 10가지 빠르고 간단한 방법

지금 블로그에 게시하는 글의 원본은 사이트포인트닷컴의 해당 기사에 있습니다.원본 클릭 2013년에 웹 페이지의 크기는 32퍼센트나 증가했다고 합니다. 거의 모든 사이트의 무게(페이지의 크기) 가 증가한 것인데요. 사실 이렇게 사이트의 무게가 커지면 커질 수록 사용자들과 전체 인터넷에는 악영향을 끼치게 됩니다. 사이트의 무게가 증가함에 따라 전체적인 인터넷의 속도가 느려지게 되고, 사용자들 또한 인터넷이 느려짐에 따라 일 처리를 하거나, 영화를 보거나, 기타 인터넷과 관련된 모든 행위 자체에 영향을 미칠 수 밖에 없습니다. 요즘은 모바일 인터넷 사용자 수 또한 많은데요, 인터넷 사이트의 무게가 커지면 커질 수록 모바일 인터넷 사용자들은 느린 로딩 시간과 트래픽 양이 많아짐에 따른 요즘 증가 등 이런 폐단들..

리본 모양의 폰트 30여종

완성도가 아주 높은 리본 폰트입니다. 특히 리본 폰트는 장식용 디자인으로 사용할때 상당히 유용한 폰트 중 하나입니다. 리본 폰트는 다음과 같은 모양입니다. 이 글의 원문은 http://www.hongkiat.com/blog/high-quality-ribbon-fonts/ 입니다. Free Ribbon FontsThese 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.AirstreamCyrillic RibbonHFF RibbonCurly RibbonsRibbon TrimRibbon HappyRibbon BoldRibbon Of H..

웹 & IT 2013.10.07

플랫 디자인을 위한 무료 폰트 40종

원문은 http://www.hongkiat.com/blog/flat-design-free-fonts/ 최신 웹 디자인 트랜드 중 하나인 플랫 디자인(Flat Design)을 위한 40여개의 무료 폰트입니다. 웹 사이트에서 폰트가 차지하는 비중은 상당히 높은데요. 여기 상당히 완성도가 높은 영문 폰트를 소개합니다. 1. Tracks Type by Gumpita Rahayu2. Franchise by Weathersbee Type3. Mido by cufonfonts4. Sertig by Dannci5. Circula by Paragraph6. ChunkFive by The League of Moveable Type7. Homestead Font by Luke Lisi8. Canter Typeface by ..

웹 & IT 2013.10.07

처음부터 다시 배우는 HTML5 & CSS3 전면개정판.

생애 처음으로 출간했던 "처음부터 다시 배우는 HTML5 & CSS3"는 나름 성과를 낸 책입니다.이번에 "처음부터 다시 배우는 HTML5 & CSS3" 전면 개정판은 1판의 내용을 전면적으로 개편한 내용으로 HTML5와 CSS3에 대한 전반적인 내용을 모두 담고 있습니다. 특히 1판에서 다루지 못했던 부분들이 많이 추가됨에 따라 책 페이지 수가 많이 증가하였습니다.또한 예제 사이트도 1판과는 달리 최신 트렌드에 맞춰 새롭게 제작되었습니다. 여러분의 많은 관심과 성원 부탁드립니다.

웹 & IT 2013.09.15

공인 인증은 과연 누구를 위해 만든 것일까?

정말 공인 인증서 때문에 짜증 제대로 난다. 우선 공인 인증서를 사용하기 위해서 "키보드 보안 프로그램"과 기타 여러 프로그램을 액티브 X 방식으로 설치하는데, 이 공인인증서 때문에 설치하는 프로그램들이 가끔을 아래와 같이 제대로 작동하지 않는 경우가 있다. 그럴 경우 정말 짜증이 제대로 나고, 가끔은 PC를 재부팅해야 하는 경우도 있다. 키보드 보안 프로그램이 설치되지 않으면, 인증서 암호를 입력하더라도 입력이 되지 않는다고 나온다. 이런 문제는 키보드 보안 프로그램을 업데이트 해주는 방법 밖에는 방법이 없다. 하지만, 이런 식으로 사용장의 불편을 초래하고, 또는 피싱 사이트로 잘못 들어간 사용자들이 해당 피싱 사이트에서 제공하는 액티브 엑스를 그냥 화면만 보고 무심결에 설치를 했다면( 이럴 가능성은 ..

웹 & IT 2013.09.14

이제 IE6는 떠나 보내셔야 합니다.

마이크로소프트에서도 더 이상 IE6는 떠나 보내야 하는 브라우저라고 합니다. 한국의 웹 발전을 위해서도 더 이상 IE6는 사용하지 말아야 합니다. IE6 는 2001년 하반기에 출시되었으며, 이미 많은 분들이 사용했던 훌륭한 브라우저였습니다. 하지만, 이미 나온지 11년이나 넘었고, PC의 보안을 위해서, 또한 한국의 웹 발전을 위해서라면 더 이상 IE6을 사용하는 것은 무의미합니다. 그리고 IT 개발자, 그 중에 웹 개발자들을 조금이라도 생각하시면 IE6 사용을 그만 두시기 바랍니다.IE6용으로 웹 페이지 만드는 것은 정말 힘듭니다. 제발 살려주세요. ㅜㅜ http://www.ie6nomore.co.kr/ 이 페이제에 가시면 왜 IE6을 버려야 하는지 잘 나와 있습니다.또한 해당 페이지에서는 사이트 관..

웹 & IT 2013.07.02

싱글 페이지 웹 사이트의 필수품 smint

한 페이지 사이트를 만들때 반드시 필요하다~~~ 요즘 내용이 많지 않는 웹 사이트인 경우에는 1page 사이트를 만드는 경우가 많은데 지금 소개하는 smint는 이럴 때 아주 유용한 고정메뉴라고 할 수 있습니다. jQuery 기반으로 작동하며, 구성 또한 간단합니다. 실제 작동하는 모습을 보시면 아~~ 이런 것 이구나! 라고 알 수 있습니다. 바로 아래의 URL 또는 그림을 클릭해서 사이트로 이동해 보세요. http://www.outyear.co.uk/smint/

웹 & IT 2013.06.15

CSS3에 하나를 더해 CSS를 아주 강력하게 만들어 주는 HITCH

현재 웹의 대세는 HTML5와 CSS3입니다.하지만 아무리 대세이더라도 CSS3를 완벽하게 지원하는 브라우저는 없습니다.또한 CSS3 에서 추가된 많은 선택자를 사용하더라도, 개발자의 요구에 맞게 좀 더 정교한 선택자가 필요할 경우가 있습니다. Hitch는 이런 개발자를 위하여 자바스크립트를 이용하여 CSS의 기능을 엄청나게 향상 시켜줍니다. 아래의 그림을 누르시면 해당 사이트로 이동하는데, 사이트 첫 부분에 Hitch 에 대한 소개와 어떻게 사용하는지에 대한 내용이 나옵니다.또한 DEMO를 보시면 아~~~ 이런 기능이 있구나~ 라는 느낌이 오실 겁니다. hitch를 사용하기 위해서 hitch 자바스크립트가 반드시 웹 문서에 필요하며, CSS 내부에는 -hitch라는 prefix가 사용되어야 해당 기능이..

웹 & IT 2013.06.15

2KB 밖에 안되는 아주 가벼운 jQuery용 모달 윈도우

요즘 사이트에는 팝업 윈도우 보다는 모달 윈도우 라고, 브라우저 내부에서 뜨는 윈도우를 많이 선호합니다.여기에서 소개하는 POP EASY 도 모달 윈도우 인데, 크기가 2KB 밖에 되지 않는 아주 가볍고, 사용자자 커스터마이징이 가능한 아주 훌륭한 기능이 많이 들어 있는 모달 윈도우 입니다. 4가지의 주요 기능이 있는데, 다음과 같습니다.POP UPS(가장 흔하게 사용하는 팝업 윈도우 입니다.) Linking Modals( 로그인 폼 또는 회원 가입 폼을 모달 윈도우에서 처리하게 합니다.) Videos ( 동영상을 모달 윈도우 내부에서 보여주게 합니다.) iFrames ( iFrame 을 사용해야 하는 경우 사용할 수 있습니다.) 아래의 이미지 또는 URL를 클릭하면 해당 웹 사이트로 이동하며, 자세한 ..

웹 & IT 2013.06.15

포토샵 CC의 놀라운 기능들 소개

아래의 동영상들은 어도비 에반젤리스트들의 소개하는 포토샵 CC의 놀라운 기능들입니다. 우선 어도비 월드와이드 디자인 에반젤리스트인 Terry White씨가 소개하는 포토샵 CC의 놀라운 기능 5가지입니다. 반드시 전체 화면으로 해서 보시기 바랍니다. 특히 인상 깊은 장면은 shake reduction 과 Camera Raw가 인상적입니다. 두번째 동영상은 어도비 크레에이티브 디렉터이자 포토샵계에서는 가장 유명한 Russell Brown씨가 소개하는 포토샵 CC의 놀라운 기능 5가지입니다.

웹 & IT 2013.05.08

어도비의 차기 버전은 CC로 출시된다고 합니다.

어도비사의 차기 제품들은 CC 즉 Adobe Creative Cloud 로만 출시된다고 합니다.이것은 기존에 다운로드 후 제품을 인증 받는 형태가 아니라 월 단위로 결재하는 시스템을 말하는 것입니다. 어도비의 입장에서는 불법 소프트웨어를 근절 시킬 수 있는 방안이 될 수 있는 것이고, 사용자 입장에서는 초기에 큰 금액이 들어가지 않고 정품을 사용할 수 있는 장점이 있습니다. 특히 어도비의 포토샵은 가장 많은 불법 소프트웨어로 유통이 되고 있어, 어도비에서도 불법 소프트웨어를 근절하기 위해 많은 노력을 기울렸지만, 실효성을 거두진 못하고 있는 상태에서 내린 결단이라고 할 수 있겠습니다. 어도비 CC 제품군을 아마 올 6월 경에 대거 출시할 것으로 보이는데, 각 제품 군에서 아주 특별한 기능들이 많이 추가된..

웹 & IT 2013.05.08

최강의 코드 에디터 Sublime Text 2 구입하다.

요즘 개발자들 사이에서 가장 HOT한 에디터로 손 꼽히는 Sublime Text 2 를 구입하다.Sublime Text 2의 라이센스는 기기당 하나씩 받는 것이 아니라 유저당 하나를 받는 것이기 때문에, 유저가 기기를 10대를 사용하더라도, 하나의 라이센스로 사용가능하다. 금액도 70불로 그렇게 비싼 가격이 아니고, 가장 큰 장점은 Sublime Text 2는 크로스 플랫폼이라는 것이다.즉 윈도우용, 맥용, 리눅스용 각기 버전이 전부 있어, 유저가 윈도우를 사용하던, 맥을 사용하던, 리눅스를 사용하던 문제 없이 에디팅을 할 수 있다는 것이다. 지금 현재 사용하고 있는 플랫폼이 윈도우 7 와 맥 OSX 10.8 버전을 사용하기 때문에 70불에 두개의 기기에 각기 설치할 수 있다는 것은 아주 매력적인 것이다..

웹 & IT 2013.05.02

emmet 웹 개발자의 필수 도구

http://emmet.io/ 이전에 Zen Coding으로 아주 유명했던 Emmet 웹 개발자의 필수 도구라는 문구에 걸맞는 최고의 필수품. 웹 개발은 emmet 을 알고 나면, 정말 편해진다는 말이 실감이 나게 해 주는 도구!! 더 이상 더 좋은 수식어가 더 없을까? 웹 개발자들이여~~ 반드시 Emmet을 한번 느껴봐라~~ 세상을 얻는 기분일 것이다~ 더 자세한 설명은 다음 포스트에서...

웹 & IT 2013.05.01

웹 세이프 컬러 - Web Safe color

WEB SAFE COLOR 이 색상표는 인터넷 초창기에 256색상밖에 표현 되지 않는 모니터 또는 비디오카드 때문에 W3C에서 256색상 중 216를 웹 표준으로 지정한 것입니다. 하지만 현재는 별 의미는 없지만, 지금도 몇몇 사이트는 이 색상표를 기반으로 작업을 하기도 합니다. 해당 색상을 웹에서 사용할 때는 앞에 #을 붙히고 사용해야 합니다. 000000000330000660000990000CC0000FF0033000033330033660033990033CC0033FF0066000066330066660066990066CC0066FF0099000099330099660099990099CC0099FF00CC0000CC3300CC6600CC9900CCCC00CCFF00FF0000FF3300FF6600FF99..

웹 & IT 2013.04.04

입는 컴퓨터의 시작 - Wearable Gesture Control from Thalmic Labs

MYO - Wearable Gesture Control from Thalmic Labs Thalmic Labs에서 개발한 웨어러블 제스춰 컨트롤러 입니다. 차세대 PC는 입는 컴퓨터가 되리라는 것에 의의를 달 사람은 없을 것입니다. 이 제품은 실용화가 되었으며, 현재 프리오더를 받고 있습니다.가격은 149불이고 윈도우/맥을 완벽하게 지원하고 있으며, iOS와 안드로이드를 위한 API가 제공된다고 합니다. 실제 작동하는 모습은 Youtube 비디오를 보시면 이해가 빠르실 겁니다. 보다 자세한 정보는 https://getmyo.com/ 에서 얻을 수 있습니다.

웹 & IT 2013.02.27

IE10 간단 호환성 테스트

IE10 윈도우 7용이 정식 출시 됨에 따라 몇가지 테스트한 결과를 보여드리겠습니다. 현재 제가 사용하는 시스템은 윈도우 7 64비트 프로버전입니다. 1. HTML5 지원여부 테스트 500PX.COM 이라는 사진 공유 사이트는 사진 업로드를 HTML5의 Drag & Drop을 이용합니다. IE9까지는 Drag & Drop을 지원하지 않았지만, IE10에서는 Drag & Drop을 지원하는 것을 확인했습니다. 2. Active X 지원 여부 액티브 엑스를 정말 퇴출되어야할 기술이지만, 한국의 현 상황에서는 너무 많은 보안 모듈과 기타 여러 가지 기술을 액티브 엑스에 의존하다 보니, 엑티브 엑스가 없으면, 인터넷 뱅킹이나, 기타 인터넷 쇼핑등에서 많은 불편을 겪을 수 있습니다. IE10에서는 현재 제가 사용..

웹 & IT 2013.02.27

IE10 윈도우 7용 출시 되었습니다.

다운로드 URL은 http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages 입니다. 정식버전입니다. 일단 설치중이기때문에 설치 후 호환성 부분 그리고 HTML5 와 CSS3 지원여부와 성능등에서 평가해 보도록 하겠습니다. IE10은 HTML5의 모든 기능과 CSS3의 모든 기능이 지원된다고 했으니, 정밀한 테스트 후 다시 게제 하겠습니다. 설치는 32비트와 64비트 버전이 따로 있기 때문에 현재 사용하시는 시스템 정보를 확인하시고 설치하시면 됩니다.

웹 & IT 2013.02.27

웹 디자이너 혼자서, 웹 프로그래머 없이 워드프레스를 이용하여 기업용 웹 사이트 만들기

웹 디자이너 혼자서, 웹 프로그래머 없이 워드프레스를 이용하여 기업용 웹 사이트 만들기 처음 시작하는 CSS & 워드프레스 이 책은 현재 세계에서 가장 많이 사용하는 CMS 도구인 워드프레스를 이용하여 웹 디자이너가 웹 프로그래머 도움 없이 혼자서 기업용 사이트를 만드는 방법을 설명합니다. 한국에서는 워드프레스란 도구가 단순히 블로그를 만드는 도구로만 설명되어 있는데, 실제 외국에서는 기업용 웹사이트를 워드프레스를 이용해서 만들고 있습니다. 워드프레스를 이용하여 웹 사이트를 제작하게 되면, 1. 검색엔진에서 가장 먼저 검색이 됩니다. 워드프레스가 SEO 즉 Search Engine Optimize 가 되어 있어, 검색 엔진에서 가장 먼저 해당 내용이 검색되는 장점이 있습니다. 2. 아주 복잡한 사이트가 ..

웹 & IT 2013.02.23

알아두면 편리한 구글 사용 팁.

아래의 내용은 인터넷 검색 중 발견한 내용입니다.유용한 내용이기 때문에 여기에 게제합니다. 구글에서는 다양한 종류의 검색 명령어를 통하여 더욱 정확한 검색을 할 수 있습니다. 그 중 가장 유용하고 편리한 몇가지 검색어를 소개하고자 합니다. 1. 반드시 포함될 단어/문장을 지정하기- 검색어의 처음과 끝에 큰 따옴표(")를 입력하면 해당 단어나 문장이 반드시 포함된 사이트만 검색할 수 있습니다.ex) "강남 스타일" 을 구글 검색어 창에 입력하면 정확히 강남 스타일이 표시 된 검색어만 보여줍니다. 2. 제외할 검색어를 지정하기- 검색어 앞에 마이너스(-)를 입력하면 해당 검색어를 제외한 결과를 표시합니다.ex) 갤럭시 -아이폰 을 구글 검색어 창에 입력하면 아이폰을 제외한 갤럭시에 대한 검색 결과를 표시해줍..

웹 & IT 2013.02.14

애드센스와 함께 여러분 새해 복 많이 받으세요.

2013년 제 블로그를 방문하신 여러분들 모두에게 행복과 건강 기원합니다. 블로거들에게 수익을 안겨드리는 애드센스는 전세계 블로거들에게는 아주 친숙한 광고 도구입니다. 저도 첨으로 애드센스를 통해 사소하지만 블로그 설립 3년만에 100불의 수익을 얻었었는데요. 여러분들도 애드센스와 함께 블로그를 통해 블로그도 홍보하고, 정보도 교류하고, 수익도 얻는 1석 3조의 효과를 거두시기 바랍니다. 새해 모두 행복하시고 복 많이 받으세요.!!!

웹 & IT 2013.02.09

사진확대의 최고봉 PhotoZoom Pro 5

사진 작업을 하거나, 웹 디자인을 하다 보면 원본 사진이 작은 경우가 있습니다. 원본 사진을 그대로 사용해도 문제가 안된다면, 원본 사진 그대로 사용해도 별 문제가 없지만, 원본 사진이 작은 것 밖에는 없는데, 이 사진을 크게 확대해야 할 경우, 어떻게 처리해야 할 지 난감하기만 합니다. 이 경우 PhotoZoom 이란 소프트웨어를 사용하게 되면, 원본 이미지의 품질에 최대한 맞춰서 이미지를 확대해 줄 수 있습니다. 그냥 단순하게 포토샵에서 이미지를 크게 만들면 되지 않냐? 하시는 분도 계시겠지만, 포토샵에서 작은 이미지를 크게 확대하게 되면 이미지들이 뭉게지게 됩니다. 아래의 그림을 보시기 바랍니다.원본 파일은 이미지의 크기가 400 X 267 픽셇이면 72dpi의 해상도를 가지고 있는 이미지입니다.먼..

웹 & IT 2013.02.07

디자이너의 색상 고민 끝

오늘은 디자이너들에게 유용한 사이트 하나 소개해 드리겠습니다.웹 디자인을 하거나, 인쇄디자인을 하거나, 디저이너들에게 많은 고민은 색상 선택에 있습니다.이전에 제 블로그에서 어도비에서 제공하는 kuler 라는 사이트를 한번 소개해 드린 적이 있는데요.그 사이트와 조금은 유사하지만, 이 사이트는 사용자들이 본인이 생각하는 색 조합을 공유하는 사이트입니다. 사이트 URL 은 http://www.colourlovers.com/ 입니다.COLOURlovers 라는 사이트 인데요.각 카테고리에 서로 다른 색상 조합이 배치되어 있습니다. ]제가 글로 설명하는 것 보단 직접 사이트에 접속해서 색상을 찾아 보면 더욱 쉽게 이해할 수 있습니다.이 사이트의 특징은 특히 검색에 있는데, 만일 제가 아주 진한 와인색상을 찾고..

웹 & IT 2013.02.06

브라우저 호환성 테스트 modern.IE

웹 개발자들은 요즘 상당히 피곤한 시기를 보내고 있습니다.특히 HTML5와 CSS3의 출현으로 웹 표준에 대한 요구가 많고, 웹 표준으로 사이트를 개발하려면 IE 이전 버전과의 호환성에서 많은 문제가 발생하기도 합니다. 제가 쓴 책에서도 HTML5와 CSS3을 이용해서 사이트를 만들때 발생하는 호환성 문제에 대해서 많은 지면을 할애하면서 설명을 드렸으며, 특히 HTML5 와 CSS3가 작동하지 않는 IE6, 7, 8 버전에 대해서 어떻게 대처애햐 하는지에 대한 내용도 많은 설명을 했습니다. IE 하위 버전에 대한 테스트는 보통 IETester 라는 도구를 사용하긴 하는데, 이 도구가 조금은 버그가 있은 편이라서 완벽하지 않고, 어떤 문제가 있는지, 설명해 주지 않는 문제가 있습니다. 필자인 경우에는 IE..

웹 & IT 2013.02.01

워드프레스 책 중 가장 볼만한 " 처음시작하는 CSS & 워드프레스"

제가 쓴 3번째 책인 처음 시작하는 CSS & 워드프레스에 관해서 약간 설명을 드리겠습니다. 책에 대한 내용은 몇 회에 걸쳐 설명을 드리도록 하겠습니다. 이 책은 저의 3번째 책이면서, 가장 신경을 많이 쓴 책입니다. 왜냐하면, 워드프레스란 CMS 가 초보자에게는 조금 힘들 수도 있는 툴이기 때문입니다. 하지만 현재 워드프레스가 한국뿐만 아니라 전세계적인 대세이며, 웹 초보자들에게는 한번쯤 배우면 좋은 툴이기 때문입니다. 국내에서 지금까지 출간한 워드프레스 서적에서 가장 쓸만한 내용만 담으려고 많은 노력을 하였고, 쓸데 없는 부분은 과감히 생략을 한 책입니다. 또한 이 책은 웹 사이트를 만드는 방법을 알긴 하지만, 프로그래머의 도움없이는 만들기 힘든 사이트를 만드는데 역점을 두었습니다.워드프레스가 이런 ..

웹 & IT 2013.01.16

CSS3의 애니메이션 속성을 이용한 Simple Multi-Item Slider

CSS3의 속성 중 가장 인상적인 것이 animation 속성과 transition 속성입니다. 이 속성을 이용하면 자바스크립트를 사용하지 않더라도, 아주 멋있는 애니메이션을 만들 수 있습니다. 지금 여기 소개하는 웹 페이지도 CSS3 의 animation 속성과 transition 속성을 이용해서 만든 결과 물인데, 상당히 인상적인 효과를 줄 수 있습니다. 자바스트립트를 사용하지 않기 때문에 브라우저에 무리가 없으며, 브라우저에서 자바스크립트를 비활성화 하더라도 작동하기 때문입니다. 다만 해당 속성이 제대로 작동하기 위해선 CSS3를 완벽하게 지원하는 브라우저가 필요합니다. IE 계열은 IE10이 유일하게 CSS3 속성을 전부 지원합니다. 하지만 파이어폭스 및 크롬 및 사파리인 경우 최신 버전만 설치하..

웹 & IT 2013.01.10

net tuts+ 가 꼽은 2013년 HOT 이슈

지금 보시는 글은 http://net.tutsplus.com/articles/general/whats-hot-in-2013-our-picks/가 원문입니다. 2012년은 웹 생태계에 새로운 기술과 제품과 프레임워크가 출현한 아주 환상적인 한 해였습니다. 2013년은 더욱 더 발전된 기술들이 선보이게 될 것이라고 하는데요. 여기 net tuts+ 에디터들이 꼽은 2013년 새로운 기술 트렌드를 한번 보시는 것도 아주 좋을 듯 합니다. 뭐 그렇게 어려운 말이 없기 때문에 해석은 생략하도록 하겠습니다. Jeffrey Way’s Picks ComposerComposer is a tool for dependency management, similar to Bundler and NPM. Declare your de..

웹 & IT 2013.01.02