Facebook Style Notification Popup using CSS & jQuery

Facebook Style Notification Popup using CSS & jQuery

Are you looking for Facebook UI features, this post will explain you how to create a Facebook style notifications popup using Jquery, HTML and CSS, you will understand how CSS elements will helps to improve better web design. This is the most needed feature for social networking web projects to minimize and enrich the UX elements.

Image Caption Animation with CSS3 Transitions & Transform

Image Caption Animation with CSS3 Transitions & Transform

jQuery caption hover effects have been on the Web for a long time. There are plenty of jQuery libraries out there that can be used to obtain a cool and amazing image caption animation and hover effects.

That being said, it is now possible to do the same cool effects with CSS3 transitions and transform properties.

Animate-scroll : jQuery Animation Scroll Plugin

Animate-scroll : jQuery Animation Scroll Plugin

Animate-scroll is a mobile friendly Viewport triggered animation jQuery Plugin using greensock.

Tooltip Styles Inspiration with CSS3 & SVG

Tooltip Styles Inspiration with CSS3 & SVG

A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking and interesting tooltips.

Tooltips are normally used for providing some kind of extra information and they can be found in almost every website. Those tiny little helpers offer a great opportunity to add some subtle and unique effects to any design. So today we want to show you some possibilities of showing those elements in style. We only use CSS transitions via hover and also some SVGs to create unique shapes.

Web Video Editor with JavaScript & PHP

Web Video Editor with JavaScript & PHP

JS / PHP script online video editor, GUI for FFmpeg (or Mencoder). Allows you to cut the video into pieces and combine them. Convert video formats: FLV, MP4, WEBM, OGV. Possibility of fast cutting video fragments without transcode.

Features:

  • Fast (instant) cutting video into pieces without transcode.
  • Ability to combine pieces of video.
  • For video are used server applications: FFmpeg, Mencoder (optional), MP4Box / gpac (optional), MKVMerge (optional).
  • Convert video formats: FLV, MP4, WEBM, OGV.
  • Showing the progress of conversion percentage.
  • Three HTML5 player to choose from.
  • Upload video 3 ways: file, link, from Youtube.
  • Simple configuration (in file).
  • Multilingual support (made translations into English and Russian).
  • Nice interface and adaptive layout (Bootstrap 3.2).

Wufoo style jQuery and HTML5 form builder

Wufoo style jQuery and HTML5 form builder

formbuilder is a Wufoo style jQuery and HTML5 form builder allows you to create user forms by dragging and dropping form elements.

This form builder is using JSON to load existing form structures and serialising existing form structures back to JSON when the save button is clicked.

Strip : A Less Intrusive Responsive Lightbox

Strip : A Less Intrusive Responsive Lightbox

Strip is a Lightbox that only partially covers the page. This is less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.

Gifffer : JavaScript Animated Gifs Player

Gifffer : JavaScript Animated Gifs Player

A tiny JavaScript library that prevents the autoplaying of the animated Gifs.

Tablesorter : jQuery plugin to turn HTML table into Sortable

Tablesorter : jQuery plugin to turn HTML table into Sortable

Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.

Bootstrap Dropdown Menus Enhancement

Bootstrap Dropdown Menus Enhancement

Enhancing functionality of dropdown menus. Added the following improvements:

  • Sub-Menus
  • Support for radio and checkboxes
  • Positioning of menus
  • Bullet for menus