HSR Technologies Blog
Detailed WordPress, AI and front-end articles with working approaches you can apply to your own projects.
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 […]
Read article →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.
Read article →Of late, I often see a discussion as “Is PSD to HTML dead”? Having been involved in this art for few years, I am scared to answer ‘Possibly Yes’ to it, but we can rephrase this question as “Is PSD to HTML still relevant?” This is quite a thought-provoking question. So, lets discuss whether there […]
Read article →We usually need to add interlinking between different pages of a website. WordPress provides a wonderful mechanism to add links between pages. But sometimes we need more control over the links. This shortcode makes it easy to find URL of a page, by it’s ID, Slug, or Title.
Read article →Custom WordPress Shortcode to show product quantity available in stock. Make sure you have added product quantity in inventory section of product.
Read article →HTML5 Template to use when starting a new HTML page.
Read article →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 […]
Read article →Its always a good idea to keep a backup of your projects. Your projects are your hard work after all. There are other tools like SVN, GIT, etc., these tools have their own benefits but dropbox is comparatively easy to setup and use.
Read article →You can change color of text on selection using CSS, you can also change background color of selected text to highlight it on selection.
Read article →We sometimes need to add a small arrow to indicate that there is a submenu for a menu item in navigation. There is no direct way of adding a css class to parent menus in wordpress, however i found following piece of code on stack overflow, this is an easy way to add a CSS […]
Read article →