MiniTwitter : jQuery Widget puts your Tweets on your Website

MiniTwitter : jQuery Widget puts your Tweets on your Website

MiniTwitter – the Widget jQuery which puts Twitter and your tweets on your Website or your WordPress blog.

Features :

  • Put Twitter on your website and even more: the tweets from the folks you like, the lists and yourself.
  • Show up to 100 tweets within 7 days (limit set by Twitter’s Search API).
  • Use the color of your link profile on Twitter.
  • Display tweets from your feed or from the Twitter Search.
  • Display tweets from a list or from your favorite users.
  • Stylize your feed with your Cascading Style Sheet or with other jquery plugins.
  • Compatible with the last jquery version: 1.7.

Pull Off Awesome Scroll Effects With Stroll.js

Pull Off Awesome Scroll Effects With Stroll.js

Stroll.js is a super easy to implement library that makes applying mind-boggling scroll effects a breeze. All you have to do is paste in a couple of brief lines of JavaScript, the rest is all handled with HTML and CSS. Keep reading and I’ll show you how it works.

Stroll.js is a neat little JavaScript library that brings a bunch of eye-catching animations to the scroll action on list items. The idea is that you have a group of items in a scrollable list and you use Stroll.js to make browsing that list more interesting.

CSS 3D Image Gallery with JavaScript

CSS 3D Image Gallery with JavaScript

In this experiment we will create a little gallery using CSS 3D transforms and an advanced javascript with jQuery framework.

Swatch Book with CSS3 and jQuery

Swatch Book with CSS3 and jQuery

A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.

Today’s tutorial is about creating an animated swatch book using CSS rotation transforms and JavaScript. The idea is to show a swatch book like structure and make the single swatches or “sheets” clickable. When clicking on a swatch, we’ll rotate the other swatches in order to reveal the selected one.

jQuery Dynamic Grid: XML Gallery

jQuery Dynamic Grid: XML Gallery

With Dynamic Grid: XML Gallery you can create the image gallery that you want. The script gives you huge control over the layout and animations, and the possibilities are endless. Literally endless – the script is smart enough to generate unique layouts every time it launches, which means a unique experience for your visitors on every page load.

With the Dynamic Grid engine you have the power to create exactly the layout you need. And if you don’t know what you need, the script comes with solid default settings that create a beautiful and random layout on every page load!

Sort Items Alphabetically Using jQuery

Sort Items Alphabetically Using jQuery

Using jQuery we can easily sort a list of html elements alphabetically. In the following tutorial I will give 2 examples – sorting an unordered list and sorting a table.Using jQuery we then append each item row to the unordered list to rebuild in the correct order.

Animating Colored Ajax Comments with jQuery

Animating Colored Ajax Comments with jQuery

There are plenty of social networking websites today where you can find dynamic Ajax-based comments. This system is more usable because you don’t need to refresh the page every time you post something new. However setting up a whole database for user comments from scratch can be difficult.

In this tutorial I want to look at using jQuery just for animating custom comments. The form will submit each post anonymously and won’t save anything to a local database. The effects are only for show – but you can easily adopt the dynamic code into a system such as WordPress, vBulletin, Joomla!, or even your own custom backend.

Thumbs up and down rating system with jQuery, PHP and MySQL

Thumbs up and down rating system with jQuery, PHP and MySQL

In this series we take a look at how to create a rating system with thumbs up and down. The ratings will be saved to the MySQL database using PHP PDO class.

Notification bubble with CSS3 keyframe animation & jQuery

Notification bubble with CSS3 keyframe animation & jQuery

I had to emphasize somehow a dynamic notification bubble. Basically, every time the notification value changes, a visual effect was needed in order to get user’s attention. So I made that using CSS3 keyframe animation.I think this is a simple and practical example on how to use a CSS3 animation to enhance user experience. Further, you can experiment with the bezier curve values and come up with some other cool effects.

jqBootstrapValidation : jQuery validation plugin for bootstrap forms

jqBootstrapValidation : jQuery validation plugin for bootstrap forms

A JQuery validation framework for bootstrap forms.jqBootstrapValidation will scan for HTML5 validator attributes directly on the elements, plus any extra options specified via data attributes. By default, it will also sniff for native HTML5 form validation attributes, as detailed above.

If you decide this isn’t what you want, you can restrict jqBootstrapValidation to only data attributes by setting sniffHtml to false when calling it on your form elements.