MoreOnFew.com – Read tutorials related to JavaScript, jQuery, HTML5, CSS3 and more !
What is Google Resizer?
Google has launched a new service named Resizer. Google resizer is basically an interactive viewer which helps you to view your website in various design breakpoints across devices like Desktop, Mobile and Tablet. This service would help you test your website under...
read moreHow to use Font Awesome Icons?
What is Font Awesome? Font Awesome is basically an Icon-Font Kit. It is a font that renders icons and is somewhat similar (though not exactly) to the windings in windows. It gives you scalable vector icons that you can customize as per your choice like...
read moreUnsemantic CSS framework tutorial
What is Unsemantic? Unsemantic is a CSS framework that is responsive and based on fluid grid system that uses percentages instead of fixed pixels. Like any other CSS framework, Unsemantic too has pre-prepared CSS classes that would make web page development easier....
read moreHow to join or merge an Array in JavaScript?
I'm sure you must have had a scenario where you had to join or merge two different Arrays. Well, let me tell you that its an easy task. JavaScript has a native method Array.concat() which does it. Let's take a look at the syntax. Array.concat(array1,array2,...arrayn);...
read moreHow to set a timer in JavaScript?
Quite often you might come across scenarios wherein you would need to have a timer set in JavaScript. For instance, you might want to call a function after a delay of say 10 seconds or you may want to trigger a function every 15 seconds automatically. A very common...
read moreHow to search for a string in JavaScript?
The String data type must be the most common data type that we use in JavaScript. One of the most common functionality around string that we would have come across is to search for a string/character/word withing another string. You can easily search for a word in...
read moreCrossroads.js tutorial with examples
Are you making a Single Page Application or an SPA ? And Do you want to update the url of the page without reloading the page? Do you want your page to respond to the change in the url without reloading the page? In Short, if you are looking for a javascript routing...
read moreHow to add new value to an array in JavaScript using Array.push() ?
Arrays have been a very useful data type in all the programming languages. They are usually used to describe a collection of elements, values or variables. A lot of us might have come across scenarios where we had to insert a new value into the javascript array. Let...
read moreHow to check jQuery version?
Many of us might have come across scenarios wherein we wanted to do something based on the version of the jQuery loaded. To be specific I'm talking about scenarios where one might want to know the version of jQuery programatically and if the version was say 1.3.2 then...
read moreConditional Comments in HTML
Many of us would have come across scenarios where we wanted a different Stylesheet or CSS properties for IE (Internet Explorer). While many would have resorted to Feature detection / browser detection there is an easier approach to achieve this. You can use...
read moreHow to optimize png images ?
Well its a fact that a large number of us use PNG images on their website. Most of us might keep images in PNG format for the sake of transparency, clarity and so on. While they are really good, usually the size or the weight of PNG images are quite high when compared...
read moreWhat is a bulletin board code or BBCode?
Most of us must have noticed custom markup tags being used in comment boxes and discussion forums. These custom markups would help you to format a text to make it bold, italics, add images, add url etc. Remember those? Well, these are known as BBCode or Bulletin Board...
read moreHow to use Google web fonts ?
Over the time if you notice, the web is becoming more beautiful and pleasant. People have actually become more serious about UX, UI, Typography and the related technologies. One of the important steps towards this is using pretty fonts. There are many ways to use...
read moreHow to replace all occurrences of a string in JavaScript?
Out of the different "Data Types" in JavaScript, String has been one of my favorites. It is also one of the most widely used Data Type. It would not be an understatement to say that most of our programming activities revolve around some kind of string. Many a times...
read moreHow to make placeholder work in IE ?
One of the interesting features of HTML5 is the "placeholder" attribute. This new attribute has helped web developers save a lot of time as without it we would have had to write JavaScript code to simulate the same. But now with the arrival of placeholder attribute we...
read moreWhat is a constructor in Javascript ?
If you have been working on or learning Object Oriented JavaScript, you must have come across the word "constructor" a number of times. A constructor is basically a function that is used to set the properties and methods of an Object. Generally you may use "this"...
read moreWhat are Polyfills in Javascript ?
With HTML5 getting popular, a large number of developers have moved on to HTML5 based development. It has indeed helped developers to implement extra features as well as save a lot of time during development too. But one of the most common issues of web development,...
read moreHow to center align a Div ?
One of the most common queries all the new front End developers have is " How do we center align a DIV? ". Well, let me tell you that it is one of the easiest task. Let's take a look at how to center align a Div. Center align a Div horizontally A Div can be easily...
read more