Permalink

0

Miro Video Converter : Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad

A super simple way to convert almost any video to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and more. 100% Free and open-source.

Miro Video Converter has presets that will convert video to the correct sizes and formats for popular phones, iPods, and other media players. Just convert your video and copy it to your device.

Miro Video Converter : Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad

Source Website

Permalink

0

CSSWARP : CSS Text to Path Generator

CSS3Warp is a proof of concept: create Illustrator like “warped” text (text following an irregular path) with pure CSS and HTML.

How does it work?

CSS3 brings new text-transform options: rotation, skew, matrix, transform-origin… By applying the right transformations to every single letter it is possible to create the illusion of text following a path.

Type your text into the webform, click “Warp it!”, then alter the path as you like. You can attach your text to a circle or a bezier. Add or delete points, or change position, angle and radius of the circle. When your done, click “Generate code”. Copy the CSS and HTML into your document.

CSSWARP : CSS Text to Path Generator

Source Website

Permalink

0

OpenPublic : CMS for Building Websites for Government

OpenPublic is an open source content management system based on Drupal and tailored for building websites for government.

OpenPublic is the product of a decade’s work in the open source network and the collective experience of building secure, scalable, transparent websites for all sectors of government and the citizens they serve. OpenPublic is community-driven; they’re building a network of rock-solid contributors worldwide.

OpenPublic : CMS for Building Websites for Government

Source Website

Permalink

0

Animated Content Menu with jQuery

Codrops shared a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information will appear. Also, he background image is going to change according to which menu item was clicked.

The main idea is to have a restaurant menu with the different menu categories displayed. Each content are will have some foods/drinks listed. Once a content box is shown, the menu items are going to disappear. If we click on the close button to close the box, the menu items will be shown again.

Animated Content Menu with jQuery

View Demo Source Website

Permalink

0

Shutter Effect Portfolio with jQuery and Canvas

In this tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect. This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website. TutorialZine shared this tutorial.

Shutter Effect Portfolio with jQuery and Canvas

The Idea

The canvas element is a special area on which you can draw with JavaScript and apply all sorts of manipulations to your image. However, there are limitations to what can be done with it. Generating complex real-time animations is challenging, as you have to redraw the canvas on every frame.

This requires a lot of processing power that web browsers just cannot provide currently, and as a result smooth animations are nearly impossible. But there is a way around this limitation. If you’ve played around with the demo, you’ve noticed how smooth it runs. This is because the frames are generated ahead of time and each one is built as a separate canvas element.

After the initial load of the page (when the frames are generated), the job of the plugin becomes to simply cycle through the frames.

Shutter Effect Portfolio with jQuery and Canvas

Shutter Effect Portfolio with jQuery and Canvas

Source Website