The Helpful Tipper

You Need To Work Smarter, Not Harder, With AI

A few weeks ago, my friend Sandy Sanchez published an article that stopped me mid-scroll. She’d been thinking about something that I’d been noticing too,…

kleamerkuri

Jun 9, 2026 · 11 min read

How To Get The Right Kind Of Glassy UI

kleamerkuri

May 28, 2026

Is DeepSeek V4 Pro Actually Free? I Set It Up to Find Out

kleamerkuri

May 13, 2026

What Actually Happened When Using The OpenAI Codex App For Free

kleamerkuri

May 11, 2026

Snaply: Local AI Dictation That Actually Works (And It’s Free)

kleamerkuri

May 7, 2026

I Tried the ‘Code for Free with Local AI’ Setup. Here’s What Actually Happened.

kleamerkuri

May 3, 2026

Explore Topics

Find articles about your favorite technologies.

Tips

Projects

DevLife

HTML

CSS

JavaScript

React

Updates

Latest Posts

how to build a personal portfolio webpage

AnimationsCSS GridfreeCodeCampHTML & CSS

How To Build An Eye-Catching Personal Portfolio Webpage

Can you believe it? We’ve come to the last project for freeCodeCamp’s Responsive Web Design certification, the Personal Portfolio Webpage! I’m going all out on…

kleamerkuri

Jun 29, 2022 · 25 min read

how to build a technical documentation page

freeCodeCampHTML & CSSJavaScript

2 Ways To Build A Technical Documentation Page (freeCodeCamp Challenge)

Choosing the topic of this technical documentation page was the easiest of all the freeCodeCamp challenges we’ve done so far on THT. To create a…

kleamerkuri

Jun 20, 2022 · 23 min read

AnimationsHTML & 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

BeginnersMarkdownWordPress

How To Get Started With Markdown In WordPress

A while ago I stumbled onto Markdown and it was a game-changer for how I write all-things code. This neat intro to Markdown by Zaira…

Jun 7, 2022 · 7 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

khalil gibran tribute page freecodecamp challenge

BeginnersfreeCodeCampHTML & CSSHTML project

How To Build A Tribute Page (freeCodeCamp Challenge)

A step-by-step solution to freeCodeCamp’s Tribute Page Challenge. I’ll be using FCC’s codepen tribute page example as a reference. This is purely a CSS and…

kleamerkuri

Apr 18, 2022 · 7 min read

BeginnersHTML & CSS

How To Create A Beating Heart Using HTML And CSS

Create an animated beating heart using only HTML and CSS for a fun little side project that will let you explore the CSS animation properties….

kleamerkuri

Mar 31, 2022 · 5 min read

You Need To Work Smarter, Not Harder, With AI

How To Get The Right Kind Of Glassy UI

Is DeepSeek V4 Pro Actually Free? I Set It Up to Find Out

What Actually Happened When Using The OpenAI Codex App For Free

Snaply: Local AI Dictation That Actually Works (And It’s Free)

I Tried the ‘Code for Free with Local AI’ Setup. Here’s What Actually Happened.

Explore Topics

Tips

Projects

DevLife

HTML

CSS

JavaScript

React

Updates

Latest Posts

How To Build An Easy Animated Hamburger Menu

How To Build An Eye-Catching Personal Portfolio Webpage

2 Ways To Build A Technical Documentation Page (freeCodeCamp Challenge)

How To Build A Responsive Timeline For A Webpage

How To Get Started With Markdown In WordPress

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

How To Build A Tribute Page (freeCodeCamp Challenge)

How To Create A Beating Heart Using HTML And CSS

You Need To Work Smarter, Not Harder, With AI

How To Get The Right Kind Of Glassy UI

Is DeepSeek V4 Pro Actually Free? I Set It Up to Find Out

What Actually Happened When Using The OpenAI Codex App For Free

Snaply: Local AI Dictation That Actually Works (And It’s Free)

😏 Don’t miss these tips!