Tag Archive: CSS

Pow.js – jQuery & Canvas Sunburst Generator

on April 6, 2012 in Development, Generator

Pow.js is a jQuery plugin that uses CSS and Canvas to generate a sunburst background image.

The website also has a form where you can modify the fields to generate an image on the fly.

Pow.js - jQuery & Canvas Sunburst Generator

Moover – jQuery Dual Text & Image Slider

on April 5, 2012 in Development, Slider

Moover is a lightweight and responsive jQuery slider that also features CSS3 text effects.

It uses JavaScript animations as a fall back for browsers that do not support CSS3 transforms.

It has pagination controls, an image pre-loader and auto play functionality.

The license however, is commercial and starts at $10 for a single application.

Moover - jQuery Dual Text & Image Slider

Create Custom Scroll Paths with jQuery Scroll Path

on March 17, 2012 in Development, Effects, Scrollbar

jQuery Scroll Path is a plugin for creating a custom path a browser follows while scrolling.

It uses moveTo, LineTo and arc methods to draw the path. It can also rotate the screen in browsers that support CSS transforms.

Scrolling can be done with either the mouse wheel or keyboard which uses the arrow keys, space to scroll faster and shift to scroll backwards.

Once the path has been created, the plugin can be customised with options to display the scroll bar, run in a loop or draw the path. It is also possible to use a scrollTo method to jump to a specific point in the path.

Optionally, it can also be used with the easing plugin.

Create Custom Scroll Paths with jQuery Scroll Path

Speed Up Development Time With CSS Refresh

on March 14, 2012 in CSS, Development, Toolkit

CSS Refresh is a JavaScript file that automatically refreshes a browser if a change is detected in any loaded stylesheet on a web page.

This will save large amounts of development time, particularly on front-end work.

All that is required is either include the JavaScript file after all the stylesheets, or use the provided bookmarklet without the need for any code changes.

Speed Up Development Time With CSS Refresh

Impress.js – CSS3 Presentation Framework

on February 4, 2012 in CSS, Development

Impress.js is a framework for presentations (with keyboard support) that utilises CSS3 transforms and transitions to create an infinite scrolling canvas of elements that can scale and rotate.

Only modern browsers with CSS3 transition and transform are currently supported such as the latest Chrome and Firefox. It will also not work on touch devices such as Android/ iPad.

An editing tool is rumoured to be in development but currently only examples and source code are provided with limited documentation.

Impress