Notification Styles Inspiration with CSS3 & JavaScript

Notification Styles Inspiration with CSS3 & JavaScript

Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects.Some of them are preceded by a dummy loading animation, which could be a nice idea for specific actions that require some time in a system (i.e. saving, sending a message, etc.).

Breaking News Ticker jQuery Plugin

Breaking News Ticker jQuery Plugin

Breaking News Ticker jQuery Plugin.

  • Modern
  • Falt
  • Responsive
  • Easy to use
  • customize
  • Unlimited News
  • changeable properties with unlimited design
  • New: Added RSS Feed

Mad Twitter : Animated Twitter Birds jQuery Plugin

Mad Twitter : Animated Twitter Birds jQuery Plugin

Mad twitter is a highly user friendly button, that produces different animations on hover effect. Six different effects makes the twitter angry and it goes wild, which is the most interesting feature of mad twitter button.

Engaged Social Navigation with jQuery

Engaged Social Navigation with jQuery

Engaged social menu is free to use and is a super simple menu that can be easily integrated into any website including WordPress. Some of the beautiful icons from font awesome has been used to increase the beauty. Menu is meant for sites, that needs to preview their social status prominent and more visible to users.

Graphene : Realtime Graphing toolkit based on D3 and Backbone

Graphene : Realtime Graphing toolkit based on D3 and Backbone

Graphene is a realtime dashboard & graphing toolkit based on D3 and Backbone.

Combining D3′s immense capabilities of managing live data, and Backbone’s ease of development, Graphene provides a solution capable of displaying thousands upon thousands of datapoints in your dashboard, as well as presenting a very hackable project to build on and customize.

Fixed Auto-Hiding Nav Bar with JavaScript

Fixed Auto-Hiding Nav Bar with JavaScript

Top navigation bars have always been popular in web design. Since these elements contain such vital information some designers like to keep them fixed on-screen while scrolling down the page. But unfortunately this can get in the way of content if the bar is too large. A popular online blogging platform Medium created an interesting method of hiding the bar when scrolling down and re-showing it when scrolling back up.

smoothAnchor.js : jQuery Plugin for Smooth Scrolling

smoothAnchor.js : jQuery Plugin for Smooth Scrolling

SmoothAnchor.js is a jQuery plugin for smooth scrolling.

jQuery Litelighter : Super light weight Syntax Highlight Plugin

jQuery Litelighter : Super light weight Syntax Highlight Plugin

jQuery Litelighter provides super light weight syntax highlighting for jQuery and Zepto.The goal of jQuery Litelighter is to provide an extremely lightweight, but elegant syntax highlight to many languages.

Alternate Fixed & Scroll Backgrounds with CSS

Alternate Fixed & Scroll Backgrounds with CSS

How to create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed.

Chalkboard : Javascript Canvas of Chalkboard

Chalkboard : Javascript Canvas of Chalkboard

Fullscreen Javascript canvas implementation of a chalkboard with a realistic chalk effect with touch support.