WIT – NTS UIT Blog

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

Posted by in UI/UX

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라고도 부른다. 요즘 흔히 볼 수 있는 이 햄버거 메뉴는 사실 좋은 점 보다 위험한 점이 더 많다. 알려진 데이터는 다음과 같다. 사이드 드로어가 사용자의 사용시간을 반토막 낼 수도 있다Side drawer navigation could be costing you half your user engagement 모바일 메뉴 AB 테스트Mobile Menu AB Tested 햄버거 vs 메뉴:…read more

0

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

Posted by in Research, Tech

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 요세미티의 확장가능성과 자동화에 관한 변경사항을 작성하면서 요세미티가 지원하는 자바스크립트를 이용한 자동화(JXA, JavaScript for Automation)를 간단히 살펴봤다. JXA 릴리스 정보나 WWDC의 세션 영상을 단순 요약하는 글을 쓰고 싶지 않았기 때문에, 지난 번 글을 쓰면서 JXA의 기본적인 부분을 공부했다. JXA는 새롭게 지원되는 기능이라 관련 정보를 찾아보기가…read more

1

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

Posted by in Review, Tech

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와 함께 사용하기 위해 여러 UI 프레임워크를 살펴 보았다. IonicFramework Famo.us Framework7 OnsenUI 구글의 Material Design 이 글은 위에 소개한 프레임워크의 사용법이나 앱을 만드는 과정을 설명하지는 않는다. 그렇지만 이 글을 읽고나면 하이브리드 앱을 만드는 과정이 단순하다는 사실을 알게 되고, 각자에게 가장 적합한 프레임워크를 고를…read more

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

Posted by in Research

grunt 사용하실 때 플러그인 로드의 편의를 위해 load-grunt-tasks를 사용하시나요? 속도면에서 조금 더 뛰어난 jit-grunt로 바꿔보세요! jit-grunt https://www.npmjs.org/package/jit-grunt 설치

task 이름을 기준으로 해서 task를 실행할 때(JIT: Just In Time) 플러그인을 로드해주기 때문에 grunt 수행속도가 몇초이긴 하지만 체감할 정도로 빨라집니다. 불필요한 플러그인을 로드하지 않기 때문에, 특히 watch를 쓸 때 매우 좋아 보입니다.   jit-grunt: 8.6초 load-grunt-tasks: 10.5초   기본형태

기본적으로 task 이름, grunt-[task 이름], grunt-contrib-[task 이름]에 매칭을 하고, 예외적인 경우에는 수동으로 입력할 수 있습니다.   예외적인 경우의 Task 맵핑

  grunt.loadTasks로 불러쓰던 외부 js 파일도 위와 같은 방법으로 맵핑할…read more

0

[번역] CSS Lint 규칙

Posted by in Research

CSS LINT? CSS Lint는 오픈 소스 기반의 CSS 코드 성능 도구(CSS code quality tool)로 Nicholas C. Zakas와 Nicole Sullivan에 의해 작성되었다고 합니다. 소스 코드의 정적분석(static analysis)을 실행하고, 개발자에게 문제를 일으킬만한 패턴이나 오류를 찾아냅니다. 기본적인 문법 오류 확인부터 문제가 있는 패턴이나 성능면에서 좋지 않은 부분들을 잡아내기도 합니다. 세부적으로 어떤 부분을 확인하는지는 아래 규칙을 보면서 살펴보시면 좋겠습니다.   규칙 원문: https://github.com/stubbornella/csslint/wiki/Rules 번역: https://github.com/hyunchulkwak/csslint/wiki/규칙 번역된 부분은 CSS Lint가 어떤 부분을 오류나 문제를 일으키는 패턴으로 판단하는지 정하는 규칙(Rules) 부분입니다. CSS Lint 개발자에게 허락을 받았기 때문에 다른 곳에 공유하셔도 무방합니다. wiki 전체 원문은 여기에서 확인하시면 됩니다….read more

0