There are a lot of new features in CSS3 like fade in / fade out, scale and rotate, animation etc; which help us to beautify our website to give it a new look with CSS3 features.

In this post we are going to create an effective animation with the help of@keyframe. First we have to make some animation with the help of other CSS3 properties like in this example we are making the animation with transform and after that we can bind this animation to the selectors with help of CSS3 animation properties. Please take a look on the below code to make this animation.

Read More…

Today we found an attractive and impressive JavaScript library for presentation on web, @markdalgleish is the author of bespoke.js Library. This presentation library is less then 1KB minified and gzipped, so it’s not effect on your web page speed on page loading time.

Read More…

jQuery one of the most popular JavaScript Library which helps a lot to designers, to make effective designs and animations for there clients. In this article we divide a full image into slices and repositioned it, and collect that slice on mouse hover.
Read More…

Before implementing the static block we have to create a page where we will add our block. So first of all create a page through Magento’s back-end section. We have already created a page with the nameHome PageNow we have to move on the Stick Block section.

Create Static Block

First of all let we create a block for our home page. Navigate CMS in menus list and you can find the Stick Blocks sub-menu under CMS, then click on Static Block.
Read More…

Now these days AJAX become more popular to create dynamic, user-friendly and responsive websites. AJAX is the technology to send and receive data with reload the page in web browser. One of the great example you can see in Google DOCS, that saving your work in few minutes or you can see instant image upload.

What is AJAX?

If still you are not familiar with AJAX then we suggest you to read about AJAX on Wikipedia. Or you can use AJAX with jQuery, one of the most popular JavaScript Library. AJAX is the combination of HTML, CSS and JavaScript code that helped you to send data to the particular file and receive the response from that file without refreshing the browser or page.
Read More…

Now these days one of the talked about feature of modern browsers is CSS3, you can create lots of cool and impressive stuff with the help of CSS3 and if we talking about animation, then you don’t have to use JavaScript to create animation of your DOM element. CSS3 has some overbearing properties that provide smooth animation.

This is a small example of CSS3 animation, hope you guys enjoying it. So what we have to do, first we have to prepare our DOM elements, take a look on blow example:
Read More…