Best jQuery Web Plugins & Tutorials with Demo

Highway : JavaScript library for AJAX-based Website Transitions

Highway : JavaScript library for AJAX-based Website Transitions

Highway is a lightweight (2.2ko gzipped)robustmodern and flexible library that will let us create AJAX navigations with beautiful transitions on our websites. It’s been a while we were trying to build this kind of library to fits our needs at Dogstudio and we now finally released it!

remoteStorage.js : JavaScript Library for Integrating Remote Storage in Apps

remoteStorage.js : JavaScript Library for Integrating Remote Storage in Apps

remoteStorage.js is a JavaScript library for storing user data locally in the browser, as well as connecting to remoteStorage servers and syncing data across devices and applications. It is also capable of connecting and syncing data with a person’s Dropbox or Google Drive account (optional).

Wired Elements : Collection of UI Elements for Wireframes

Wired Elements : Collection of UI Elements for Wireframes

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

Lazyestload.js : JavaScript Lazy Load Images Library

Lazyestload.js : JavaScript Lazy Load Images Library

Lazyestload.js is a javascript library which load images only when they are in (and remain in) the viewport.

Turn Static web sites into dynamic Web Apps : hy-push-state

Turn Static web sites into dynamic Web Apps : hy-push-state

hy-push-state is a web component that lets you turn web pages into web apps. The component dynamically loads new content (formerly known as “ajax”) and inserts it into the current page, without causing Flash of White, Flash of Unstyled Content, etc.

hy-push-state is similar to pjax and smoothState, but offers a more advanced pre-fetching logic and gives you more control over its internals to enable advanced page transition animations.

jQuery Cookie Consent Plugin : ihavecookies

jQuery Cookie Consent Plugin : ihavecookies

A lightweight jQuery plugin that displays a cookie consent message as required by EU regulation. The plugin displays a message on the user’s first visit to your website and, by default, again 30 days after their last visit.

The visitor must click the accept button within the popup for the cookie to be set thus granting their consent (GDPR).

Disable Everything – Right Click, Text and Image Copying, Keyboard, Scrolling with jQuery

Disable Everything - Right Click, Text and Image Copying, Keyboard, Scrolling with jQuery

This jQuery Plugin allows you to disable Right Click, Text and Image Copying, Keyboard and Scrolling on your sites. You can disable some of these features or all of them at once. This plugin is particularly useful if you want to protect your images from being downloaded or your text from being copied.

A-Frame : Web framework for building Virtual Reality Experiences

A-Frame : Web framework for building Virtual Reality Experiences

A-Frame is a web framework for building virtual reality experiences.Make WebVR with HTML and Entity-Component Works on Vive, Rift, Daydream, GearVR, desktop.A-Frame can be developed from a plain HTML file without having to install anything.

Features: Hit the ground running with A-Frame’s built-in components such as geometries, materials, lights, animations, models, raycasters, shadows, positional audio, tracked controllers. Get even further with community components such as particle systems, physics, multiuser, oceans, mountains, speech recognition, or teleportation!

Carbon : Create and Share beautiful Images of your Code

Carbon : Create and Share beautiful Images of your Code

Create and share beautiful images of your source code.Start typing or drop a file into the text area to get started.

Features:

  • Import from GitHub gist. Simply append a GitHub gist id to the url
  • Customization. Customize things like your image’s syntax theme, window style, and more
  • Share quickly. Save your image or Tweet a link with one click

Outdoors Template with CSS Grids

Outdoors Template with CSS Grids

Today we’re very excited to share an experimental implementation of one of Gil Huybrecht’s designs with you. Gil creates fantastic signature designs with amazing animations and he kindly permitted us code up one of his works.

An implementation of Gil Huybrecht’s “Outdoors” design project powered by layered CSS grids.