Amit Narayan

Amit Narayan

Expertise in HTML/HTML5, CSS/CSS3, WordPress, Drupal, Magento, Hubspot and Joomla, Good Knowledge of Photoshop.

Front End Development, HTML/UI/CSS

10 Best Practices in CSS

If you are inquisitive about learning and implementing CSS, then you must do it the right way, the way professionals do. Sometimes it’s the result of sloppy committal to writing from the beginning, and thanks to various hacks and changes over time. CSS could be a language that is employed by almost each developer for some purpose....

11-Jul-2017

Front End Development, HTML/UI/CSS

How to consistently push footer at the bottom using CSS?

If an HTML page has very less content then the footer is normally seen halfway up the page leaving a blank space below it. This can look bad on a large screen. In such a scenario web designers are asked to push footers down to the bottom, but at times designers aren't able to achieve this as they are unaware about certain CSS tricks. ...

21-Jul-2016

Front End Development, HTML/UI/CSS

Fixed Header: Change Navigation Active Class on Page Scroll with jQuery

Today there are many websites which use simple techniques in designing where a custom CSS class is added to the navigation item when the page is scrolled to the item section. You may use jQuery to improve the user experience of your website and make it easier for the prospective visitors to know where exactly they are on the website. Once...

18-May-2016

Front End Development, HTML/UI/CSS

Tabbing with CSS and HTML without using JS/Jquery

Using tabs in front end development is really a wonderful way to group several content into a very small space. Tabs are incredibly handy when you have to deal with lots of content that would simply fill up your entire page with too much information. There are many ways to create tabbing with jQuery. Here you will learn the best way to...

04-May-2016

Front End Development, HTML/UI/CSS

Creating Automatic Numbering with CSS Counter

As you know, in front end development when we add lists to the <ol> element, a numbered list gets generated automatically. Similarly, we can generate numbers for any element using CSS Counter. Let's see how it is done? Usage: CSS Counter has two main properties: "counter-reset" and "counter-increment". The following code...

04-Apr-2016

Front End Development, HTML/UI/CSS

Creating 3D Flip Animation with CSS3 and HTML

There are many ways to create the flip effect with jQuery however here is an example of creating a 3D flip animation with CSS3 and HTML. How will it look like? The effect below shows the type of 3D flip animation we are going to create. Just hover the mouse over the box below to see the effect Front Box Lorem ipsum dolor sit...

14-Jan-2016

Front End Development, HTML/UI/CSS

Create Accordion with CSS and HTML without JS

There are many way to create the accordion effect with js but following are the example of how to create the accordion only with css and html. Here is the image that show which type of accordion I am going to create. Now starts with html code: In this I have used checkbox to use the functionality of click. But we will not display...

04-Nov-2015

Front End Development, HTML/UI/CSS

HTML Email Fundamentals

As we know so many tools are for rendering email, for desktop like AOL, Outlook and Thunderbird and web-based email services like Google, Hotmail and Yahoo! Mail. If you thought it was hard to ensure the cross-browser compatibility, be aware that this is a whole new game - each of these email software tools can display the same email in...

24-Jun-2015