Fixing CSS position sticky not working issuesNov 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.
How to make slide animation in CSSNov 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.
[Fix] Background image CSS not working fixesNov 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!
CSS important Not Working - and FixesMay 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.
[Fixed] CSS :after element is not workingApr 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.
Fixes for CSS z-index not working - Updated for 2023Apr 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.
CSS pulse animation on hoverApr 14, 2022
Create smooth looking pulse css animations for your website designs.
Creating gradient animation with CSSApr 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.
CSS case insensitive attribute selectorApr 9, 2022
Today I learnt that you can specifify case-insensitivity with CSS attribute selectors with the `i` flag.
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