Both CSS3 animation and CSS3 transition can be used to transition an element in a webpage. They can be used to transition some CSS properties within a given period of time. They have many similarities. They do have a few differences as well. So an user needs to understand the differences between them in order to better use them in different scenarios.First, let's see an example on how to change the width of a div from 100px to 200px within 2 seconds when hovering on it.With CSS3 animation , the CSS looks like :@keyframes anim { from {width : 100px;} to {width : 200px;}}#div{ width:100px; heigh...

In Web 2.0 era, more and more web applications are using AJAX to replace the traditional HTML form element to perform user login. This usually provides a better user experience than form submission. But it also brings a side effect to the end users. That is the browser will not prompt the user whether s/he wants to save the password so that s/he no needs to enter the username/password again when visiting the same site next time.Below is the code snippet which does the AJAX login. <script style="text/javascript"> $(function () { $('#signin').bind('click', function () { //Sub...

Both ScrollerJS and Odometer are two JavaScript libraries to transition one number to another number with animation. They provide user a fancy animation about scrolling numbers. These libraries can be used in many scenarios such as user statistic counter, timer or odometer.This post is going to have a comparison on these two open source libraries. Below is a table which lists the features the two libraries have:FeatureScrollerJSOdometerLanguageJavaScript and CSSJavaScript and CSSSizeAround 10KB(Minified)Less than 3KB(Minified)LogicSupport both CSS transition and traditional DOM position(top) t...

CSS3 Transition has been widely used in modern web app development to offer users animations. Traditionally animations of element in HTML are controlled by JavaScript. If fancy animation is desired, then third party plugins can be installed in browsers such as Flash, Silverlight, Java Applet etc. With CSS3, animations can be easily achieved like a charm.Transition is one of the many features provided by CSS3. It can be used to transit one element from one state to another state smoothly within a specified time. Usually we are not satisfied with just seeing the animation, we frequently want to ...

Aegissofttech .net developers are specialized in developing real time web applications. While working on one of such real time web app development projects, our asp.net development team discovered an easy way to create PDF template from user inputs. The developers used Java Script and web service to accomplish PDF template development. To learn how to develop these dynamic PDF with content and graphics, you can follow the below tutorial.In real time web applications, we often require to generate PDFs as per the User inputs dynamically. Specially while adding image and text in PDF is tough job ...

1. Session timeout problemThere is a nuance we found with session timing out although the user is still active in the session.  The problem has to do with never modifying the session variable. The GC will clear the session data files based on their last modification time.  Thus if you never modify the session, you simply read from it, then the GC will eventually clean up. To prevent this you need to ensure that your session is modified within the GC delete time.  You can accomplish this like below. if(!isset($_SESSION["last_access"]) || (time() - $_SESSION["last_access"]) >= ...

There are lots of great things about freelance, such as not being tied to a desk, flexible working hours and little, if any, supervision. All freelance web designers probably realize that one of the biggest challenges of their job is the issue of productivity. How to motivate yourself and stay productive every day with no external supervisors telling us to complete a task right now? Here are five practical productivity hacks for all freelance web designers who want to boost their performance.1. Establish a routine (and stick to it)Setting up a clear schedule with slots devoted to specific task...

Internet is improving day by day and the competition is also increasing for every businessman. Having an online presence is a necessity but just online presence won’t work you have to do something extra to grab your potential customers.Websites that are successful online are basically because of three reasons(1) Web technologies are evolving constantly and are allowing for more unique and advanced designs.(2) Technologies have become more accessible than they were earlier, and are empowering more people to use them thoroughly.(3) Awareness among the people about the UX is improving and i...