![](https://framerusercontent.com/images/B062XqbAVfxGRqaJzDkdlz9Uc.png)
![](https://framerusercontent.com/images/B062XqbAVfxGRqaJzDkdlz9Uc.png)
Insightful and helpful content curated for you.
Insightful and helpful content curated for you.
![2023 Blogfolio Update Banner Image](https://framerusercontent.com/images/PpfN5fflxJIXoSB0xVPk1mHDphs.webp)
My Evolved Blogfolio in 2023
![Checking if URL Contains Given String Article Banner](https://framerusercontent.com/images/Ipdh4tqktbp8juMDMnjMx5PWcA.webp)
Checking if the URL Contains a Given String in Angular: A Comparison of Three Approaches
![](https://framerusercontent.com/images/7okes95o9NX1cfHiIkIC92Kno.webp)
Effective Use of beforeEach and afterEach in Angular Unit Tests
![Blogfolio update 2022](https://framerusercontent.com/images/qtKbMR65zAX0Ziafg98khJkdQ.webp)
Blogfolio V3 - Update 2022
![Article banner](https://framerusercontent.com/images/McwGLndi1dk0mIgEHjZiftGIWSc.webp)
How To Create an Animated Loading Spinner with Tailwind CSS
![5 Tips Testing Banner](https://framerusercontent.com/images/fCUWFjqjgXihHrMyCzwuqF6VnVA.webp)
5 Basic Tips for Angular Unit Testing
![](https://framerusercontent.com/images/Mc4YJ9VwTv8SDCiuDMIKMjv6ao.webp)
Learn How to Click a Button when Angular Unit Testing
![Tailwind Autocomplete Banner](https://framerusercontent.com/images/nTqv8sbSLPEEQFy9mTVYrkHL8k.webp)
Enable Autocomplete for Tailwind CSS in VSCode
![](https://framerusercontent.com/images/R0UIvZyvdZryzWx1v6Y67FNDiT0.webp)
What Makes a Unit Test Valuable?
![CS Degree Banner](https://framerusercontent.com/images/lDNTtIRgNilnO1esqCTN79XHY.webp)
You Don't Need a CS Degree to Land a Web Development Job
![Tailwind Gradients Banner](https://framerusercontent.com/images/8NIvRumTIMfeFXK5KslQVmXZE.webp)
Tailwind Gradients - How to Make a Glowing Gradient Background
![Not Selector Banner](https://framerusercontent.com/images/CpTCfN1ghvRmEteNVSHrGwebkDI.webp)
The Powerful CSS not Selector
![Nextjs Preview Mode Banner](https://framerusercontent.com/images/2FXHM6NWO9SLaX4dcaQ0H5Bp3TQ.webp)
How to Enable Preview Mode in Next.js for your CMS
![](https://framerusercontent.com/images/Rl7uGNBoQidNiG0BinP7yXCyw.jpg)
Create a Landing Page That Performs Great
![](https://framerusercontent.com/images/0cSPcD2tWYGinXwWUR7fJ2kgXGk.jpg)
How Can Designers Prepare for the Future?
![](https://framerusercontent.com/images/InuNHIQ0GzOduJG7DthhRGJV8fY.jpg)
Building a Navigation Component with Variables
![Best fonts 2022 Banner](https://framerusercontent.com/images/IoXgWr2m80aoGgaaMzoshe8nXrc.webp)
6 BEST Fonts for Programming in 2022
![Logicgate Banner](https://framerusercontent.com/images/jR6Z2YBwLIsmoE2PAJvkHsPEtwI.webp)
A New Opportunity at LogicGate
![Revue Banner](https://framerusercontent.com/images/3s7FqyxtMuiXYgTPSLO6cax8418.webp)
Create a Newsletter Subscription Form with Next.js API Routes and the Twitter Revue API
![Cloudinary Banner](https://framerusercontent.com/images/aAHrC9jJWD8YMkesHA1y7zB4ktw.webp)
How to Dynamically Create Open Graph Images with Cloudinary and Next.js
![Blogfolio v2 Banner](https://framerusercontent.com/images/pzQweTHEdy8C91HFxgD2byxe6nQ.webp)
Introducing My New Blogfolio
![Component Reusability Banner](https://framerusercontent.com/images/KtqiHofOA8E81lsyqUablGYeQGE.webp)
Maximize Component Reusability with Bit
![Tailwind Chat Banner](https://framerusercontent.com/images/9Ndj8jRJvTfO6DsYO0pZE1bo1Hw.webp)
How to Create a Chat Layout with TailwindCSS and CSS Grid
![Angular Service Banner Unit test](https://framerusercontent.com/images/8171yQ6It1LWhFp7AawQPLzgz3A.webp)
How to Unit Test an HTTP Service in Angular
![Gumball Machiene Blog Banner](https://framerusercontent.com/images/aIiUDXFMOsSeRMXztWoJlZyJEI.jpeg)
The Gumball Machine - How To Quickly Identify Unit Test Cases
![JavaScript Generator Banner](https://framerusercontent.com/images/IXnLt3LYCYWbADFQdFHI4qtysc.webp)
Hold Up - What are JavaScript Generators?
![Technical Tips Banner](https://framerusercontent.com/images/j8jj4BPv6wzOVcT3GF8mIO5tg.webp)
Technical Interview Preparation and Tips To Consider
![Developer Blogs Banner](https://framerusercontent.com/images/A7WXChzS93TtOfaI1RArLtIudA.webp)
10 BEST Custom and Creative Developer Blogs in 2021
![Every Dev Should Blog Banner](https://framerusercontent.com/images/dg2V11yy406uyq4ZIBs55UB4y68.webp)
Why Every Developer Should Build Their Own Blog
![Glassmorphic Banner](https://framerusercontent.com/images/cXRwgIezbwhuzhPRvCxfYczGKJs.webp)
Build a Glassmorphic Navbar with TailwindCSS backdrop-filter & backdrop-blur
![JAMstack Logo Banner](https://framerusercontent.com/images/O1705MbSIpupp3sMYzEZvgMUg.webp)
Creating the JAMstack Logo with CSS
![MVP Banner](https://framerusercontent.com/images/iMN7xg88KCX2x4PRV7PYTRmYkxY.webp)
Setting Yourself Up for Success - How I Define MVP (Minimal Viable Product)
![GatsbyConf 2021 Banner](https://framerusercontent.com/images/dbAZKOzdLb2bZ22UeUPZUeN55I.webp)
GatsbyConf 2021 - Gatsby v3 And The New Gatsby Image
![iPad Productivity Banner](https://framerusercontent.com/images/ewQ1tfDvjsFNCsmTYzVUT2C7HLk.webp)
A Web Developers iPad Setup for Productivity
![2021 Best Fonts Banner](https://framerusercontent.com/images/xqPUP57ahmYfdQGIJ6Fqlyn7rE.webp)
6 BEST Fonts for Programming in 2021
![Apple Music Banner](https://framerusercontent.com/images/xyO4Mbr6Bbqy9YXvXZzE7P4YV0.webp)
Display Apple Music Playlist on Your Website
![Cite Tag Banner](https://framerusercontent.com/images/q2zoRY3xIFK7bqFceK0vE5rlly0.webp)
The cite HTML Tag
![GameSalad Banner](https://framerusercontent.com/images/m2gj2RjsW3PDToFGOcdF8jLqvik.webp)
No Code - Build Games with GameSalad
![KBD HTML Tag Banner](https://framerusercontent.com/images/z5pFY2mihOWPVHMhsD0IPwEmc.webp)
The kbd HTML Tag
![Lighthouse Banner](https://framerusercontent.com/images/EODU7gJUyfBEpapVhzJgQfjS5c.webp)
Lighthouse and Integrating with Netlify
![Progress Banner](https://framerusercontent.com/images/ecevbI1Rkqjgg1aKPBleArQ0Tvo.webp)
The progress HTML Tag
![2021 Goals Banner](https://framerusercontent.com/images/1YdsatX2EQmbNUeqNUMuQ2u3w.webp)
2021 - Goals for the New Year
![Tailwind 2 Banner](https://framerusercontent.com/images/EUlfPOxC5amdewTPDGJDFkPVTg.webp)
Tailwind 2 is Live
![2020 toolbox](https://framerusercontent.com/images/9QmHH3F7tznnA5J7EYMw7wh1DOE.webp)
My VSCode Toolbox - 2020
![](https://framerusercontent.com/images/v8kEYzocUes87rvJErGKqjgHDpM.webp)
8 Tips To Improve Your UI Designs
![CSS Ghost Banner](https://framerusercontent.com/images/bxqe8IHMiNzZ9wkZR9zq4ZLvpt0.webp)
Not-So-Spooky Ghost with HTML and CSS
![Mocking Services Banner](https://framerusercontent.com/images/Et24unLBFfly8lf2pMIwzgFwrKw.webp)
Mocking Services in Angular
![Mocking Components in Angular Banner](https://framerusercontent.com/images/hJXmjuJSP8ohCBpYL4uhfOkcWE.webp)
Mocking Components in Angular
![CSS Single Div Logo banner](https://framerusercontent.com/images/ARhVN2QxdqbkCk0emyZxZGR9RTo.webp)
How to Make a Single Div Logo
![CSS highlight color banner](https://framerusercontent.com/images/DHMp8EmTKjZOBCWTAwauCb0BxYA.webp)
Change Text Highlight Color with CSS
![Tailwind Play Banner](https://framerusercontent.com/images/wWAmxM7xsxB7Da9lsFGsADbZXc.webp)
Learn Tailwind with TailwindPlay
![Husky Hooks Banner](https://framerusercontent.com/images/9bdDu3qFwRIWV3hKV2lAczE9Ow.webp)
How to Create Git Hooks with Husky
![SwiftUI Banner](https://framerusercontent.com/images/jViMiUBe8J3x1DKVNlIlSK6oUD8.webp)
Web Development Concepts in SwiftUI
![](https://framerusercontent.com/images/hREJN8AsFEbJPz6GtPdzL1hLkvc.png)
![](https://framerusercontent.com/images/hREJN8AsFEbJPz6GtPdzL1hLkvc.png)