반응형
반응형
반응형
반응형

Rikulo UI: Create cross-platform web and native mobile applications

Rikulo UI is a Dart framework for creating cross-platform web and native mobile applications with HTML5. It uses a structured UI model and offers a responsive UX across desktop & touch devices.

rikulo

Rikulo UI is a cross-platform framework for creating amazing Web and mobile applications in Dart and HTML 5. 

 

EXAMPLE : http://rikulo.org/resource/js/examples/index-angryhead.html

 

 

 

 

반응형
반응형

html5validator: Command line tool to validate HTML5

 

html5validator is a command line tool for validating your HTML5 files. It was written with static site generators in mind.

This package uses the validator.nu backend which is written in Java. Therefore, a Java Runtime Environment must be available on your system. Since version 0.2, Java 8 is required.

Command line tool to validate HTML5 files. Great for continuous integration.

 

 

 

 

 

 

.

반응형
반응형

Comic.js: Cartoon style drawing for HTML5 Canvas and more

 

Comic.js is a JavaScript library that lets you create cartoon-style drawings for HTML5 Canvas, Raphael.js, D3.js, and SVG.js. You can use it either for drawing comic style shapes or for cartoonizing an already existing SVG.

comic.js

Cartoon style drawing for HTML5 Canvas & Raphael.js & D3.js & SVG.js

 

Javascript library that acts as plugin for Raphael.js, D3.js, SVG.js or as lib for the HTML5 Canvas, providing functions for cartoon style drawing.

Provides either methods for drawing comic style shapes (cEllipse, cLine, cRect, ...) or the magic method for cartoonizing an already existing SVG. When using the magic method or drawing on a canvas no further libraries are required.

Examples

Cartoonized D3 examples: D3 Cartoonized!

Cartoon R widget built by Kent Russell using comic.js: R Cartoonized!

Raphael.js, D3.js, SVG.js, Canvas,

using "magic": on images, on drawings

 

 

 

 

 

 

 

.

반응형
반응형

Comic.js: Cartoon style drawing for HTML5 Canvas and more

 

 

Javascript library that acts as plugin for Raphael.js, D3.js, SVG.js or as lib for the HTML5 Canvas, providing functions for cartoon style drawing.

Provides either methods for drawing comic style shapes (cEllipse, cLine, cRect, ...) or the magic method for cartoonizing an already existing SVG. When using the magic method or drawing on a canvas no further libraries are required.

 

screenshot screenshot

 

Examples

 

Cartoonized D3 examples: D3 Cartoonized!

 

Cartoon R widget built by Kent Russell using comic.js: R Cartoonized!

Raphael.js, D3.js, SVG.js, Canvas,

 

using "magic": on images, on drawings

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

.

반응형
반응형
A simple HTML5 media player http://plyr.io

 

 

Plyr is a simple HTML5 media player that offers WebVTT captions. It’s lightweight, accessible, and customizable, and works with all modern browsers.

plyr

Checkout the demo.

 

Image of Plyr

Why?

We wanted a lightweight, accessible and customisable media player that just supports modern browsers. Sure, there are many other players out there but we wanted to keep things simple, using the right elements for the job.

Features

  • Accessible - full support for VTT captions and screen readers.
  • Lightweight - just 8KB minified and gzipped.
  • Customisable - make the player look how you want with the markup you want.
  • Semantic - uses the right elements. <input type="range"> for volume and <progress> for progress and well, <button>s for buttons. There's no <span> or <a href="#"> button hacks.
  • Responsive - as you'd expect these days.
  • Audio & Video - support for both formats.
  • Embedded Video - support for YouTube (Vimeo soon).
  • API - toggle playback, volume, seeking, and more.
  • Fullscreen - supports native fullscreen with fallback to "full window" modes.
  • i18n support - support for internationalization of controls.
  • No dependencies - written in vanilla JavaScript, no jQuery required.

Oh and yes, it works with Bootstrap.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

.

반응형

+ Recent posts