CSS3 Progress Button Styles

CSS3 Progress Button Styles

Today we’d like to share some progress button styles with you. You surely know “Ladda” by Hakim El Hattab, a UI concept that indicates progress directly on the button that invokes a loading action. Some of the buttons have a built-in progress bar and today we’d like to explore that idea with some creative progress button styles. Using perspective will allow us to create some fun 3D effects besides the flat “filling” styles

Cube Portfolio : Responsive jQuery Grid Plugin

Cube Portfolio : Responsive jQuery Grid Plugin

Cube Portfolio is a powerful jQuery plugin that provides beautiful animated filtering, custom captions and it’s perfect for portfolios, galleries, team members, blog posts or any other ordered content.It plays nice with your existing HTML and CSS, making it a great choice for dynamic and responsive layouts.

Features:

  • Responsive & centering layout
  • Fully customizable: more than 20+ options
  • You can add unlimited number of items
  • You can add items usign AJAX
  • Responsive built-in lightbox with support for images, youtube and vimeo.
  • Built-in single ajax page with support for any HTML
  • 6 starter templates
  • 10 animations for item grids
  • Filter by categories: group your entries by categories
  • Support for dropdown filtering
  • Lazy Loading function
  • Using CSS Animation with fallBack to jQuery
  • Powerfull API : init, destroy, filter, appendItems, showCounter
  • Adjustable speed, transition, easing and effects for each caption

LabelinPlace : jQuery form enhancement plugin for In-field Label

LabelinPlace : jQuery form enhancement plugin for In-field Label

A simple fully customizable form enhancement jQuery plugin for in-field label support.

WordsRotator : A simple text elements rotator jQuery plugin

WordsRotator : A simple text elements rotator jQuery plugin

A simple text elements rotator jQuery plugin.You can include multiple CSS3 effects with Animate.css

headroom.js : Hide your header until you need it

headroom.js : Hide your header until you need it

Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user’s scroll. The header on demo site is a living example, it slides out of view when scrolling down and slides back in when scrolling up.Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time.

sGlide : jQuery plugin for feature-rich & mobile ready Slider

sGlide : jQuery plugin for feature-rich & mobile ready Slider

sGlide is a super flexible and light-weight jQuery plugin that generates a simple, feature-rich & mobile ready slider, which can be easily customized and styled using regular CSS.

CSS3 Loading Animation

CSS3 Loading Animation

Hello guys, this time i wanted to create 3 simple CSS3 Loading Animations. I remember that CSS3 Loading Animations are only visible in Firefox, Safari and Chrome.

Master Slider : jQuery Responsive Touch Swipe Slider

Master Slider : jQuery Responsive Touch Swipe Slider

Master Slider is a premium image and content slider with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It’s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any html contents (texts, images, …) in layers. It is easy to use, plus there are 25+ ready to use templates available for you. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

Zoomerang.js : Zoom in – Zoom out on Anything in your Page

Zoomerang.js : Zoom in - Zoom out on Anything in your Page

Zoomerang.js is a drop-in library that allows your users to zoom in on (almost) any element on your existing page. No setup, arbitrary styling.

enscroll : jQuery plugin for custom Scrollbars

enscroll : jQuery plugin for custom Scrollbars

Enscroll is a jQuery plugin that gives you the power to replace those scrollbars rendered by the web browser with ones that you design. Either replace the scrollbars with your own image or use custom CSS to style them anyway you desire.