Tag: HTML & CSS

How To Build A Responsive Timeline For A Webpage

Build a responsive HTML CSS timeline with this step-by-step guide. The objective is to build a responsive timeline with two display orientations for regular and…

kleamerkuri

Jun 10, 2022 · 24 min read

product landing page freecodecamp challenge solution

freeCodeCampHTML & CSSJavaScript

2 Ways To Build A Product Landing Page (freeCodeCamp Challenge)

Ready to tackle freeCodeCamp’s product landing page project? I’d say the biggest challenge for this project was choosing a single product to focus on. After…

kleamerkuri

Jun 2, 2022 · 36 min read

Floating LabelHTML & CSSHTML formsJavaScript

How To Build A Dynamic Input Field With A Floating Label

While browsing The Ordinary’s website resolute in finding the means to battle futuristic wrinkles, I came upon a floating label input field that stole my…

kleamerkuri

May 12, 2022 · 13 min read

freeCodeCampHTML & CSSHTML forms

How To Build A Survey Form (freeCodeCamp Challenge)

The second coding project of freeCodeCamp’s Responsive Web Design Projects is to build a survey form. Since the recommendation is to give it my own…

kleamerkuri

May 8, 2022 · 10 min read

AnimationsHTML & CSS

How To Make A CSS Loading Dot Animation

Build a CSS loading animation of three animated dots in this step-by-step guide. Loading animations enhance the user experience by letting a user know something…

kleamerkuri

May 2, 2022 · 12 min read

interactive menu with fade out and mouse follow effect

AnimationsHTML & CSSJavaScript

How To Build An Interactive Menu Component

Create an interactive menu component that can be customized for any type of website. In our example, we’ll look at different types of pasta. This…

kleamerkuri

Apr 29, 2022 · 20 min read

Tag: HTML & CSS

How To Build A Responsive Timeline For A Webpage

2 Ways To Build A Product Landing Page (freeCodeCamp Challenge)

How To Build A Dynamic Input Field With A Floating Label

How To Build A Survey Form (freeCodeCamp Challenge)

How To Make A CSS Loading Dot Animation

How To Build An Interactive Menu Component

Stop Sleeping On These Super Helpful Chrome DevTools Debugging Tools

Stop Paying for SEO Tools When DevTools Does This for Free

Stop Missing Out On These Really Helpful Design Features In Chrome DevTools

The Free Browser Tool That Does More Than You Think

Your Phone Can Run Real AI Now, Here’s What That Actually Means