What is CSS Box Model?

In DOM (Document Object Model) each element is represented as a rectangular box. These boxes determine the properties like size, color etc. The position of these elements is also determined by these boxes which in turn forms the layout of your webpages. You must know the CSS box model as you know your name if […]

How to display pointer cursor without href

On your pages you will have links (anchors) that when a user clicks them they will be redirected to a page or an action will be triggered. And you want your users to know that. How do they know that? How do users know the difference between a simple regular text and an actionable link? Yes, […]

Difference Between Relative, Absolute and Fixed Positioning

If you are a web developer/webmaster, it is imperative that you understand positioning and know how relative, absolute and fixed positioning works. In this post, I will try to briefly explain how they work so that you can see the differences and use them correctly in your page design. Relative Positioning Every element on a […]

Uncaught SyntaxError: Unexpected token CSS Error

I am back after a long time. I have been quite busy with some things in my life and some projects too and today I wanted to get back writing with this mini post. Yesterday I was working on this project of mine and wanted to utilize a third-party drop-down control in a page. It […]

Make Multiple Select Control Height Fit Its Contents

You can make a “multiple” select control height fit its contents using different methods. Why would you like to do that? May be you want your users to see all their options without scrolling and the sight of the scroll-bar on select control annoys you (as it does annoy me 🙂 ). Anyways, here are […]

Animate.css

This will be a micro post about a very useful CSS animation library. Animate.css is a CSS library which provides some cool, cross-browser animations for your page elements. It makes adding animations to your web pages very easy. I remember the times you had to write lines of good-old javascript code just to create the […]

CSS Media Queries

Let me start with a quote: Media queries are simple filters that can be applied to CSS styles. They make it easy to change styles based on the characteristics of the device rendering the content, including the display type, width, height, orientation and even resolution. Yes, css media queries are a fundamental part of styling […]