3D Effect for Mobile App Showcase with CSS3 & JavaScript

3D Effect for Mobile App Showcase with CSS3 & JavaScript

Today we’d like to share an experimental 3D effect with you. It involves a 3D mobile device and some mobile app screenshots. When clicking on a toggle button, we’ll animate the mobie device to rotate and we’ll move each screen so that we have a layered view in the end. You have surely seen this kind of presentation of apps before and we thought it might be fun to do it in CSS.

Making a Super Simple Registration System With PHP & jQuery

Making a Super Simple Registration System With PHP & jQuery

Writing a registration system is a lot of work. You have to write code that validates email addresses, sends confirmation emails, provides forgotten password functionality, stores passwords securely, validates input forms and a lot more. Even when you do all of this, users will still be reluctant to register as it involves a lot of effort on their part as well.

In this tutorial, we will make a very simple registration system that doesn’t require or store passwords at all! The result will be easy to modify and embed into an existing PHP website. Read on to find out how it works.

jQuery finderSelect

jQuery finderSelect

jQuery Plugin for matching finder like functions making child elements selectable supports Ctrl+Click, Command+Click, Ctrl+Drag, Command+Drag and Shift+Click.jQuery finderSelect Adds the ability to highlight table rows based on the standard single click.

jQuery X-Transition-Boxes

jQuery X-Transition-Boxes

X-Transition-Boxes veri nise application for presentation your product into web.

Features:

  • Infinite scroll
  • 8 different transition with masonry
  • Zoom effect for images
  • Responsive 100%
  • Easy to use!!

jQuery Responsive Tables

jQuery Responsive Tables

A jQuery plugin to make tabular data responsive.

jQuery Tabs Plugin

jQuery Tabs Plugin

The powerful jQuery plugin that creates a tab.

Features:

  • History support — tabs can handle browser’s back and forward buttons
  • AJAXed tabs support — ajax load content support
  • Keyboard navigation support — use Arrow left/right to navigate
  • Lightweight size — 1 kb gzipped

Succinct : jQuery plugin for Truncating Multiple lines of Text

Succinct : jQuery plugin for Truncating Multiple lines of Text

A tiny jQuery plugin for truncating multiple lines of text.Succinct shortens your text to a specified size, and then adds an ellipsis to the end.

Google Nexus Website Menu with CSS3 & JavaScript

Google Nexus Website Menu with CSS3 & JavaScript

A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar menu will be shown. The first sidebar menu item is a search input which is styled the same way like the other menu items.

We will reconstruct this menu using unordered, nested lists and some CSS transitions. We’ll use JavaScript to apply classes for the opening effects and handling the hover and click events. With the help of a media query, we’ll adjust the size to make sense for smaller devices.

bindWithDelay jQuery Plugin

bindWithDelay jQuery Plugin

jQuery Plugin For Delayed Event Execution.It prevents a function call from happening EVERY time an event is fired from the browser. Rather than implementing custom timeout code, just add in this plugin and simplify your code.

It works with existing code that uses the bind() function. Just add an extra parameter (timeout in milliseconds), and an optional boolean value if you would like to enable throttling.

Show Icon on Mouse over Thumbnail Image using jQuery & CSS

Show Icon on Mouse over Thumbnail Image using jQuery & CSS

Here I am going to tell how to show a icon on mouse over thumbnail image using simple jQuery & CSS.Now a days most websites are using this trick. In this tutorial You are going to show a link icon on mouse over anchored thumbnail, showing play icon on mouse over video thumbnail & showing Zoom icon on gallery thumbnails.