Latest Posts

Position:sticky CSS property is commonly used to create sticky headers or footers. We will go over a few problems and solutions when using this property.

Fixing CSS position sticky not working issues

Nov 30, 2022

Position:sticky CSS property is commonly used to create sticky headers or footers. We will go over a few problems and solutions when using this property.

Slide animations can make your page pop - especially when done correctly and in a performant manner. This post will go over various techniques.

How to make slide animation in CSS

Nov 28, 2022

Slide animations can make your page pop - especially when done correctly and in a performant manner. This post will go over various techniques.

How to fix background images not appearing in CSS. A common issue is images not loading when we are messing around with relative paths. The post will go over various fixes for that!

[Fix] Background image CSS not working fixes

Nov 25, 2022

How to fix background images not appearing in CSS. A common issue is images not loading when we are messing around with relative paths. The post will go over various fixes for that!

The CSS !important rule can force a CSS snippet to work and act as a quick fix. This post will go through a few reasons why using the `!important` CSS keyword might not be working and their fixes.

CSS important Not Working - and Fixes

May 5, 2022

The CSS !important rule can force a CSS snippet to work and act as a quick fix. This post will go through a few reasons why using the `!important` CSS keyword might not be working and their fixes.

A few ways to fix why :after element is not working. 1. We need to check if we are using the right HTML tags, 2. using the content property correctly and 3. Check the browser combatibility.

[Fixed] CSS :after element is not working

Apr 20, 2022

A few ways to fix why :after element is not working. 1. We need to check if we are using the right HTML tags, 2. using the content property correctly and 3. Check the browser combatibility.

A common issue when design web layouts is making sure one element appears in front or behind another element. One way to stack elements is to use the z-index CSS property. We will go over some reasons for z-index is not working as expected and troubleshoot and review solutions that we can apply to.

Fixes for CSS z-index not working - Updated for 2023

Apr 19, 2022

A common issue when design web layouts is making sure one element appears in front or behind another element. One way to stack elements is to use the z-index CSS property. We will go over some reasons for z-index is not working as expected and troubleshoot and review solutions that we can apply to.

The `setTimeout` function can come in handy for delaying execution. We go over few reasons why the settimeout function is not working - ranging from using parentheses to incorrect scope or this keyword.

Fix JavaScript setTimeout not working

Apr 15, 2022

The `setTimeout` function can come in handy for delaying execution. We go over few reasons why the settimeout function is not working - ranging from using parentheses to incorrect scope or this keyword.

Create smooth looking pulse css animations for your website designs.

CSS pulse animation on hover

Apr 14, 2022

Create smooth looking pulse css animations for your website designs.

In this post, I will go through on how to create gradient animations for your web design using linear-gradient CSS function and keyframes

Creating gradient animation with CSS

Apr 12, 2022

In this post, I will go through on how to create gradient animations for your web design using linear-gradient CSS function and keyframes

The replaceWith function replaces a element with another. This post will go through basic and advanced examples of how to use the replaceWith function.

JavaScript replaceWith examples

Apr 10, 2022

The replaceWith function replaces a element with another. This post will go through basic and advanced examples of how to use the replaceWith function.

Today I learnt that you can specifify case-insensitivity with CSS attribute selectors with the `i` flag.

CSS case insensitive attribute selector

Apr 9, 2022

Today I learnt that you can specifify case-insensitivity with CSS attribute selectors with the `i` flag.

Checklist to fix CSS issues in IE11 (Internet Explorer 11) - using CSS Resets, polyfills, CSS media query hacks

How to fix CSS issues in IE11 (Internet Explorer 11)

Feb 23, 2022

Checklist to fix CSS issues in IE11 (Internet Explorer 11) - using CSS Resets, polyfills, CSS media query hacks

About

Hi, I'm Kentaro - a sofware engineer sharing my programming tips!