Samples with jquery, css3 and html5

Tuesday, 18 February 2014

Crop and upload image uing jQuery and HTML5

Image Crop & Resize Plugin Example:
                                                     This is the best plugin for image upload with cropping . First load an image from your computer then crop with an easy interface and finally you can upload in to server. For more technical details visit here

                                                Live Demo              Download

Download: Dynamic navigation menu with jquery

         Dynamic menu with scrolling color glide followed, appropriate for personal entertainment blog and website which requires new fashioned style and personalization.

                                                Live Demo             Download

Key Features

  • menu_width
  • menu_height
  • menu_text_size
  • menu_text_color
  • menu_sprite_color
  • menu_background_color
  • menu_margin
  • sprite_speed

Saturday, 15 February 2014

Multi-Item slider with CSS animations and jquery

 Multi-Item category slider with CSS animations and jquery:
                                                      A simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

    The idea was inspired by the Aplle product slider where several little items fly in with a bouncing animation. Categories as use-case fit quite well because of the limited nature of this type of slider. For more items to be shown, this is certainly a far-from-optimal solution. If the amount of items is limited this might give an interesting little touch to the experience.

You can find full tutorial from here

                                        Live Demo                       Download

Responsive Jquery slider with beautiful transition effects

Nivo Responsive slider with 16 beautiful transition effects:
                                                                                 The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning.

The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding. There simply is no better way to showcase your amazing work than to make the presentation of it looks just as beautiful.

                                                  Live Demo             Download

Key Features:

  • Small and Semantic
  • 16 beautiful transition effects
  • Simple and Flexible Setups to create
  • Completely Responsive
  • Free to use even for commercial applications

Friday, 14 February 2014

Awesome jquery flux slider with CSS3

Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.

Instead of the traditional Javascript timer based animations used by jQuery, Flux utilises the newer, more powerful CSS3 animation technology. Its in a fairly early/rough state at the moment but testing on the iPhone/iPad does appear to produce much smoother animations. Desktop performance (as with Nivo) is very smooth but the use of CSS3 enables us to produce some new effects that Nivo can’t, e.g. rotations.

The aim is to use hardware acceleration where possible to improve performance on less powerful devices, such as mobiles & tablets.

                                            Demo               Download

Known to work with

  • Safari
  • Chrome
  • iOS
  • Blackberry Playbook
  • Firefox 4
  • Opera 11

Key Features:

  • Supports 2D and 3D transitions
  • Supports all major browsers and devices
  • little jerky in android devices due to poor hardware acceleration
  • Works only with browsers that support CSS3
  • Supports 6 options, 7 methods including methods to navigate through images

Saturday, 8 February 2014

Top 10 Reasons Why jQuery is so popular and why I'm start this blog

              jQuery is a lightweight, "write less, do more", JavaScript library.There are lots of other JavaScript frameworks out there, but jQuery seems to be the most popular, and also the most extendable.

Cross-browser Compatibility  

One of the biggest challenges in Ajax/JavaScript programming is cross-browser inconsistencies – it will drive you mad. For example, a design that renders perfectly in Internet Explorer 8 but may not run that well in Mozilla Firefox, or an interface component you’ve spent days handcrafting works beautifully in all major browsers except Opera on Linux.  The jQuery team is aware of the cross-browser issues,
and more importantly the jQuery team knows all about cross-browser issues, and they have written this knowledge into the jQuery library. jQuery will run exactly the same in all major browsers

Like Us On Facebook

Popular Posts

Powered by Blogger.

Follow by Email

Main Post

Send Quick Massage


Email *

Message *