Category

TUTORIALS

Category

FocusPoint is a jQuery plugin for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject. Great for full-screen images. Websites don’t have a single layout any more. The space you have for an image may be portrait on a laptop, landscape on a tablet, and square on a mobile – particularly if you’re using a full-screen image. If you have to use the same image file in all these…

Zoom Scroller lets you add a smooth subtle zoom in/out animation to images when scrolling.The plugin is created by Pete R. JQuery Zoom Scroller is compatible with modern browsers such as Chrome, Firefox, and Safari and it’s been tested on smartphones too.Not tested on IE. With the default setup , your images will now have a very subtle, smooth zoom out animation as you scroll through the page.    

Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a zero-dependency library and comes in at 1KB when minified and gzipped. Countable offers easy-to-use methods you can use in your project. Countable.live() and Countable.once() accept one or more HTML elements and a callback that receives one parameter — holding all counted values — and this bound to the relevant element. To enable full live-counting on an…

A versatile CSS3 animation pack with over 65 animations for various usages. Trigger CSS3 animations as elements enter the viewport, as you hover with a mouse or by binding them via JavaScript functions/event listeners. Usage: – Add the class `no-js` to your `html` tag – Link ‘animations.min.css’, ‘animations.min.js’ and ‘appear.min.js’ to your document – Follow the guides on GitHub project page depending on what aspect of the plugin you wish to use Animations executing on…

Set text on the web to a baseline grid with Sass & rems. Sassline can be used for blogs, prototyping, and other web projects. It has recommended base typography styling and mixins to work proportionally from the baseline grid. Select a modular-scale for each breakpoint and work responsively type-first. The idea is to have easy to use and maintain SCSS files utilising the power of Sass to make the complex calculations to set type on…

multiScroll.js is a simple plugin to create multi scrolling websites with two vertical scrolling panels.It’s s great way to catch the visitor attention with an original page. multiScroll.js idea is to divide the page in two vertical layouts or panels in a way they scroll vertically in opposite directions. multiScroll.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8, 9, Opera 12… It works with browsers…

Waterfall is an extremely functional and powerful Pinterest-like plugin to create responsive websites.Waterfall is as mentioned responsive that support ajax infinite scroll. Some of the features of this jQuery plugin are infinitescroll , finitescroll , custom width , min-max-columns , resize animate , fadeIn , fix brick left or right etc. Here are a few demos: infinitescroll finitescroll custom width min-max-columns resize animate fadeIn fix brick left or right This projects is maintamed by bingdian

iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3! iHover is pretty easy to use. All you need to do is to write some HTML markup. You just need to include the CSS file and you are ready to go. Features – Pure CSS3 powered, no dependency, can be used in any project. – Built with Scss CSS (file included), easy modification with variables. – Modular…