Share Box with jQuery & CSS3

Share Box with jQuery & CSS3

Today I am going to share some interesting Social Share Box in a Tooltip for your blog. I have used jQuery & CSS3 to achieve this.

jQuery Html5 Pusher Plugin

jQuery Html5 Pusher Plugin

Enable HTML5 History navigation in your web site easly.

This plugin aims to enable the HTML5 navigation in sites without having to change anything server side. If the browser does not support HTML5 no fallback is provided, the site will be simply browsed in the old way.

jQuery Pull-Out Content Panel with CSS3 Animation

jQuery Pull-Out Content Panel with CSS3 Animation

This panel has been created to fit into any website with a clean and professional design. It can be fixed on the left or on the right and can contain any type of content : headings, texts, lists, images, videos, etc. The custom scrollbars packed in this menu will automatically appear when needed and if you need to add even more content, you can use the infinite carousel to scroll between each part of the panel.

Features:

  • Powerful sliding side panel
  • Left or right position
  • Custom automatic scrollbars
  • Infinite sliding carousel
  • Toggle elements
  • CSS3 animations
  • Styled typography
  • Simple working contact form
  • For any type of content
  • Font-Awesome icons
  • Fits into any page
  • Clean and professional design
  • Cross-browser support
  • Designed for desktop computers, tablets and mobiles

Advanced Table jQuery plugin

Advanced Table jQuery plugin

User friendly table handler

Features:

  • editable content
  • selectable row
  • multi select row
  • source select (database or file or html)
  • filterable content
  • download filtered content
  • password protected database update with timeout
  • resizeable

Table-to-JSON jQuery Plugin

Table-to-JSON jQuery Plugin

A jQuery plugin that converts an HTML Table into a javascript object. Great for working with user-editable tables or accessing output from 3rd party tools.

Chained Selects jQuery Plugin

Chained Selects jQuery Plugin

Chained is simple jQuery plugin for chained selects. You can choose from two different versions. Use jquery.chained.js if you do not want to make external queries for setting content of child selects. This version uses classnames of select options to decide content.

For more complex scenarios maintaining option tag classnames will get cumbersome. Also if you want to make queries against database use jquery.chained.remote.js instead. This version makes an external AJAJ query and uses the returned JSON to build child selects.

Responsive Tumblr Feeds on your website with jQuery

Responsive Tumblr Feeds on your website with jQuery

We are introducing our new tool, Cloudsmith, which will automate the way you customize our plugins. The tool will display a configuration panel, that will have all the config options regarding the plugin. Once you are done with the customizations, just click the “Get Code” button to get your config code in place.

Currently we are in the process of rolling out our plugins in the Cloudsmith tool. We introduce the plugin for “Tumblr Feeds” with Cloudsmith. This plugin will display feeds from your tumblr account on to your webpage. The plugin is totally responsive, works on all major browsers and fully customizable.

Mmenu: Sliding Menus for Web & Apps with jQuery

Mmenu: Sliding Menus for Web & Apps with jQuery

jQuery.mmenu is a slick plugin that brings the same behavior into any -mobile- web layout. It transforms unordered lists with unlimited sub-lists into menu items and has multiple options for customization.

Effeckt.css : CSS3 Performant transitions & animations with jQuery

Effeckt.css : CSS3 Performant transitions & animations with jQuery

Ever notice how small flourishes and subtle transitions dramatically increases the value of the experience you enjoy with an app or site?

Designing and developing UIs for the mobile web is tricky, but it’s extremely difficult to do that while delivering something that performs at 60fps. The best opportunities to getting jank-free transitions on phones/tablets are CSS transition and keyframe animation based, especially tapping into hardware-accelerated transforms and opacity changes.

Creative Add/Remove Effects for List Items with CSS3 & jQuery

Creative Add/Remove Effects for List Items with CSS3 & jQuery

In today’s tutorial, we’ll be creating some creative animations and transitions for adding and removing items from a list, inspired by the concept from Pasquale D’Silva’s article on Medium. Chris Coyier coded the transitions from Pasquale’s article.

In this tutorial I’m extending Pasquale’s example, adding more animations and transitional effects, and I’ll also be using a small snippet from Chris’s article to add an extra step in each animation, which “makes room” for the added items before they are actually added.