보관물

Posts Tagged ‘modernizr’

개발뉴스 : 3월 14일 (2013) – Pi-day

– HTML5기반의 웹 개발 시작에 도움이 되는 Boilerplate를 Initializr. H5BP, Modernizr, jQuery를 혼합한 것에 간단한 몇가지 옵션을 선택할 수 있도록 제공하고 있음. : Initializr site
Initialzr Capture

– 간단한 CSS3 코드(쉐도우 버튼 등)를 만들어 내는데 도움을 받을 수 있는 사이트들에 대한 소개 글 : Article Link
CSS3 간단한 제작 방법 관련 글 모음

– 300개 이상의 웹 아이콘을 무료로 공개한 사이트 : 홈페이지
아이콘 공개 사이트 - batch

모바일 웹을 위한 도구들

1. Zepto 바로가기
– Zepto는 현재 주로 사용되는 브라우저를 지원하는 아주 작은 자바스크립트 프레임워크입니다. Zepto의 특징 중에 하나로 jQeury와 동일한 코드로 구성이 가능하다는 것과 jQeury에 비해서 매우 가볍게 적용할 수 있다는게 특징입니다. 실제로 제가 개발하고 있는 클라우드 모바일 웹(http://www.moge.me/)에서도 Zepto를 이용하고 있습니다.
그리고, jQuery와 호환이 되는 구조를 기반으로 여러 플러그인을 가지고 있습니다. 예를 들면, jQtouch, Flickable 등이 있습니다.

2. backbone.js 바로가기기
– backbone.js는 웹 프론트엔드에서 MVC패턴을 구성할 수 있는 자바스크립트 프레임워크입니다. controller역할을 하는 collection과 view을 연결하여 데이터 갱신 등을 매우 쉽게 할 수 있도록 도와줍니다. 또한, 백엔드와 연동 기능도 지원하고 있습니다.

3. modernizr.js 바로가기
– modernizr.js는 사용자 브라우저에서 HTML5와 CSS3의 기능이 동작 가능한지를 확인해 주는 자바스크립트 프레임워크입니다.

4. Ratchet 바로가기
– Ratchet은 간단한 CSS와 자바스크립트 라이브러리로 HTML로 구성된 내용을 간단하게 모바일 앱 UI로 보여주는 컴포넌트입니다.

이상 몇가지 매우 잘 알려진 자바스크립트 프레임워크와 컴포넌트들을 간단하게 알아 보았습니다. 그리고, 마지막으로 이상의 잘 알려진 프레임워크와 컴포넌트를 모아서 네이티브 모바일 앱과 유사한 Look&Feel을 만들어 낼 수 있는 Junior라는 프로젝트도 있습니다.

간단한 프로토타입을 네이티브가 아닌 웹으로 구성하려고 하는 경우 Junior를 이용하는 것도 좋은 방법이 될 것 같습니다.

Junior 홈페이지 바로가기

Jr. CSS&JS Components

Jr. CSS&JS Components

%d 블로거가 이것을 좋아합니다: