유지아빠가 살아가는 세상

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

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

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

요즘 대세가 JQuery 를 이용한 자바스크립 액션들이 많이 있습니다. 이번 JQuery에 대한 자세한 설명은 http://jquery.com/ 여기 가면 알 수 있습니다. JQuery 는 간단하게 말해서 자바스크립 함수 모음입니다 여기서 말하듯이 The Write less, Do more, Javascript Library | 코드는 적게, 기능은 많게 .. 라는 모토 처럼 최소한의 자바스크립으로 최대한의 작업을 해주는 지상 최강의 자바스크립 함수 모음입니다. 현재 버전은 1.4 입니다만, 점차 업그레이드 할 가능성도 많고, 현재 많은 사이트에서 사용하고 있습니다. 사용법은 간단합니다. JQuery 함수를 다운받아서 직접 사이트내에서 직접 Include 하는 방법이 있고, 다른 방법은 이렇게 외부에서 ..