FireShell: Quick front-end boilerplate and workflows

인텔이 만든 HTML5hub.com

http://html5hub.com

WSJ : http://online.wsj.com/article/SB10001424052970203537304577030033160849296.html

http://realtime.wsj.com/korea/2011/11/14/html5-%EC%9B%B9%EC%9D%84-%EB%B3%80%ED%99%94%EC%8B%9C%ED%82%A4%EA%B3%A0-%EC%9E%88%EB%8A%94-%EA%B8%B0%EC%88%A0/

HTML5: A Look Behind the Technology Changing the Web

HTML5: 웹을 변화시키고 있는 기술

일련의 프로그래밍 기술인 HTML5는 스티브 잡스가 이례적 에세이에서 홍보를 한 지 1년 반이 지난 지금 웹 분야의 새로운 표준으로 빠르게 떠오르고 있다.

HTML5 기술을 통해 인터넷 브라우저에서 이용자들의 행동에 대한 다채로운 이미지와 효과를 보여줌으로써, 추가 소프트웨어 설치 없이도 마치 게임을 하는 듯한 쌍방향적 소통이 가능해진다. 개발자들은 HTML5를 사용해서, 특정 하드웨어나 온라인 스토어에 대한 맞춤형 앱 없이도 자신들이 개발한 컨텐츠를 다양한 스마트폰과 타블렛PC, 컴퓨터에서 구현할 수 있다.

.

10 Best HTML5 Sliders For Designers and

Developers to Beautify Their Websites

With the arrival of HTML5, CSS3 and jQuery, incorporating sliders into your website has turn out to be fairly stress-free. The HTML5 sliders slider are simple to make use of and supplement life to your webpage and make it more attention-grabbing. People would find your website more communicating, fascinating and eye-catching. We have for you all a list of 10 Best HTML5 Sliders to Save your Time.

HTML5 Flow Responsive Slider

This one is a fluid and responsive design that has the capability of adjusting to size rendering to the parental organizers, thus being functioning with any kind of website.

CCSlider – jQuery 3d Slideshow Plugin

It is an exclusive and completely responsive jQuery slideshow plugin that provisions 3D transitions. It provides 14 stunning 3D transitions and also 16 remarkable 2D transitions. Falling back to 2D changeovers, for the browsers of your choice, where 3D transitions are not reinforced is also promising.

Draggable Infinite Grid with Lightbox

This one has a fluid and responsive design that adjusts rendering to the width and height of the div of your optimal. Its code is clean OOP JavaScript deprived of any jQuery or other libraries, so it is companionable with majority of the HTML pages.

Fullscreen Slideshow With HTML5 Audio And jQuery

This one permits generating a truly cool full-screen photo slideshow with sound auxiliary with the HTML5 audio component. Vegas jQuery plugin has been utilized to make the slideshow, while audio is accomplished with Buzz, a JavaScript audio library

HTML5 Slot Machine Gallery

It is also fluid and can adjust to the size of the parental container. It claims 4 dissimilar embed styles: Full Screen, Fixed Measurements, Full Width, and Lightbox Style, which you can select rendering to your requirements.

A HTML5 Slideshow w/ Canvas & jQuery

This slideshow is constructed on top of the new HTML5 canvas component that permits generating and transforming graphics, while also using other component on the page. It is a lovely slideshow with an elegant and striking transitioning consequence.

HTML5 Responsive Slider Gallery

This slider gallery comes in 3 dissimilar embed styles: Full Screen, Fixed Dimensions and Full Width. It is enormously informal to install and accomplish as it is XML compelled. It shows imageries in a exclusive and exciting approach.

CSS3 Cube Slider – jQuery 3D slider

This one employs the CSS3 transform property for building 3d cubes components and then animates them into an elegant cube slider. It also provides auto play mode. This permits placing the images in a 3D space.

Stylized Google Maps + Image Slider

This one is a jQuery JavaScript project that was formed around Google Maps. It has the capability of exhibiting Google Maps in numerous elegance. It features an amazing image slider that permits impressive animating pictures on the map.

Fine Slider – jQuery CSS3 slider

This one is an astonishing image slider that claims 29 excellent new effects and 16 based on CSS3. It provides numerous evolutions such as 13 normal, 19 css3 based and 3D which you can modify rendering to your best.

Twitter Bootstrap

Boostrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It has almost everything you need to develop responsive sites and apps like 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and many more.

Skeleton

Skeleton is a simple boilerplate for HTML5 websites and mobile-friendly development. If you are you looking to create a responsive website quickly, you should look into this open source project.

Foundation

Foundation by Zurb is the most advanced responsive front-end framework in the world. With this HTML5 framework, you can start building website for small devices first. Then, as devices get larger and larger, layer in more complexity. The flexiable grid can adapt to any size screen, from phones to TVs.

HTML5 KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.

SproutCore

SproutCore is an open-source front-end framework for building blazingly fast HTML5 apps. Semantic templates allow you to write HTML and CSS that update automatically when your models change-like magic. This framework will change the way you think about building applications and surprise you with how little code you have to write.

Montage

Montage is an HTML5 framework for building modern Web Apps. It helps you build scalable and maintainable HTML5 applications optimized for today’s and tomorrow’s range of connected devices.

HTML5 Boilerplate

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

Zebra

Zebra is an HTML5 open source framework that brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.

CreateJS

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs.

Less Framework

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Groundwork

GroundworkCSS is an open-source, responsive front-end framework packed with HTML5, CSS and Javascript components that enables rapid prototyping and responsive design.

Gridless

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

LayoutIt! is NOT a site builder. It's the kick-off for every frontend project you need to develop.

LayoutIt! takes every element and component of Bootstrap to make your frontend coding easier without needing to be
an expert in javascript, html5 or css3. You just build what you need to start, and then code it however you most like!

LayoutIt! - Drag & Drop Interface Builder for Bootstrap

MobileHTML5

HTML5 compatibility on mobile and tablet browsers with testing on real devices

http://mobilehtml5.org/

Chart.JS - SIMPLY STUNNING  HTML5 JS Chart and Gauge Widgets

http://chartjs.devexpress.com/

Dynamic client side data visualization

Whether you are creating traditional websites, sites that target mobile devices, or native apps built with HTML5 JavaScript and compiled with Apache Cordova (PhoneGap), ChartJS provides high-performance and elegant data visualization options for all your business intelligence needs.