css

Steps to fix sasserror is not a number issue

Fixed - sasserror is not a number

Jun 24, 2023

Steps to fix sasserror is not a number issue

Resolving the 'SassError: Can't Find Stylesheet to Import' - step by step

[SOLVED] Sass Error Can't find stylesheet to import

Jun 24, 2023

Resolving the 'SassError: Can't Find Stylesheet to Import' - step by step

Understand the latest changes in Sass's division operation and learn how to resolve the 'SassError: math.div' error

How to fix - sasserror math div

Jun 23, 2023

Understand the latest changes in Sass's division operation and learn how to resolve the 'SassError: math.div' error

Encountering SASS Error: undefined operation and not sure what it means? Typical causes such as performing invalid operations, mixing incompatible units, and the nuances of division in SASS

[FIXED] SassError undefined operation

Jun 22, 2023

Encountering SASS Error: undefined operation and not sure what it means? Typical causes such as performing invalid operations, mixing incompatible units, and the nuances of division in SASS

Tips to fix the SassError expected selector error that can come up because of syntax errors in your SASS

[FIXED] SassError expected selector

Jun 22, 2023

Tips to fix the SassError expected selector error that can come up because of syntax errors in your SASS

Solve the frustrating 'SassError: Expected Identifier' error with our detailed guide

[FIXED] SassError expected identifier

Jun 22, 2023

Solve the frustrating 'SassError: Expected Identifier' error with our detailed guide

Guide to getting rid of the SASS error: SassError undefined variable

FIXED - SassError undefined variable

Jun 21, 2023

Guide to getting rid of the SASS error: SassError undefined variable

Step by step guide to fixing sasserror undefined function

FIXED - SassError undefined function

Jun 21, 2023

Step by step guide to fixing sasserror undefined function

This step-by-step guide will walk you through enabling vertical scrolling for your div, ensuring that your content remains accessible even when it exceeds the available space

FIX for DIV Not Scrolling Vertically

Jun 20, 2023

This step-by-step guide will walk you through enabling vertical scrolling for your div, ensuring that your content remains accessible even when it exceeds the available space

Step by step guide to get rid of the npm ERR! code EINTEGRITY issues

How to fix - npm ERR! code EINTEGRITY

Mar 19, 2023

Step by step guide to get rid of the npm ERR! code EINTEGRITY issues

Getting the dreaded SASS error of undefined mixin? This post will go over a few tips to fix this!

[Fixed] SASS undefined mixin error

Jan 15, 2023

Getting the dreaded SASS error of undefined mixin? This post will go over a few tips to fix this!

We fix float left issues once and for all!

5 Steps to fix CSS float left not working issues

Jan 12, 2023

We fix float left issues once and for all!

Using Bootstrap and Tooltips not working. Read more for possible fixes

Fixing Bootstrap Tooltip not loading issues

Jan 11, 2023

Using Bootstrap and Tooltips not working. Read more for possible fixes

Getting issues with img src not loading local file paths? Check these tips to find how to fix them!

Fixing img src local file paths

Jan 9, 2023

Getting issues with img src not loading local file paths? Check these tips to find how to fix them!

CSS margin auto not centering your content? Check out these possible solutions to resolve your issue!

Fixing CSS margin auto not working issues

Jan 8, 2023

CSS margin auto not centering your content? Check out these possible solutions to resolve your issue!

Reasons why CSS :last-child is not working and how we can fix it!

[Fixed] CSS :last-child not working issues

Jan 1, 2023

Reasons why CSS :last-child is not working and how we can fix it!

This article I will go over the reponsive breakpoints I use for my CSS media queries.

Which Responsive Media Query Breakpoints should you use in 2023?

Dec 29, 2022

This article I will go over the reponsive breakpoints I use for my CSS media queries.

Look into several ways to fix :first-child pseudo classes not working with CSS

[Fixed] CSS :first-child not working correctly

Dec 19, 2022

Look into several ways to fix :first-child pseudo classes not working with CSS

We will go over creating a jumping dots animation with CSS. This effect is great for loading type animations!

Creating Jumping Dots CSS Animation with Examples

Dec 17, 2022

We will go over creating a jumping dots animation with CSS. This effect is great for loading type animations!

Fix issues with css not working in VS Code

How to Fix CSS not working with VS Code

Dec 16, 2022

Fix issues with css not working in VS Code

We can change the color of a SVG path or element with the fill property. However theres many ways to get it wrong. This post goes over the fixes.

[Fix] CSS SVG fill not working

Dec 15, 2022

We can change the color of a SVG path or element with the fill property. However theres many ways to get it wrong. This post goes over the fixes.

Using floats in web layouts does not always work correctly. We go over a few scenarios and how to fix them!

[5 FIXES] for CSS float right not working issues

Dec 11, 2022

Using floats in web layouts does not always work correctly. We go over a few scenarios and how to fix them!

Fix issues with setting height 100%. This post goes over four steps to identify and fix setting height 100.

How to fix CSS height 100 not working

Dec 9, 2022

Fix issues with setting height 100%. This post goes over four steps to identify and fix setting height 100.

This post will go over how to fix your text-overflow:ellipsis not working issues

[Fix] CSS text overflow ellipsis not working

