Default image

Code it Hub

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…

Drop Caps Using CSS

Drop Caps Using CSS

The Accessible Way Your best bet is to watch Ethan’s 5-minute video and then reference this: CodePen Embed Fallback CSS Just wrap the first character of the paragraph in a span, then target the span with CSS and style away.…

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…

Testimonials using only HTML CSS

Testimonials using only HTML CSS

A website testimonial shows the success of a site’s products and the statement that comments on how good someone or something is. Testimonials help to convince interested users that you’re worth their trust. By strategically website testimonials are placing on a…

Ribbon in CSS

Ribbon in CSS

Some Related Posts:- Add Content to the Thank You Page How to Remove the “Default Sorting” Dropdown Add Text Under Each Product on Shop Page Change Input Field to Textarea on Checkout Change Add to Cart Quantity into a Drop-down…

Accordion Menu using HTML & CSS

Accordion Menu using HTML & CSS

Hello readers, Today in this blog you’ll learn how to create a Responsive Accordion Menu using only HTML & CSS. Previously I’ve shared a blog on how to create a Responsive Testimonials Section and now it’s time to create an Accordion…