이 글은velocity.js 라는 javascript 기반 라이브러리가 애니메이션 효과에 대해서 jquery 라이브러리나 css보다도 성능이 우수하다는 글입니다.css가 jquery 애니메이션보다는 빠르다는건 이해가 잘 되는데자바스크립트 라이브러리가 css보다 빠르다는건 솔깃할만한 이야기 입니다.영문으로 되어 있어 번역 해봅니다.출처는https://davidwalsh.name/css-js-animation입니다. 구글이나 어도비 같은 회사들이 모바일 페이지에서 native app 같은 페이지 성능을 내는 이유는 무엇일까요?이 글은 velocity.js, GSAP 같은 DOM 라이브러리를 소개합니다. 이들은 jquery animation이나 css보다 빠릅니다. 우선 jquery부터 살펴봅니다.jquery..

안녕하세요 쥬벨롶입니다. 이전에 DJ.VUD님이 작성하셨던 The State of Front-End Tooling - 2015 (바로가기) [프론트 엔드 개발툴 현황]을 이어 2016년도에는 어떠한 개발툴들이 사용되었는지, 작년과 어떻게 달라졌는지, 비교해보면서 트렌드까지 함께 알아보려합니다. 위 차트는 webPonent Chart로 제작되었습니다 2016년도 설문에는 2015년도자 survey 보다 2.3배 더 많은 프론트앤드 개발자들이 설문에 참여하였는데요. 이제 어떠한 결과들이 나왔는지 함께 볼까요? General Front-end Experience & Knowledge (프론트-엔드 개발 경력 및 지식) 지식 CSS JS 초심자 78명 197명 초급개발자 424명 553명 중급개발자 1,243명..

HTML5 로 데스크탑 어플리케이션 만들기2 안녕하세요. CX 사업본부 MD 왓썹입니다.지난 포스팅에서 HTML 데스크탑 어플리케이션에 대해 알아보았는데요. 이번 포스팅에서는 node-webkit 을 이용하여 데스크탑 어플리케이션을 직접 만들어 보도록 하겠습니다. 1. 설치NodeJS - https://nodejs.orgnode-webkit 은 NodeJS 를 기반으로 하기 때문에 기본적으로 NodeJS 가 설치되어 있어야 합니다.NodeJS 는 위에 링크된 공식 홈페이지에서 각자의 OS 에 맞는 인스톨러를 다운로드 하여 설치하실 수 있습니다. NodeJS 설치가 완료 되었다면 node-webkit 을 설치하셔야 하는데요. OS (Window, Linux, Mac) 별로 설치법이 다소 차이가 있기 때문에..

HTML5 로 데스크탑 어플리케이션 만들기! 안녕하세요. CX 사업본부 MD 왓썹입니다. 이번 포스팅에서는 HTML5 로 데스크탑 어플리케이션을 만드는 방법을 알아보도록 하겠습니다. 어플리케이션은 music player 나 채팅 프로그램 등과 같이 어떤 종류의 작업을 돕기 위해 설계된 프로그램으로 응용 프로그램이라고도 합니다.따라서 데스크탑 어플리케이션은 windows 나 맥, 리눅스와 같은 os 에 설치된 응용 프로그램을 말하는데요. 지금까지 데스크탑 어플리케이션을 만들기 위해 윈도우에서는 C++ 을, 맥에서는 Object C 를 이용해 만들어왔기 때문에 웹개발자의 입장에서는 거리가 먼 존재라는 인식을 가지고 있었죠. 하지만 이제는 C++ 이나 Object C 에 대해 잘 모른다 할지라도 HTML과 C..