HSR Technologies is a Top Rated agency on Upwork.com, Please check our Upwork profile for more details.

Blog

Our blog is a collection of articles, tutorials, and freebies etc. related to various web technologies, created by our team. This is also a place that we use to showcase and share our knowledge on various topics.

in CSS

Evenly spaced multi-line navigation using Flexbox module (CSS3)

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.

in CSS + Snippets

How to remove dotted outline and input borders

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 […]

in CSS

Change color of text on selection

You can change color of text on selection using CSS, you can also change background color of selected text to highlight it on selection.

in CSS

Create reflection effect using CSS3

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 […]

in CSS

A handy guide to best coding practices 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 […]

in CSS

CSS3 transform property – think out of the box

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. […]

in CSS

CSS3 text-shadow property – the hidden powers.

Text-Shadow is one of the many new properties from the quiver called CSS 3. It’s too powerful to create effects, which were only possible through image editing software’s like Adobe Photoshop. This little beast is a very handy tool to add effects like drop-shadow, multiple shadows, glow, blur, and emboss etc. You can also blend […]

A work relationship often begins with a small email.
Write to us for your questions if any, or to know more about our team, experience, or work process.

Discuss Your Project