16th April 2018 in Bootstrap, CSS
You might have used normalize in your projects. Bootstrap 4 has created its on version on top of the normalize called reboot. If you are not familiar with normalize, it overwrites browser’s default CSS to eliminate browser inconsistencies, like different font sizes, or margin etc. It also add many CSS rules that helps you make […]
2nd April 2018 in Bootstrap, CSS
As we know Bootstrap 4 is using em’s and rem’s instead of pixels, so its necessary to understand what these units are, and how they work. Let’s take a look. There are few things that you should memorise about em’s and rem’s, these points will help you understand these units more easily.
26th October 2017 in CSS
Aligning content vertically inside a DIV or a box has always been an issue in CSS. There was some tricks available with display: table and display: table-cell properties. But it was never convenient to implement, until flexbox module came into the existence. With Flexbox, one can align anything (vertically or horizontally) with the align-items and […]
29th April 2016 in CSS
Recently, in one of my project, the client asked me to create a multi-line navigation, which should be evenly spaced according to link text. One major consideration was that navigation should be dynamic and the number of links can be changed in future if needed.
14th November 2014 in CSS, Snippets
Most browsers show a dotted line around links (anchor tags), this is an accessibility feature used for people who are not using mouse. When they are switching between links using tab key (or any other keys) on their keyboard, this dotted outline helps them in finding which particular link is currently selected, and then they […]
10th November 2014 in CSS
You can change color of text on selection using CSS, you can also change background color of selected text to highlight it on selection.
3rd June 2011 in CSS
In a recent project, the client asked me if there is any way to add reflection to images. He wanted this effect because he liked the reflection effect added by designer in the design of his website. But the issue was that he might need to add more images in the future, and he cannot […]
4th December 2010 in CSS
Whether you have been using CSS for some time now, or you are new to the world of CSS, following some commonly used coding practices can save you a lot of time and energy. There are no predefined rules on how you should write you CSS code; Experts in the industry have created their own […]
27th November 2010 in CSS
So far we have used box model for layout of webpages. CSS 3 now allows us to think out of the box. Ok, not exactly out of the box, but at least transform the box. CSS 2D transform module provides us some new functions, using these functions elements can be translated, rotated, scaled, and skewed. […]