Category: CSS

AnimationsProjectsSkeleton loadingUI design

The Magic Behind Skeleton Loading Animations

Ever been stuck staring at a blank screen or twiddling your thumbs waiting for a website to load? We’ve all been there; we’ve all experienced…

kleamerkuri

Dec 18, 2023 · 7 min read

AnimationsCSS linksHover effectsProjects

How To Create A Modern CSS Link Hover Effect

Have you noticed THT’s new link hover animation? I was browsing NextAdvisor’s site searching how to save a penny or two during these millennial-hating economic…

kleamerkuri

Jan 4, 2023 · 5 min read

AnimationsButtonsCSS transitionUI design

How To Add CSS Transition To Button And Optimize Website Design

I’ve been banking with Citibank since college so let me say I’m more than a tad disappointed in their ability to style a button with…

kleamerkuri

Dec 28, 2022 · 7 min read

common css selectors and how to use them

BeginnersCSS selectorsStyles

Common CSS Selectors To Know And How To Use Them

Selecting the HTML elements you want to style is simple enough when you use classes and ids. But those two aren’t the only CSS selectors…

Mar 1, 2022 · 5 min read

css visual formats margin, padding, borders

BeginnersCSS bordersCSS font-familyCSS marginsCSS paddingsCSS propertiesCSS pseudo selectorsGoogle fonts

CSS Visual Formatting: Margin, Padding, Borders

Here is the sequel to CSS visual formatting part one, covering margins, paddings, borders, and a few other stylistic components like fonts and alignment. Learn…

Dec 5, 2021 · 7 min read

css visual properties and how to create a cover overlay

BeginnersCSS flexboxCSS floatCSS positionCSS propertiesHTML & CSS

CSS Visual Formatting: Floating, Positioning, & Layout

Hi coding cadets! Ready to learn how to manipulate space? This post will show you how to use the float, position, and flexbox CSS properties…

Oct 26, 2021 · 14 min read

Category: CSS

The Magic Behind Skeleton Loading Animations

How To Create A Modern CSS Link Hover Effect

How To Add CSS Transition To Button And Optimize Website Design

Common CSS Selectors To Know And How To Use Them

CSS Visual Formatting: Margin, Padding, Borders

CSS Visual Formatting: Floating, Positioning, & Layout

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