jQuerylabs.com https://jquerylabs.com jQuery Plugins, Tutorials, Articles, Examples Archives Mon, 16 Jan 2017 00:26:30 +0000 en-US hourly 1 https://wordpress.org/?v=4.7.3 121061279 jQuery Snow Effect Plugin https://jquerylabs.com/jquery-snow-effect-plugin/ https://jquerylabs.com/jquery-snow-effect-plugin/#respond Thu, 22 Dec 2016 11:26:16 +0000 https://jquerylabs.com/?p=1857 Snow falling effect with jQuery The development of this snow falling plugin is started to show one snow flake and after that the developer tried to tweak this plugin to show multiple snowflakes by implementing the time intervals and random values for each snow flake properties. The developer tried to minimize the plugin size under […]

The post jQuery Snow Effect Plugin appeared first on jQuerylabs.com.

]]>
Snow falling effect with jQuery

The development of this snow falling plugin is started to show one snow flake and after that the developer tried to tweak this plugin to show multiple snowflakes by implementing the time intervals and random values for each snow flake properties. The developer tried to minimize the plugin size under 1 kb not to burden the user with bigger size plugin.

The post jQuery Snow Effect Plugin appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/jquery-snow-effect-plugin/feed/ 0 1857
jInvertScroll jQuery Plugin https://jquerylabs.com/jinvertscroll-jquery-plugin/ https://jquerylabs.com/jinvertscroll-jquery-plugin/#respond Wed, 21 Dec 2016 11:20:48 +0000 https://jquerylabs.com/?p=1854 jInvertScroll is a lightweight plugin that allows you to move horizontally with a Peffect while scrolling down. jInvertScroll – A lightweight jQuery horizontal Parallax Plugin It’s a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It’s extremely easy to setup and requires nearly no configuration.

The post jInvertScroll jQuery Plugin appeared first on jQuerylabs.com.

]]>
jInvertScroll is a lightweight plugin that allows you to move horizontally with a Peffect while scrolling down.

jInvertScroll – A lightweight jQuery horizontal Parallax Plugin

It’s a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It’s extremely easy to setup and requires nearly no configuration.

The post jInvertScroll jQuery Plugin appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/jinvertscroll-jquery-plugin/feed/ 0 1854
Gridscrolling.js https://jquerylabs.com/gridscrolling-js/ https://jquerylabs.com/gridscrolling-js/#respond Wed, 21 Dec 2016 11:10:43 +0000 https://jquerylabs.com/?p=1851 gridscrolling.js is a plugin for positioning sections and asides in a grid & allowing for easy cursor key navigation. Have an article with a clear structure, but lots of <aside>? Meet gridscrolling.js, your new best friend! Layouts your HTML5 article for you and provides easy cursor navigation and an overview map.

The post Gridscrolling.js appeared first on jQuerylabs.com.

]]>
gridscrolling.js is a plugin for positioning sections and asides in a grid & allowing for easy cursor key navigation.

Have an article with a clear structure, but lots of <aside>? Meet gridscrolling.js, your new best friend! Layouts your HTML5 article for you and provides easy cursor navigation and an overview map.

The post Gridscrolling.js appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/gridscrolling-js/feed/ 0 1851
FixedContent.js https://jquerylabs.com/fixedcontent-js/ https://jquerylabs.com/fixedcontent-js/#respond Tue, 20 Dec 2016 15:44:26 +0000 https://jquerylabs.com/?p=1847 FixedContent.js is a mobile-friendly jQuery plugin that fixes/sticks content while scrolling. A.K.A. sticky sidebar, persistent nav, fixed menu, etc. There are also some settings builtin that you can customize, like e.g. a fixed margin-top (margin will remain as the page is scrolled), a min-width value (disables the plugin on mobile devices or narrow screens) and […]

The post FixedContent.js appeared first on jQuerylabs.com.

]]>
FixedContent.js is a mobile-friendly jQuery plugin that fixes/sticks content while scrolling.

A.K.A. sticky sidebar, persistent nav, fixed menu, etc.

There are also some settings builtin that you can customize, like e.g. a fixed margin-top (margin will remain as the page is scrolled), a min-width value (disables the plugin on mobile devices or narrow screens) and a z-index value.

The post FixedContent.js appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/fixedcontent-js/feed/ 0 1847
fullPage.js https://jquerylabs.com/fullpage-js/ https://jquerylabs.com/fullpage-js/#respond Tue, 20 Dec 2016 15:35:00 +0000 https://jquerylabs.com/?p=1844 The jQuery Tilted Page Scroll allows you to create a beautilful and unique 3D tilted scrolling effect on your website. Create Beautiful Fullscreen Scrolling Websites A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites or onepage sites). It allows the creation of fullscreen scrolling websites, as […]

The post fullPage.js appeared first on jQuerylabs.com.

]]>
The jQuery Tilted Page Scroll allows you to create a beautilful and unique 3D tilted scrolling effect on your website.

Create Beautiful Fullscreen Scrolling Websites

A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites or onepage sites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.

