Smart (Auto-Hiding) Website Header & Footer using jQuery

Smart (Auto-Hiding) Website Header & Footer using jQuery

There are plenty of reasons for using a sticky header navigation in your website. It provides easy access for top-priority links, plus a way back to the homepage from anywhere on the site. However problems may arise when you have a navigation bar which blocks some of the page content.

In this tutorial I want to demonstrate how we can build a locking header bar which will auto-hide itself after scrolling down the page. Also when scrolling to the very bottom we will display a small footer which includes many of the same nav links.

BalanceText : jQuery plugin for implementing balancing of Wrapping Text

BalanceText : jQuery plugin for implementing balancing of Wrapping Text

A jQuery plugin to provide an alternate text wrapping algorithm. I hope to get this into the CSS spec, so it’s implemented as a polyfill.

The default text rendering algorithm is:

  1. Add 1 word at a time to the current line until the next word won’t fit.
  2. Break text so that the next word starts on a new line.
  3. Repeat until all text has been rendered.

Knwl.js : A Natural Language Processor in JavaScript

Knwl.js : A Natural Language Processor in JavaScript

Knwl.js is a Natural Language Processor built with JavaScript, put simply, Knwl.js scans through text, user data, or just about anything for data of interest, phone numbers, dates, locations, emails, times, and more. Even check if the string may be spam, or get the overall emotion.

jQuery Stickypage plugin

jQuery Stickypage plugin

jQuery plugin to display a page with chronological sticky tags.

Features:

  • Sticky tag can be positioned anywhere you want them to be (x,y,rotation). x, y are percentage within the canvas area (not pixel)
  • Responsive
  • User can use scrollbar to reveal sticky tags that are buried beneath the others.

Pines Steps : jQuery Steps (wizard) for Bootstrap

Pines Steps : jQuery Steps (wizard) for Bootstrap

Pines Steps is a JavaScript steps (wizard) plugin, developed by Angela Murrell as part of Pines. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use.

Pines Steps is useful for step-based transitions. We encourage the use of custom validation to show progression to users, so that the experience of completing linear tasks on the web is easier and user-friendly!

Macaroon : jQuery plugin for acessing Browser Cookies

Macaroon : jQuery plugin for acessing Browser Cookies

A jQuery plugin for simple access to browser cookies.Working with cookie strings are messy, especially in Javascript. Macaroon is a dead simple way to create, update, read and erase pesky browser cookies, so you can get back to more important code.

jQuery confirmOn plugin

jQuery confirmOn plugin

A jQuery plugin for adding an easy ‘are you sure’ confirmation pop-up to a button.The confirmOn plugin shows a confirmation box when the provided events are triggered. It works exactly like jQuery’s .on() but with a confirmation step between the event and the handler. When the user answers the confirmation dialog, the handler is called with the answer as a parameter, so you can decide what to do next. The user can press the escape key which closes the dialog and doesn’t call the yes or no handlers.

Jumbo 7 : jQuery Image Fullscreen Gallery

Jumbo 7 : jQuery Image Fullscreen Gallery

Jumbo 7 is easy to use Fullscreen gallery including Kenburn. As navigation, you can use bullets/thumbnails and tabs in your choices. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

Features:

  • Kenburn
  • Hardware accerlated slide animation
  • Easy to implement and customize
  • Unlimited slides – Users can insert as many slides as he wants.
  • Unlimited Title Caption
  • Native browser support
  • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.
  • Image Lazy Loading – Jumbo 7 loads all images at once so that he/she doesn’t wait again while slides.
  • Image Preview support – Jumbo 7 provides image preview option on hover.
  • Customizable width and height – Width and height can be set.
  • Fully responsive – It’s fully responsive so it can be attached in touch device.
  • Full width functionality involved – Full width slider is available
  • Lightbox support – It supports lightbox based on users’ demand.
  • Touch device support – Touch events are supported.
  • Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate.
  • Video content support(Youtube,Vimeo) – Embeded videos are supported.
  • Carousel support – Carousel viewmode is supported.
  • Keyboard navigation available

Build a Responsive, Filterable Portfolio, with CSS3 Twists

Build a Responsive, Filterable Portfolio, with CSS3 Twists

The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular. Today, we’ll be making one using straight-forward markup, CSS3 and a little bit of jQuery.

jQuery Flipping Text Effect Plugin

jQuery Flipping Text Effect Plugin

Create a ticking text intro animation for your typography with jQuery.With this plugin, you can use a markup to set the delay between each intro animation.