호기심 가득! 모지모지!

CSS만으로 텍스트메뉴를 좀 더 화려하게 만들 수 있는 소스입니다. 아래와 같은 텍스트 메뉴에 마우스를 오버했을때 다양한 효과들을 손쉽게 적용할 수 있습니다. 위의 그림은 그 중의 일부분이고, 아래 페이지에 접속하면 더 많은 효과들을 확인할 수 있습니다. 괜히 어렵게 이미지를 써가며 화려하게 하기보단 이렇게 텍스트와 소스 몇 줄만으로도 그럴듯한 메뉴를 만들 수 있지 않을까 싶네요. http://tympanus.net/Development/CreativeLinkEffects/ 소스는 아래에서 받아서 사용하시면 되고, 페이지에 적용법도 간략히 나와있으니 참고하시면 됩니다. http://tympanus.net/codrops/2013/08/06/creative-link-effects/ 추가로 텍스트메뉴 효과 뿐..

크리에이터링크라는 이름의 재미난 서비스가 있네요~ 쉽게, 포트폴리오를 온라인에서 보여주고자할때 손쉽게 사이트를 만들 수 있는 서비스입니다. 소중한 본인의 작품들을 온라인에 이미지 위주로 보여주고자 하시는 분들에게는 매우 유용한 사이트같습니다. 첫 화면의 타이틀에서 나오듯이, 블럭처럼 각 영역을 붙이고 떼고 하면서 만드는거라 HTML을 몰라도 제공된 스킨/템플릿들을 이용하면 뚝딱하고 그럴듯한 포트폴리오 사이트가 만들어집니다. 쉽게 위의 그림처럼 첫화면, 포트폴리오, 소개글, 연락처 등등 제공된 블럭템플릿들을 추가하고 순서를 바꾸면서 만들면 됩니다. 매뉴도 직관적이라서 처음 접하는 사람도 금방 익힐 수가 있을거 같네요. 위의 그림은 템플릿 중 하나를 택하고 난, 사이트 설정화면입니다. 맨위의 가운데 파란원의..

우연히 페이스북을 돌아디니다 들어간 사이트~ http://www.usercible.com/ 들어가자마자 여자가 아이패드를 들고 움직인다. 뒷배경과 살짝 어긋나 움직이면서 공간감이 느껴지는 메인 배너~ 오우 너무 멋집니다. 사실 예전에도 이런 비슷한 사이트를 본적은 있습니다만, 최근 블로그 스킨 고치며 새로운 기술들을 좀 둘러보다보니 더욱 눈이 끌리네요. 최근에 메인바탕이 바뀌었네요~ 내용이 다를 수 있는 점 양해바랍니다. 그래서 좀 소스를 좀 살펴봤습니다. 그랬더니 처음보는 translate3d 속성을 보게되었네요. 이전에 transfrom:scale을 이용해서 이미지 위에 마우스를 갖다대면 살짝 커지는 효과를 주는 법을 포스팅한적이 있었는데요. 요건 또 처음 보는 속성이네요~ 그래서 검색을 좀 해봤습니..