The post fullPage.js appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/fullpage-js/feed/ 0 1844
pagePiling.js https://jquerylabs.com/pagepiling-js/ https://jquerylabs.com/pagepiling-js/#respond Tue, 20 Dec 2016 15:21:44 +0000 https://jquerylabs.com/?p=1841 pagePiling.js is a jQuery plugin for ‘piling’ your layout sections over one another and accessing them by scrolling. Suggestion are more than welcome, not only for feature requests but also for coding style improvements. Let’s make this a great plugin to make people’s lives easier!

The post pagePiling.js appeared first on jQuerylabs.com.

]]>
pagePiling.js is a jQuery plugin for ‘piling’ your layout sections over one another and accessing them by scrolling.

Suggestion are more than welcome, not only for feature requests but also for coding style improvements. Let’s make this a great plugin to make people’s lives easier!

The post pagePiling.js appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/pagepiling-js/feed/ 0 1841
jQuery Validation Plugin https://jquerylabs.com/jquery-validation-plugin/ https://jquerylabs.com/jquery-validation-plugin/#respond Mon, 19 Dec 2016 13:02:20 +0000 https://jquerylabs.com/?p=1833 The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy. This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. It makes a good choice if you’re building something new from scratch, but also when you’re […]

The post jQuery Validation Plugin appeared first on jQuerylabs.com.

]]>
The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.

This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. It makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate something into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation, while providing an API to write your own methods. All bundled methods come with default error messages in english and translations into 37 other languages.

The post jQuery Validation Plugin appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/jquery-validation-plugin/feed/ 0 1833
hinclude.js https://jquerylabs.com/hinclude-js/ https://jquerylabs.com/hinclude-js/#respond Mon, 19 Dec 2016 12:58:15 +0000 https://jquerylabs.com/?p=1830 Tired of regenerating HTML pages from templates? Want more from Web caches? HInclude makes one thing very easy; including other bits of HTML into your Web page, using the browser. HInclude is declarative client-side inclusion for the Web; it allows easy composition of Web pages using the browser — making your pages more modular, more […]

The post hinclude.js appeared first on jQuerylabs.com.

]]>
Tired of regenerating HTML pages from templates? Want more from Web caches? HInclude makes one thing very easy; including other bits of HTML into your Web page, using the browser.

HInclude is declarative client-side inclusion for the Web; it allows easy composition of Web pages using the browser — making your pages more modular, more cacheable, and easier to maintain.

The post hinclude.js appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/hinclude-js/feed/ 0 1830
Shibui A Simpler Default https://jquerylabs.com/shibui-simpler-default/ https://jquerylabs.com/shibui-simpler-default/#respond Mon, 19 Dec 2016 12:30:54 +0000 https://jquerylabs.com/?p=1824 Shibui is a simple foundation or boilerplate, containing only the bare essentials to help get your project kick-started. There are no components, layouts, styles or plugins. Instead, you’ll get a basic rock-solid foundation to help start your project the way you like. What you’ll get Barebones HTML Structured/commented CSS jQuery latest Modernizr Selectivizr global & […]

The post Shibui A Simpler Default appeared first on jQuerylabs.com.

]]>
Shibui is a simple foundation or boilerplate, containing only the bare essentials to help get your project kick-started. There are no components, layouts, styles or plugins. Instead, you’ll get a basic rock-solid foundation to help start your project the way you like.

What you’ll get

  • Barebones HTML
  • Structured/commented CSS
  • jQuery latest
  • Modernizr
  • Selectivizr
  • global & plugins JS files
  • robots.txt

Why it’s great

  • HTML5 Ready
  • Clutter Free
  • Normalized CSS
  • Polyfill Inclusion
  • Cross-browser support
  • Best Practices
  • Easily customisable

The post Shibui A Simpler Default appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/shibui-simpler-default/feed/ 0 1824
jQInstaPics jQuery Plugin https://jquerylabs.com/jqinstapics-jquery-plugin/ https://jquerylabs.com/jqinstapics-jquery-plugin/#respond Mon, 19 Dec 2016 12:21:16 +0000 https://jquerylabs.com/?p=1820 Showcase your Instagram photos using jQuery jQInstaPics is a simple jQuery plugin that enables you to display your latest Instagram photos on your website or blog. Similar plugins only allow images to be pulled in based on keywords, from a public feed. This is where jQInstaPics comes into play. By passing a User ID and […]

The post jQInstaPics jQuery Plugin appeared first on jQuerylabs.com.

]]>

Showcase your Instagram photos using jQuery

jQInstaPics is a simple jQuery plugin that enables you to display your latest Instagram photos on your website or blog.

Similar plugins only allow images to be pulled in based on keywords, from a public feed. This is where jQInstaPics comes into play.

By passing a User ID and Access Token to the plugin, you can display your Instagram pics on your site with ease.

Did I mention it’s not even 1kb (minified)?

The post jQInstaPics jQuery Plugin appeared first on jQuerylabs.com.

]]>
https://jquerylabs.com/jqinstapics-jquery-plugin/feed/ 0 1820