Dasky : jQuery Timeline Slider

Dasky : jQuery Timeline Slider

Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life. And others what you want. It based on the power of css transforms and will fallback in old browsers who do not support it.

Features:

  • Fluid layout
  • Fullscreen or not
  • Auto play
  • Mousewheel control
  • Keybords control
  • Major browsers compatible and fallback to old browsers

GetEmPixels : Obtain an element’s em value in pixels using JavaScript

GetEmPixels : Obtain an element’s em value in pixels using JavaScript

Allows you to accurately obtain an element’s em value in pixels using JavaScript. No more blindly dividing by hard-coded values.

Textrange : jQuery plugin for Setting and Replacing text in input field

Textrange : jQuery plugin for Setting and Replacing text in input field

A jQuery plugin for getting, setting and replacing the selected text in input fields and textareas.This jQuery plugin is for easily finding the starting and ending positions of selected text in text fields and textareas. It can also be used to set the selection, and replace the selection with given text (or insert text wherever the cursor is in the text field or textarea).

Smint : jQuery Navigation plugin for One Page website

Smint : jQuery Navigation plugin for One Page website

Smint is a simple jQuery plugin that helps with the navigation on one page style websites.

It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

Animelt : jQuery plugin for complex animations

Animelt : jQuery plugin for complex animations

The jQuery plugin for complex animations.

Expanding Search Bar Deconstructed with JavaScript & CSS3

Expanding Search Bar Deconstructed with JavaScript & CSS3

One of the things we thought might be nice to change is the search input. We’ve put it from the sidebar into the header and we use a common effect where you have to click to expand the input. We have received many requests on explaining how we did it and today we’d like to show you how to create a search input like that from scratch. The aim is to maximize compatibility for mobile devices and older browsers (down to IE8). Although this might seem like a super-easy thing, we’ll have to apply some tricks in order to make it work properly.

Flexy Menu : jQuery Responsive Horizontal & Vertical Menu with CSS3

Flexy Menu : jQuery Responsive Horizontal & Vertical Menu with CSS3

Flexy is a menu component based in CSS and Javascript code. You can use Flex Menu it as a horizontal or vertical menu. It is a responsive and collapsible menu, suitable for any type of website.

Features:

  • Responsive layout
  • Horizontal and Vertical
  • 8 Styles
  • Javascript/CSS effects
  • Collapsible
  • Major browsers compatible

Pongstagr.am : jQuery plugin that display instagram photos to website

Pongstagr.am : jQuery plugin that display instagram photos to website

A jQuery plugin that lets you display instagram photos to your website. For the most part, Instagram’s API only requires the use of a client_id. A client_id simply associates your server, script, or program with a specific application. However, some requests require authentication – specifically requests made on behalf of a user. Authenticated requests require an access_token. These tokens are unique to a user and should be stored securely. Access tokens may expire at any time in the future.

How to build a realtime jQuery plugin

How to build a realtime jQuery plugin

The jQuery realtime library is a first attempt at making it really easy for anybody to add realtime data to a web page by just adding markup to a page and using jQuery and a jQuery library.

In this tutorial we’ll create a jQuery plugin that makes it really easy to add realtime content to a page by simply adding some markup. First, we’ll cover how to use a service called Pusher to subscribe to realtime data. Then we’ll define a way of marking up an HTML5 document with ‘data-*’ attributes in a way which can then be queried by our realtime jQuery plugin and converted to realtime data subscriptions. Finally, we’ll create the jQuery plugin which will use the attributes to subscribe to data and instantly display updates within the page.

Creating Swipeable Side Menu in jQuery

Creating Swipeable Side Menu in jQuery

Today, I will be sharing an experiment to replicate the behavior of the side menu, similar to what you’ve seen on smartphone applications, but this tutorial is for the web. I will take you through each step from structuring your layout and adding swipe gestures to open/close the menu, usable on both desktop and smartphones.