If you’ve ever felt the need to wrap stuff around an irregularly-shaped image using CSS, you may have been somewhat disappointed to find out that it’s forced to wrap around the image’s bounding box, rather than the actual contents of the image. jQSlickWrap is a jQuery plugin that works on HTML5 Canvas element and enables [...]
Read the rest of this entry »Posts Tagged ‘HTML5’
First HTML5 CSS3 Lightbox – SuperFun
Superfun creates a Lightbox gallery with HTML5 Canvas element and CSS3. It allows for AJAX injection, SWF content, iFrame content, and utilizes the new CSS3 transform property to mimick a Flash environment, while completely avoiding Flash. Though its not as powerful as we see around but consider this a first step and an HTML5, CSS3 [...]
Read the rest of this entry »HTML5, CSS3 & Javascript Showcase
Apple published a showcase to demonstrate Safari’s HTML5, CSS3 and Javascript capabilities. A set of nice HTML5 demos, worth checking out. The demos show how the latest version of Apple’s Safari web browser, new Macs, and new Apple mobile devices all support the capabilities of HTML5, CSS3, and JavaScript. Not all browsers offer this support. [...]
Read the rest of this entry »Themeable HTML5 Video Player – FlareVideo
FlareVideo is an open source HTML5 Video Player, easily customizable and themeable. It comes with full screen and fall back support to Flash for non-HTML5 browsers. Supported video formats are: All browsers: MP4, FLV Firefox: Ogg Safari: MP4, MOV This HTML5 Video Player has many options including autoplay, preload, autobuffer which can be used to [...]
Read the rest of this entry »MooTools HTML5 Canvas Library – MCL
MooTools Canvas Library (MCL) provides functionality to manage and interact with the content of a html5 canvas element. It provides an easy to use interface for managing layers on a canvas object and enables you to use basic mouse events and provides drag n drop support for items. This HTML5 Canvas Library is built utilizing [...]
Read the rest of this entry »Open Source HTML5 Video Player – Video JS
Video JS is a JavaScript-based open source HTML5 video player. Its an image-less lightweight video player with fallback support to Flowplayer (see greepit post). Supported formats: H264 video Theora video & Vorbis audio in the OGG container WebM format – compressed with VP8 video codec (WebM is developing an open video format for the web [...]
Read the rest of this entry »Google Into Fonts! Google Font API & Font Directory
Google, the search engine giant, is now taking initiatives with fonts and just launched: Google Font Directory: It provides high-quality open source web fonts. You can browse their catalog of available fonts and copy the code required to use them on your web page. These fonts also support HTML5 and CSS3 styling options like drop [...]
Read the rest of this entry »Welcome to HTML5 and CSS3 – Tools, Resources & Frameworks
HTML5 is the major revision of Hyper Text Markup Language (HTML). It aims to reduce the need for proprietary plug-in-based rich internet application technologies such as Adobe Flash, Microsoft Silverlight, and Sun JavaFX. Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics of a document written in a markup [...]
Read the rest of this entry »JW Video Player for HTML5
Another version from the family of JW Video players. Longtail released JW Video Player for HTML5 built using jQuery Javascript framework. The JW Player for HTML5 is a fully skinnable and configurable based on the new <video> tag found in HTML5. It enables a seamless fallback to the popular JW Player for Flash (Greepit has [...]
Read the rest of this entry »Mind Mapping Web Application Built on HTML5 Canvas
Think is a free, interactive and handy mind mapping web application built on the HTML5 Canvas element, Django and Google App Engine. This HTML5 Canvas Application allows users to create and view their own mind maps. Think is a simple web application and easy to use: Click a node to genrate new node or connect with others Edit the node text Delete or modify [...]
Read the rest of this entry »