코딩의 작업효율을 올려주는 Eclipse 단축키

순수하게 마크업 작업만 하기에 Eclipse는 너무 무겁습니다. 그 안에 너무 많은 기능이 있기 때문이겠죠? 초반 구축작업에는 크게 문제가 없지만 이미 개발되어 있는, 운영중인 프로젝트에서는 개발 소스가 반영되어 있는 소스를 수정하는 것이 가장 좋기 때문에 저역시 Eclipse를 좋아하진 않지만 사용하고 있는 한명입니다.

회사에서 개발툴로는 Eclipse를 사용하고 있습니다. 무겁기도 하고 익숙하지도 않은 프로그램에서 작업효율을 높이기엔 역시 단축키를 익혀두는게 좋겠죠? 몇년간 작업 하면서, 매일같이 사용하고 있는 Eclipse. 그중에서도 사용 빈도가 가장 높은, 하루도 빼먹지 않고 사용중인 것들만 추려봤습니다.

sapjil-eclipse

(더 보기…)

reset.css 와 Normalize.css

가끔 Reset CSS와 Normalize를 동일시하시는 분들이 있는것 같습니다만, 확실한 차이가 있는 만큼 모르시던 분들은 이번 기회에 차이점을 이해하시면 어떨까 합니다. Normalize.css는 Reset CSS와 비슷한 기능을 하지만 조금 다른 부분이 있습니다. Reset CSS가 말 그대로 무조건 초기화를 시켜버리는것에 집중하고 있는것에 반해 Normalize의 경우는 초기화는 시키지만 어느정도 스타일이 가미되어 있다고 이해하시면 좋을듯 합니다.

sapjil-resetcss-normalizecss

(더 보기…)

코딩의 작업효율을 올려주는 Brackets 확장기능

sapjil-Brackets

계속해서 Sublime Text 3로 즐거운(?) 코딩 생활을 지속하는데 있어 불편함은 전혀 없지만, 새로운 에디터를 활용해보고자 Adobe Brackets를 사용해보았습니다.

작년까지 잠깐 사용해 볼때는 Sublime에 너무 익숙해서인지 편리성 같은 건 잘 느끼지 못한채 살짝 위화감까지 있었는데 이번에 잠시 사용해 보면서 정말 필요했던 기능을 발견했던터라 몇일간 데모 사이트를 구축해보면서 이것저것 필요해보이는 플러그인들을 깔아보고 쓸만 하다고 생각되는것 몇가지를 어디까지나 개인적인 관점에서 소개하고자 합니다. (더 보기…)

네이티브앱과 같은 동작을 구현해주는 slideout.js

Slideout.js - A touch slideout navigation menu for your mobile web apps.
모 프로젝트를 진행하면서 스마트폰용 사이드메뉴에 사용가능한 몇가지 jQuery라이브러리를 사용해 본적이 있습니다.

별 문제가 없는줄 알았었는데 이상하게도 단순링크를 통해 새창을 띄운후, 부모창으로 돌아와서 메뉴를 클릭하면.. 먹통이 되는 이유를 알 수없는 에러로 결국 가장 최근(?)에 나온 라이브러리인 slideout을 급하게 사용하기로 했습니다. 페이스북이나 여타 네이티브앱과 같이 페이지를 스와이프 시키면 사이드 메뉴가 나오는등 사용성 면에서 좋아 보여 도입을 결정했습니다.

(더 보기…)

CSS3로 가능한 움직임을 쉽게 찾아보고 사용할 수 있는 AniCollection

비슷한 서비스가 몇군데 있습니다만, CSS3로 표현 가능한 애니메이션을 손쉽게 찾아보고 실제로 움직임을 확인, 마음에 들 경우에는 바로 소스를 확인하여 사용할 수 있는 AniCollection이라는 서비스가 있습니다. 페이지에 표시되어 있는 요소들에 마우스를 가져다 대면 기분좋게 움직이는 요소들을 확인할 수 있습니다.

 

AniCollection - The easiest way to find, use and share CSS3 animations.

(더 보기…)