Today's Question:  What are you most afraid of as a programmer?        GIVE A SHOUT

  WRITE ARTICLE

 WEB


  CSS Animation vs. JavaScript: Which One Is Better?

You know that there are two ways of creating animations on the web: with CSS and JavaScript. And, their selection completely depends on the dependencies of the project. But many web developers hold a wrong perception that CSS is the only way of creating the animations. In fact, CSS has established as the most pampered system of the web development industry and most of the developers recommend it because it is mobile-friendly and powerful system. No doubt CSS is good, but JavaScript is the best....

2,441 1 1          CSS ANIMATION JS ANIMATION


  Wireframing: Is it Helpful in Converting PSD to HTML in Web Design?

The brilliance of your website is solely marked by the way you've got it designed. Many a times, you might have heard the term “wireframing” while discussing about a new website design or redesign project. Well, today in this post, I'll be offering you useful information about wireframing and why it has such a vital role to play in the creation of a perfect-looking and fully-functional website alongwith creative design to convert psd to html. Stick to this write-up and you'll get to ...

2,006 0 0          WEB DESIGN WIREFRAMING PSD TO HTML


  Different types of font icons

A website with just text belongs to the pre Web 2.0 era. A modern site will have different icons appearing on different places on the site. This will give the visitor a better visual feeling. But to have a set of consistent and well crafted icons is not an easy task. It may even require a dedicated icon designer to design them. Fortunately, we now can use font icons provided by many people around the web. Today we will introduce some of them. Font Awesome Font Awesome is an open source font ico...

1,023 0 0          WEB DESIGN FONT ICON FONT AWESOME


  Remove browse button from input type=file

In Web 2.0 era, many websites will ask the user to upload their avatar when creating their profile. In HTML, the input control we should use is input="file". This is a file control provided by the browser vendor and it should be ran in a sandbox for security consideration. Browsers don't provide ways to choose file from local and upload to the remote server without the input="file" control.  There is one annoying part about the input="file", which is a default button named "Choose File" or...

7,077 0 2          HTML FILE BROWSE REMOVE BROWSE BUTTON


  Best Tips for a brilliant responsive design

Portability of mobile devices have made it easier for the users to access internet. Consequently , this has increased a lot of of mobile traffic and has given birth to new terms such a mCommerce. Now the point is that as we know that technology is ephemeral , will we keep on investing time and money every time a new gadget is launched? Indeed yes, because this is what market demands!  But what if I say a that there is a technology which is independent of the size of the devices or a technol...

1,616 0 0          RESPONSIVE MOBILE


  CSS3 animation vs CSS3 transition

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 , th...

3,641 0 0          CSS3 TRANSITION CSS3 ANIMATION DIFFERENCE


  Let browser prompt for storing password when doing AJAX login

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.  <scri...

1,628 0 0          AJAX BROWSER PASSWORD LOGIN


  ScrollerJS vs Odometer

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: Feature ScrollerJS Odometer Language JavaScript and CSS JavaScript and CSS S...

4,451 0 0          JAVASCRIPT ODOMETER SCROLLERJS OPEN SOURCE CSS TRANSITION