MoreOnFew.com – Read tutorials related to JavaScript, jQuery, HTML5, CSS3 and more !
Understanding only-of-type CSS pseudo class selector
Let's be honest, CSS sometimes can get a little tricky and confusing to understand. Especially with the onset of CSS3 and all these new CSS3 selectors and pseudo classes, it's quite possible that many of us might still be trying to catch up with the new selectors....
read more What are source maps?
With all the optimization techniques like bundling and minification etc getting important and popular it is good that we talk about Source Maps now. Think of this, once you bundle all the css files you have to one single file, how do you know which part of CSS was...
read more What are CSS Preprocessors?
A lot is being discussed about CSS Preprocessors in the recent times. But then what are they? Is it another framework like Bootstrap? Well, the answer is No. It is not another CSS framework. Preprocessors in general are programs that take one type of data as an input...
read more How to use Glyphicons in bootstrap?
Like many other useful components, Bootstrap also provides a lot of easy to use Glyphicon "icons". Well in simple terms these contain a list of useful font icons that you can easily use on your webpage. These font icons allows you to use over 250 glyphs or icons on...
read more How to disable selection of text in html using CSS ?
Depending on your requirement you might have to disable text selection or text highlighting in HTML using CSS or JavaScript. While there are different ways to do this, you can easily disable text highlighting using CSS. Consider a situation where you have a copy paste...
read more
How to set proxy using npm config in NodeJs?
While working with NodeJs you’ll notice that many a times you might not be able to install or update while working behind a proxy network like the corporate web proxy of your office etc. Basically you might notice that the commands like npm install is not working....
read more How to remove or Hide arrow / Spinners from input type number ?
I am sure that by now you would have used various new input types available as a part of HTML5. Many of these input types have eliminated the requirement for JavaScript too in many scenarios. One such new input type is the Input type number. The syntax for the same is...
read more How to empty an array in JavaScript ?
Arrays are widely and commonly used in JavaScript. Especially if you are developing a dynamic app, there are very high chances that you might use Arrays in JavaScript. However, many a times I've noticed that people don't use the Array related methods properly and end...
read more
How to disable autocomplete in HTML?
The autocomplete feature has been of a great help as a website visitor especially if you have a long form that you might fill more than once. The autocomplete feature of HTML is basically used to fetch previous input values from the input field. However, not every...
read more Load Timeout for Modules Error in RequireJs
RequireJs is a very helpful JavaScript Module Loader. If you've been working on BackboneJS, AngularJs or KnockoutJs you would have most likely come across RequireJs. Also it is very likely that while working with RequireJs you would have come across the Error : Load...
read more Make CSS first-child work
With the onset of CSS3 a lot of new selectors were introduced. Many of these new selectors have been of a lot of help to us. The first-child selector is one such selector. Using the first-child selector, you can target the element which is the first child of its...
read more How to auto resize an image to fit within a DIV without stretching?
If you are developing a Responsive Webpage or a Fluid Web page, you would have definitely come across scenarios where you wanted to fit in a large image within a smaller DIV without distorting it or breaking the aspect ratio. Well, this can be done easily using the...
read more
How to remove multiple attributes in jquery?
Many a time you might have come across a scenario where you would want to remove multiple attributes from an element. For example, consider the following DIV, <div id="#rightSection" data-id="xyz" data-module="abc"> ... </div>. Now using jQuery's...
read more 25 HTML link rel attribute values that you might not have known about
The <link> tag is one of the most primary tags that a lot of us must have been using. This tag is usually found in the <head> section and plays the role of specifying the relationship between the current document and other documents. The most common use of...
read 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 more How 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 changing the...
read more
Unsemantic 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 more How 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 more