Category Html

How to Display Styled Directory Contents

How to Display Styled Directory Contents

Servers can be configured to show the contents of a directory that doesn’t have an index file to render. The result is usually less than visually spectacular: Lackluster default in Chrome We can take control of this ourselves by replicating…

Hamburger Menu in CSS

Hamburger Menu in CSS

Three stripes should be such an easy thing to draw. Here’s a bunch of different ways to do it on the web. That said, SVG is definitely the nicest way to handle it. A hamburger menu is so simple that…

Responsive Dropdown Menu using HTML CSS

Responsive Dropdown Menu using HTML CSS

The Dropdown menu is important in web design and without it, your website is incomplete. A dropdown menu (sometimes called a pull-down menu or list) is a horizontal list of options/links that each contain a vertical menu to help visitors…

Non-Form Fieldset Using CSS

Non-Form Fieldset Using CSS

<section class=”fieldset”> <h1>This is not a fieldset</h1> <p>Booyah!</p> </section> .fieldset { position: relative; border: 1px solid #ddd; padding: 10px; } .fieldset h1 { position: absolute; top: 0; font-size: 18px; line-height: 1; margin: -9px 0 0; /* half of font-size */…

Clean Navigation Menu Bar in HTML CSS

Clean Navigation Menu Bar in HTML CSS

Hey friends, today in this blog you’ll learn how to create a Fully Responsive Navigation Menu Bar using only HTML & CSS. In the earlier blog, I have shared how to create a Responsive Sidebar Menu using HTML & CSS…

Radio Buttons Using HTML CSS

Radio Buttons Using HTML CSS

A radio button or option button is a graphical control element that allows the user to select one of many given choices. Radio buttons are so-called because they work as the channel presets on radios. A radio button in HTML…

Animated Bar Design using HTML & CSS

Animated Bar Design using HTML & CSS

Hello readers, Today you’ll learn how to create an Animated Skills Bar using only HTML & CSS. Earlier I’ve shared a blog on how to create a Custom Animated Range Slider using JavaScript and now it’s time to create a…

Strip HTML Tags Using JavaScript

I chucked together a function that allows some tags to be kept, similar to how the php function works. As with PHP it comes with the following two caveats: Because strip_tags() does not actually validate the HTML, partial or broken…

Custom Radio Buttons using HTML CSS

Custom Radio Buttons using HTML CSS

A radio button or option button is one type of selection indicator or button that allows the user to choose only one option in a form list. In the radio button, if an option is selected, the circle is filled…