Cover Image for How to show ellipsis in CSS? Simple solution!

How to show ellipsis in CSS? Simple solution!

We all would have come across scenarios where we wanted to show a certain part or section of a paragraph and then truncate the rest with an ellipsis ( … ) suffixed at the end. An ellipsis in CSS is generally used to show that there is more content, but it has been omitted. The … Read more

MoreOnFew
Cover Image for How to detect support for a CSS feature using @supports ?

How to detect support for a CSS feature using @supports ?

With many new CSS features being introduced regularly it has become important to check for the support of these newer CSS properties before we use them. While there are feature detection tools like Modernizr etc, not every time do we actually require to load a JavaScript file to detect a feature alone. You can do … Read more

MoreOnFew
Cover Image for How to convert LTR website to a RTL Website – LTR to RTL?

How to convert LTR website to a RTL Website – LTR to RTL?

I’m sure all of us want our websites to be visited and loved by people all over the world. However many a time our visitors could be from countries that follow RTL(Right-To-Left) script. And hence we might have to convert our website from LTR to RTL. By RTL script I mean scripts of languages such as … Read more

MoreOnFew
Cover Image for Understanding only-of-type CSS pseudo class selector

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. Well, only-of-type is one such new CSS3 pseudo … Read more

MoreOnFew
Cover Image for What are source maps in CSS and JavaScript?

What are source maps in CSS and JavaScript?

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 into one single file, how do you know which part of CSS was written in which file? To make … Read more

MoreOnFew
Cover Image for What are CSS Preprocessors?

What are CSS Preprocessors?

A lot is being discussed about CSS Preprocessors in 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 and give out another type of data as … Read more

MoreOnFew
Cover Image for How to use Glyphicons in bootstrap?

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 allow you to use over 250 glyphs or icons on your webpage, in font format using simple CSS … Read more

MoreOnFew
Cover Image for How to disable selection of text in html using CSS ?

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 functionality like a coupon code etc that you want the … Read more

MoreOnFew
Cover Image for How to hide arrows from Number input?

How to hide arrows from Number input?

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 <input type=”number”> . The … Read more

MoreOnFew
Cover Image for How to make CSS first-child work

How to 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 parent element. This means if you … Read more

MoreOnFew