![Steps to fix sasserror is not a number issue](/img/CSS-2.png)
Fixed - sasserror is not a number
Jun 24, 2023Steps to fix sasserror is not a number issue
![Resolving the 'SassError: Can't Find Stylesheet to Import' - step by step](/img/CSS-2.png)
[SOLVED] Sass Error Can't find stylesheet to import
Jun 24, 2023Resolving 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](/img/CSS-2.png)
How to fix - sasserror math div
Jun 23, 2023Understand 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](/img/CSS-2.png)
[FIXED] SassError undefined operation
Jun 22, 2023Encountering 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](/img/CSS-2.png)
[FIXED] SassError expected selector
Jun 22, 2023Tips 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](/img/CSS-2.png)
[FIXED] SassError expected identifier
Jun 22, 2023Solve the frustrating 'SassError: Expected Identifier' error with our detailed guide
![Guide to getting rid of the SASS error: SassError undefined variable](/img/CSS-2.png)
FIXED - SassError undefined variable
Jun 21, 2023Guide to getting rid of the SASS error: SassError undefined variable
![Step by step guide to fixing sasserror undefined function](/img/CSS-2.png)
FIXED - SassError undefined function
Jun 21, 2023Step 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](/img/CSS-2.png)
FIX for DIV Not Scrolling Vertically
Jun 20, 2023This 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](/img/abstract-03.jpg)
How to fix - npm ERR! code EINTEGRITY
Mar 19, 2023Step 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!](/img/CSS-5.png)
[Fixed] SASS undefined mixin error
Jan 15, 2023Getting 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!](/img/CSS-2.png)
5 Steps to fix CSS float left not working issues
Jan 12, 2023We fix float left issues once and for all!
![Using Bootstrap and Tooltips not working. Read more for possible fixes](/img/CSS-3.png)
Fixing Bootstrap Tooltip not loading issues
Jan 11, 2023Using 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!](/img/HTML.png)
Fixing img src local file paths
Jan 9, 2023Getting 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!](/img/CSS-2.png)
Fixing CSS margin auto not working issues
Jan 8, 2023CSS 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!](/img/CSS-4.png)
[Fixed] CSS :last-child not working issues
Jan 1, 2023Reasons 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.](/img/Responsive-Breakpoints.png)
Which Responsive Media Query Breakpoints should you use in 2023?
Dec 29, 2022This 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](/img/CSS-2.png)
[Fixed] CSS :first-child not working correctly
Dec 19, 2022Look 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!](/img/CSS-5.png)
Creating Jumping Dots CSS Animation with Examples
Dec 17, 2022We 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](/img/vscode.png)
How to Fix CSS not working with VS Code
Dec 16, 2022Fix 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.](/img/css.png)
[Fix] CSS SVG fill not working
Dec 15, 2022We 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!](/img/CSS-4.png)
[5 FIXES] for CSS float right not working issues
Dec 11, 2022Using 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.](/img/css.png)
How to fix CSS height 100 not working
Dec 9, 2022Fix 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](/img/CSS-3.png)
[Fix] CSS text overflow ellipsis not working
Dec 9, 2022This 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.](/img/CSS-5.png)
How To Create Arrow CSS Animation
Dec 8, 2022Arrows 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.](/img/CSS-2.png)
[Fixed] CSS transition not working and examples
Dec 6, 2022CSS 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.](/img/JS.png)
[How To] find difference between two arrays in JavaScript
Dec 4, 2022Finding 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](/img/css.png)
[Fixed] @media query in CSS not working issue
Dec 4, 2022CSS 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.](/img/CSS-4.png)
CSS Spin Animation on hover
Dec 3, 2022CSS 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.](/img/CSS-3.png)
How to fix CSS issues with :before not working
Dec 2, 2022Fixes 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.](/img/CSS-5.png)
Fixing CSS position sticky not working issues
Nov 30, 2022Position: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.](/img/CSS-2.png)
How to make slide animation in CSS
Nov 28, 2022Slide 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!](/img/css.png)
[Fix] Background image CSS not working fixes
Nov 25, 2022How 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.](/img/css-important.png)
CSS important Not Working - and Fixes
May 5, 2022The 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.](/img/CSS-2.png)
[Fixed] CSS :after element is not working
Apr 20, 2022A 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.](/img/z-index.png)
[5 FIXES] for CSS z-index not working - Updated for 2023
Apr 19, 2022A 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.](/img/CSS-4.png)
CSS pulse animation on hover
Apr 14, 2022Create 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](/img/CSS-2.png)
Creating gradient animation with CSS
Apr 12, 2022In 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.](/img/css.png)
CSS case insensitive attribute selector
Apr 9, 2022Today 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](/img/IE11.png)
How to fix CSS issues in IE11 (Internet Explorer 11)
Feb 23, 2022Checklist 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](/img/CSS-3.png)
How to Create CSS Animation Fade In with Examples
Feb 20, 2022Having 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](/img/css.png)
5 Flip Animation CSS examples
Feb 14, 2022We 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
How to create a Harvest Moon game with HTML - Part 1
Feb 7, 2022In 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.](/img/CSS-2.png)
How to Center a Button with CSS
Jan 16, 2022The article will go over a few ways to center a button and common gotchas.
![9 Examples of CSS rounded buttons](/img/Round-Button-Examples.png)
9 CSS Round Button Examples
Jan 5, 20229 Examples of CSS rounded buttons
![Go through a few reasons why CSS reverse animations is not working with the animation-direction CSS property](/img/ReverseCSSAnimation.png)
CSS Animation Reverse not working?
Dec 22, 2021Go 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.](/img/AnimationDelayCSS.png)
[Fixed] Animation Delay not working CSS
Dec 21, 2021Animation 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.](/img/CSS-Speech-Bubble.png)
How to create a speech bubble with CSS
Dec 20, 2021How 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.](/img/CSS-2.png)
CSS rotate animation examples
Dec 18, 2021CSS 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](/img/css.png)
Basic CSS reset
Dec 4, 2021Modern CSS reset to reduce browser inconsitencies and light enough so that it can be added upon
![HTML Banner Animation tutorial](/img/html-banner.gif)
HTML Banner Animation tutorial
Jan 11, 2021HTML Banner Animation tutorial
![A HTML resume template](/img/resume.png)
A HTML resume template
Jan 5, 2021A HTML resume template
![Use CSS and SVG to create wave effect](/img/waves.png)
Creating a wave effect with CSS and SVG
Feb 23, 2020Use CSS and SVG to create wave effect