Dec 9, 2022

This post will go over how to fix your text-overflow:ellipsis not working issues

Arrows can be used for paging, carousels, call to action buttons. This post will go over how to animate these arrows for your web design.

How To Create Arrow CSS Animation

Dec 8, 2022

Arrows can be used for paging, carousels, call to action buttons. This post will go over how to animate these arrows for your web design.

CSS transitions can be fiddly. This post goes over some steps you can take to fix them.

[Fixed] CSS transition not working and examples

Dec 6, 2022

CSS transitions can be fiddly. This post goes over some steps you can take to fix them.

Finding the difference between two arrays in JavaScript can be a bit tricky if you are unfamiliar with the language. Especially if one or both of the arrays contain objects or nested arrays. In this blog post we will look at how to use the JavaScript built-in methods to find the difference between two arrays.

[How To] find difference between two arrays in JavaScript

Dec 4, 2022

Finding the difference between two arrays in JavaScript can be a bit tricky if you are unfamiliar with the language. Especially if one or both of the arrays contain objects or nested arrays. In this blog post we will look at how to use the JavaScript built-in methods to find the difference between two arrays.

CSS media queries are an incredibly useful tool for targeting specific devices, resolutions, and other factors. We will go over steps to fix media query issues

[Fixed] @media query in CSS not working issue

Dec 4, 2022

CSS media queries are an incredibly useful tool for targeting specific devices, resolutions, and other factors. We will go over steps to fix media query issues

CSS spin animations to make your landing page pop. Examples include spin on hovering over buttons, loading icons, etc.

CSS Spin Animation on hover

Dec 3, 2022

CSS spin animations to make your landing page pop. Examples include spin on hovering over buttons, loading icons, etc.

Fixes for :before pseudo elements not working with your CSS. We will go over a checklist on how to do this.

How to fix CSS issues with :before not working

Dec 2, 2022

Fixes for :before pseudo elements not working with your CSS. We will go over a checklist on how to do this.

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.

[5 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.

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

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

Having a fade in animation on your website seems to be the trendy thing happening around modern web designs. This article I will go through simple ways you can create CSS fade in animations, fade in and out, fade in from bottom, and fade in from top

How to Create CSS Animation Fade In with Examples

Feb 20, 2022

Having a fade in animation on your website seems to be the trendy thing happening around modern web designs. This article I will go through simple ways you can create CSS fade in animations, fade in and out, fade in from bottom, and fade in from top

We go through 5 examples of using flip animations with CSS. Flip animations is great for use on blogs where you want to have a preview card of the blog article. You can also use this for a photo gallery to show some interesting interactions for the user

5 Flip Animation CSS examples

Feb 14, 2022

We go through 5 examples of using flip animations with CSS. Flip animations is great for use on blogs where you want to have a preview card of the blog article. You can also use this for a photo gallery to show some interesting interactions for the user

In this series of blog posts I plan to flesh out a harvest moon game from scratch - using just simple HTML, CSS and some JavaScript. Will not be using any frameworks :)

How to create a Harvest Moon game with HTML - Part 1

Feb 7, 2022

In this series of blog posts I plan to flesh out a harvest moon game from scratch - using just simple HTML, CSS and some JavaScript. Will not be using any frameworks :)

The article will go over a few ways to center a button and common gotchas.

How to Center a Button with CSS

Jan 16, 2022

The article will go over a few ways to center a button and common gotchas.

9 Examples of CSS rounded buttons

9 CSS Round Button Examples

Jan 5, 2022

9 Examples of CSS rounded buttons

Go through a few reasons why CSS reverse animations is not working with the animation-direction CSS property

CSS Animation Reverse not working?

Dec 22, 2021

Go through a few reasons why CSS reverse animations is not working with the animation-direction CSS property

Animation delay CSS not working? Have a look at the following possible causes and the fixes for them.

[Fixed] Animation Delay not working CSS

Dec 21, 2021

Animation delay CSS not working? Have a look at the following possible causes and the fixes for them.

How to create speech bubble with CSS and HTML. Speech bubbles can be used for testimonials or tooltips.

How to create a speech bubble with CSS

Dec 20, 2021

How to create speech bubble with CSS and HTML. Speech bubbles can be used for testimonials or tooltips.

CSS rotate animation examples. Use the rotate() CSS function to create rotation animations with CSS. This ranges from loading icons to hamburger menus.

CSS rotate animation examples

Dec 18, 2021

CSS rotate animation examples. Use the rotate() CSS function to create rotation animations with CSS. This ranges from loading icons to hamburger menus.

Modern CSS reset to reduce browser inconsitencies and light enough so that it can be added upon

Basic CSS reset

Dec 4, 2021

Modern CSS reset to reduce browser inconsitencies and light enough so that it can be added upon

HTML Banner Animation tutorial

HTML Banner Animation tutorial

Jan 11, 2021

HTML Banner Animation tutorial

A HTML resume template

A HTML resume template

Jan 5, 2021

A HTML resume template

Use CSS and SVG to create wave effect

Creating a wave effect with CSS and SVG

Feb 23, 2020

Use CSS and SVG to create wave effect

About

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

Projects

pagehippo.co Nocode landing page builder