햄버거 메뉴의 사용을 피해야 하는 이유와 대안

Luis Abreu Twitter: @lmjabreu | Email: hello@lmjabreu.com | Blog: https://lmjabreu.com 영국 브라이튼에서 UX/UI 디자이너로 일하고 있다. 지난 십여년간 여러 나라에서 다양한 규모의 업무를 해왔다. Luis Abreu가 쓴 Why and How to Avoid Hamburger Menus를 번역한 글입니다. 사이드바 메뉴는 햄버거 메뉴Hamburger Menu라고도 부른다. 요즘 흔히 볼 수 있는 이 햄버거 메뉴는 더보기…

[번역] OS X 요세미티 JXA(자바스크립트를 이용한 자동화) 시작하기

Alex Guyot Twitter: @the_axx | Email: guyot@macstories.net Alex는 MacStories에 iOS 앱에 대한 가이드를 기고하고 있다. 또한 개인 블로그인 Unapologetic에서 iOS 자동화 워크플로우에 관한 내용도 다루고 있다. Alex Guyot가 MacStories에 기고한 Getting Started with JavaScript for Automation on Yosemite를 번역한 글입니다. 나는 지난 달에 MacStories에 OS X 요세미티의 확장가능성과 자동화에 관한 더보기…

[번역] 하이브리드 앱 UI 프레임워크 대결: Ionic, Famo.us, F7, OnsenUI

Tal Gleichger Tal Gleichger는 경력 8년을 넘긴 풀 스택 웹 개발자입니다. SocialBelong의 공동 창업자로 CTO를 맡고 있습니다. Tal Gleichger가 AirPair에 기고한 Hybrid UI framework shootout: Ionic vs. Famo.us vs. F7 vs. OnsenUI를 번역한 글입니다. 소개 지난 2년간 나는 모바일 앱, 특히 AngularJS를 사용한 하이브리드 앱을 제작했다. AngularJS와 함께 사용하기 위해 더보기…

load-grunt-tasks 보다 더 빠른 jit-grunt

grunt 사용하실 때 플러그인 로드의 편의를 위해 load-grunt-tasks를 사용하시나요? 속도면에서 조금 더 뛰어난 jit-grunt로 바꿔보세요! jit-grunt https://www.npmjs.org/package/jit-grunt 설치 $ npm install jit-grunt –save-dev task 이름을 기준으로 해서 task를 실행할 때(JIT: Just In Time) 플러그인을 로드해주기 때문에 grunt 수행속도가 몇초이긴 하지만 체감할 정도로 빨라집니다. 불필요한 플러그인을 로드하지 않기 때문에, 특히 watch를 더보기…

[번역] CSS Lint 규칙

CSS LINT? CSS Lint는 오픈 소스 기반의 CSS 코드 성능 도구(CSS code quality tool)로 Nicholas C. Zakas와 Nicole Sullivan에 의해 작성되었다고 합니다. 소스 코드의 정적분석(static analysis)을 실행하고, 개발자에게 문제를 일으킬만한 패턴이나 오류를 찾아냅니다. 기본적인 문법 오류 확인부터 문제가 있는 패턴이나 성능면에서 좋지 않은 부분들을 잡아내기도 합니다. 세부적으로 어떤 부분을 확인하는지는 아래 더보기…