intuitechIntuitech Blog

Cover Image for 29 best YouTube channels to learn to code and become a better Developer

29 best YouTube channels to learn to code and become a better Developer

YouTube is considering a to be expansion in rush hour gridlock as an instructive stage, well known...

IntuitechIntuitech
Cover Image for Learn callbacks, promises, Async/Await by Making Ice Cream 🍧🍨🍦

Learn callbacks, promises, Async/Await by Making Ice Cream 🍧🍨🍦

Today we're gonna run an ice cream shop and learn asynchronous JS. Along the way, we'll understand...

IntuitechIntuitech
Cover Image for Learn Next.js and Tailwind CSS By Building Dev.to

Learn Next.js and Tailwind CSS By Building Dev.to

Click ⭐ if you like the project. Pull Requests are highly appreciated ❤️ Github link:...

IntuitechIntuitech
Cover Image for The CodeLand CFP is Open!

The CodeLand CFP is Open!

Conference CFP open now until July 20th

IntuitechIntuitech
Cover Image for The master guide to smooth, realistic shadows in CSS

The master guide to smooth, realistic shadows in CSS

In this article you will get to know about smooth CSS Shadows and a easy way to use them. But first...

IntuitechIntuitech
Cover Image for 22+ FREE JavaScript eBooks you should read

22+ FREE JavaScript eBooks you should read

JavaScript is a programming language that permits you to carry out complex highlights on website...

IntuitechIntuitech
Cover Image for Develop & test React components in isolation

Develop & test React components in isolation

Writing front-end code is easy. But writing reliable front-end code? That's tough. Modern UIs are...

IntuitechIntuitech
Cover Image for How to Create a TypeScript Project with ExpressJS the Simplest Way!!

How to Create a TypeScript Project with ExpressJS the Simplest Way!!

If you are wondering how to create a TypeScript BackEND project, fear not my brave knight. It's way...

IntuitechIntuitech
Cover Image for Image Slider Using HTML, CSS, and javaScript

Image Slider Using HTML, CSS, and javaScript

In this article you are going to learn how to create image slider using HTML, CSS and JavaScript...

IntuitechIntuitech
Cover Image for Top 10 React Hooks Library

Top 10 React Hooks Library

Hooks make developers' life easy by helping in writing fewer lines of code, clean code, more...

IntuitechIntuitech
Cover Image for 48 Articles to go beginner to pro in JavaScript

48 Articles to go beginner to pro in JavaScript

On the off chance that you are new to coding, you may contemplate whether you can get a grip of a...

IntuitechIntuitech
Cover Image for Amazing Project Ideas For Javascript

Amazing Project Ideas For Javascript

Hey, This article is helpful who want to improve their programming skills or might want to make...

IntuitechIntuitech
Cover Image for How to Prevent or Recover from Developer Burnout

How to Prevent or Recover from Developer Burnout

Most ambitious developers follow the same pattern: they do 9-to-5 jobs, participate in hackathons and...

IntuitechIntuitech
Cover Image for Sidebar Menu Using HTML and CSS

Sidebar Menu Using HTML and CSS

In this article you will learn how to create sidebar menu using HTML CSS and JavaScript code. Like...

IntuitechIntuitech
Cover Image for The trouble with  blog post views  and vanity metrics

The trouble with blog post views and vanity metrics

Even if you’ve never heard the term before, you know what they are. They’re the thumbs up, the...

IntuitechIntuitech
Cover Image for 13+ 🤩 amazing 🤩 tips for writing ✅ listicles ✅ [don't be mad that you didn't know them before!]

13+ 🤩 amazing 🤩 tips for writing ✅ listicles ✅ [don't be mad that you didn't know them before!]

Let's jump straight in, you don't need an introduction with a listicle. 1. Listicles...

IntuitechIntuitech
Cover Image for 5 Resource To Enrich Your Front end Skills

5 Resource To Enrich Your Front end Skills

Front End Skills It is so easy to get stuck following tutorial after tutorial and not...

IntuitechIntuitech
Cover Image for Let's Create a Custom Hook in React 🐱‍👤

Let's Create a Custom Hook in React 🐱‍👤

Hi all 👋 So after quite a break, we are back with another article in the React Series with two...

IntuitechIntuitech
Cover Image for The complete DevOps roadmap  🚀

The complete DevOps roadmap 🚀

Hi there, This is Ankit, your friendly DevOps content curator. I read a lot of articles about...

IntuitechIntuitech
Cover Image for Updating A 25-Year-Old Website

Updating A 25-Year-Old Website

As frontend developers, we always want to use the latest and the greatest. A lot of the time however,...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 18th June 2021

🚀10 Trending projects on GitHub for web developers - 18th June 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to...

IntuitechIntuitech
Cover Image for Clean Up Your Imports using Absolute Imports & Alias on React apps (Next.js, CRA, and React-Vite)

Clean Up Your Imports using Absolute Imports & Alias on React apps (Next.js, CRA, and React-Vite)

Absolute Import is a great way to clean up your imports Setting up absolute imports can be a lot...

IntuitechIntuitech
Cover Image for Dark mode toggle animation using CSS !

Dark mode toggle animation using CSS !

This tutorial will mainly focus on how to use transitions in CSS and make a toggle button for light...

IntuitechIntuitech
Cover Image for How to Display Formatted Date in JavaScript Without Using Any External Library

How to Display Formatted Date in JavaScript Without Using Any External Library

In most of the applications, we need to display a formatted date like 18 June 2021 or 06/18/2021...

IntuitechIntuitech
Cover Image for Top Courses To Learn JAVASCRIPT

Top Courses To Learn JAVASCRIPT

Free And Best...

IntuitechIntuitech
Cover Image for 5 Epic React Tips To Use Today

5 Epic React Tips To Use Today

Here's a list of amazing tricks that you can use to improve your React applications instantly. These...

IntuitechIntuitech
Cover Image for 6 essentials tips for VueJs from 2.5 years experience #1

6 essentials tips for VueJs from 2.5 years experience #1

Hey how are you ! Welcome here my name is Code Oz and I will share with you some tips on VueJs (I...

IntuitechIntuitech
Cover Image for Is PolyWork the new LinkedIn for Developers?

Is PolyWork the new LinkedIn for Developers?

P.S. I just want to frontload this article to ask you what is your opinion about the new professional...

IntuitechIntuitech
Cover Image for Zoom, Spotify and others slashed their cloud costs by millions - how did they do it?

Zoom, Spotify and others slashed their cloud costs by millions - how did they do it?

In Q1 2021, Zoom reported that its gross margin widened to 73.9% from 69.4% in the previous quarter -...

IntuitechIntuitech
Cover Image for 5 resources I use as a  front end developer that you probably need

5 resources I use as a front end developer that you probably need

Cover photo credit: Unsplash As a frontend developer, you have probably struggled to find images,...

IntuitechIntuitech
Cover Image for Animated 404 Page

Animated 404 Page

First we need to know what is 404 Page ? The HTTP 404, 404 Not Found, 404, 404 Error, Page Not Found...

IntuitechIntuitech
Cover Image for CodeLand 2021: Motivation & Career-Long Connections For Early-Career Devs

CodeLand 2021: Motivation & Career-Long Connections For Early-Career Devs

CodeLand is coming back in 2021 as a two-day virtual conference on September 23rd and 24th! While...

IntuitechIntuitech
Cover Image for Top 10 open source development tools (tried and tested)

Top 10 open source development tools (tried and tested)

Open source development tools come in many shapes and sizes, and selecting the right one is a complex process. This post identifies the tools you need to try.

IntuitechIntuitech
Cover Image for Why build Single Page Apps in Blazor

Why build Single Page Apps in Blazor

Learn why Blazor is the next reasonable choice for SPA development.

IntuitechIntuitech
Cover Image for 10 Must-Have VS Code Extensions to Improve Your Productivity

10 Must-Have VS Code Extensions to Improve Your Productivity

I asked developers in my team what VS Code extensions they use to boost their productivity, and...

IntuitechIntuitech
Cover Image for 9 Responsive Website Tutorials With Html CSS JavaScript Bootstrap Step By Step

9 Responsive Website Tutorials With Html CSS JavaScript Bootstrap Step By Step

Responsive web design is a method of creating and developing websites so that they are more...

IntuitechIntuitech
Cover Image for Explain Callback Function In JavaScript Like You Are 5 Years Old

Explain Callback Function In JavaScript Like You Are 5 Years Old

You are five. You know almost nothing about the world. And know you’re going to learn one of the...

IntuitechIntuitech
Cover Image for I'm switching to vim!

I'm switching to vim!

I just took a short look at the (neo)vim docs, and I'm officially moving to (neo)vim (and tmux)! I...

IntuitechIntuitech
Cover Image for Still 100 CSS loaders for your next project

Still 100 CSS loaders for your next project

The fun continue with another collection of 100 CSS loaders! Always the same rule: one div = one...

IntuitechIntuitech
Cover Image for 15+ Fantastic React UI Libraries to Consider for your Project

15+ Fantastic React UI Libraries to Consider for your Project

React is a very popular JavaScript library for building User Interfaces. Using React makes the...

IntuitechIntuitech
Cover Image for 25 Git commands I use daily and you should know

25 Git commands I use daily and you should know

Git is a significant piece of day by day programming and is normally utilized in the product...

IntuitechIntuitech
Cover Image for 28 Websites paying to write Technical Articles

28 Websites paying to write Technical Articles

With the world depending on the web for data, there are numerous chances to bring in cash as an...

IntuitechIntuitech
Cover Image for `at` coming soon to ECMAScript

`at` coming soon to ECMAScript

Another new proposal for ECMAScript addition, giving you the ability to cleanly access array elements using negative indices.

IntuitechIntuitech
Cover Image for Data visualization: Creating charts using REST API's in React.js

Data visualization: Creating charts using REST API's in React.js

In our previous post of the series we have created the REST API's in Mojolicious The swagger ui is...

IntuitechIntuitech
Cover Image for Back to Basic: Should we use Rem, Em or Pixel?

Back to Basic: Should we use Rem, Em or Pixel?

Using Rem and Em units is better than using px. When we use px, it means that we hardcode the...

IntuitechIntuitech
Cover Image for CSS for large projects

CSS for large projects

CSS for large projects This is the content I prepared for my youtube channel's...

IntuitechIntuitech
Cover Image for How I structure my mid-size NextJs projects

How I structure my mid-size NextJs projects

As you know React is not an opinionated library. What that means is that there is no clearly defined...

IntuitechIntuitech
Cover Image for How to become a Senior Developer

How to become a Senior Developer

The Road From Junior to Senior Developer. Being a programmer is a great thing. For me, there’s...

IntuitechIntuitech
Cover Image for Master Binary in Five Minutes

Master Binary in Five Minutes

Binary is the very core of everything digital, not only in web development, but literally everything:...

IntuitechIntuitech
Cover Image for 15 Python Projects For Beginners

15 Python Projects For Beginners

Python Projects For Beginners The best way to learn any new programming language easily is...

IntuitechIntuitech
Cover Image for The Hells Every Developer Experiences

The Hells Every Developer Experiences

Every programmer has a tale to share about vicious cycles in their life. Here are a few common forms...

IntuitechIntuitech
Cover Image for 8 Things I wish I knew as a Junior Developer

8 Things I wish I knew as a Junior Developer

Being a junior developer is not easy. You have a lot of work to do, and you're expected to know...

IntuitechIntuitech
Cover Image for 🔥🔥😮 Fully responsive modern product page. Only Css

🔥🔥😮 Fully responsive modern product page. Only Css

Hello, glad you are here. I am kunaal and today we will see how to make an awesome fully responsive...

IntuitechIntuitech
Cover Image for Tips For Using Async/Await - Write Better JavaScript!

Tips For Using Async/Await - Write Better JavaScript!

There’s a special syntax to work with promises in a more comfortable fashion, called “async/await”. It’s surprisingly easy to understand and use.

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 11th June 2021

🚀10 Trending projects on GitHub for web developers - 11th June 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for 4 Tips for JavaScript 2021 to write optimized code

4 Tips for JavaScript 2021 to write optimized code

tips for JavaScript 2021 to write optimized code JavaScript is the front-hand language as...

IntuitechIntuitech
Cover Image for 7 JavaScript Projects For Beginners

7 JavaScript Projects For Beginners

JavaScript Projects for Beginners This is the best way to learn a new programming language...

IntuitechIntuitech
Cover Image for My Secret Design Resources

My Secret Design Resources

Hey Everyone! here i have awesome design resources i use in day-to-day life. Colors Col...

IntuitechIntuitech
Cover Image for React Cheat sheet (Updated June 2021)

React Cheat sheet (Updated June 2021)

I don't use React often and so whenever I need to do even the smallest thing in React, I have to chec...

IntuitechIntuitech
Cover Image for How do you stay up to date with the latest developments in tech?

How do you stay up to date with the latest developments in tech?

Newbie looking for guidance here - I feel like the more I learn, the more I realise what I don’t know...

IntuitechIntuitech
Cover Image for How to Give Better Code Reviews

How to Give Better Code Reviews

Code review is a skill and it takes practice. But there are some things you should know up front.

IntuitechIntuitech
Cover Image for Imba - a JavaScript alternative for increased developer productivity

Imba - a JavaScript alternative for increased developer productivity

Quick introduction to the major new version of Imba

IntuitechIntuitech
Cover Image for Learn React with one BIG Project [NOTES included] - Demo and Video Link

Learn React with one BIG Project [NOTES included] - Demo and Video Link

Hey guys, I created a full fledged video to help others in learning React with ease. The video incl...

IntuitechIntuitech
Cover Image for React 18: Terms and Functionality

React 18: Terms and Functionality

The React team has been hard at work for over a year. React is changing yet again, and it's time to start learning where it's going next.

IntuitechIntuitech
Cover Image for A cheat sheet for working with JSON Data in JavaScript

A cheat sheet for working with JSON Data in JavaScript

In this article, we will be doing some common operations while working with JSON data in JavaScript...

IntuitechIntuitech
Cover Image for Buckle Up For a Wild Decade in Cloud Computing

Buckle Up For a Wild Decade in Cloud Computing

I’m sure you were affected by the Fastly outage yesterday. The company responded quickly, and it wasn...

IntuitechIntuitech
Cover Image for Getting Started with JavaScript Design Patterns

Getting Started with JavaScript Design Patterns

Design patterns are blueprint solutions that you use to solve common programming problems swiftly and...

IntuitechIntuitech
Cover Image for React & Tailwind - Open-source Starters and UI Kits

React & Tailwind - Open-source Starters and UI Kits

A curated list with open-source React starters and UI Kits styled with Tailwind CSS - all projects are available on Github.

IntuitechIntuitech
Cover Image for Top 15 Skills Any Successful Web Developer Should Have

Top 15 Skills Any Successful Web Developer Should Have

To get hired as a web developer, you need a specific set of skills and abilities to help you achieve...

IntuitechIntuitech
Cover Image for 21 beginner JavaScript interview question you must know

21 beginner JavaScript interview question you must know

To construct a JavaScript programming vocation, applicants need to break the meeting. They are reques...

IntuitechIntuitech
Cover Image for How to auto-document the database schema of your Rails app

How to auto-document the database schema of your Rails app

I’m wrapping up my RailsConf 2021 presentation recap today. Check out Part 1, Part 2 and Part 3 in c...

IntuitechIntuitech
Cover Image for Mistakes I made in my 20s as a Software Developer.

Mistakes I made in my 20s as a Software Developer.

Mistakes I made in my 20s as a Software Developer. Mistakes I made in my 20s as a Softwa...

IntuitechIntuitech
Cover Image for Top 20 JavaScript tips and tricks to increase your Speed and Efficiency

Top 20 JavaScript tips and tricks to increase your Speed and Efficiency

Convenient and useful techniques to reduce the lines of code and pace up your Dev Work! In...

IntuitechIntuitech
Cover Image for What Makes a Great Developer? - Opinion

What Makes a Great Developer? - Opinion

This question has come up over and over again. From putting together the core team for a startup comp...

IntuitechIntuitech
Cover Image for Building an Accessible Reveal-Card

Building an Accessible Reveal-Card

Recently, I found myself craving to make something interesting. So I sat down and scrolled through dr...

IntuitechIntuitech
Cover Image for Creating custom hook for fetching data in react

Creating custom hook for fetching data in react

Prerequisite to implement the customHooks Knowlegde of functional components, and react h...

IntuitechIntuitech
Cover Image for HarperDB Instance w/ React

HarperDB Instance w/ React

HarperDB is a distributed database focused on making data management easy. It supports both SQL and N...

IntuitechIntuitech
Cover Image for How Truthy and Falsy Values in JavaScript Work

How Truthy and Falsy Values in JavaScript Work

Truthy and falsy values are two important concepts for JavaScript developers to understand. In this t...

IntuitechIntuitech
Cover Image for Must-Have Skills for Developers in 2021

Must-Have Skills for Developers in 2021

Whether you are already an experienced developer or just starting out, if you want to become really g...

IntuitechIntuitech
Cover Image for 5 projects to master Front End Development

5 projects to master Front End Development

If you are starting on the journey to becoming a Front End Developer, once you get the basics down, y...

IntuitechIntuitech
Cover Image for How to become a Successful Developer

How to become a Successful Developer

For me, being a software developer is one of the best jobs in the world. I love to code and getting p...

IntuitechIntuitech
Cover Image for How to Write  Good Alt Text for your Images

How to Write Good Alt Text for your Images

Hello, welcome to this tutorial! Today, I'm going to be explaining how to use alt text for your imag...

IntuitechIntuitech
Cover Image for Soft UI Dashboard - Bootstrap 5 Design on Steroids

Soft UI Dashboard - Bootstrap 5 Design on Steroids

The article presents the latest Bootstrap 5 design from Creative-Tim: Soft UI Dashboard PRO, a premium design made of hundred of elements, design blocks and pre-built pages.

IntuitechIntuitech
Cover Image for Top 10 Websites for Developers

Top 10 Websites for Developers

For many of you, this is the fourth part of this series "Top 10 Websites For Developers". You could c...

IntuitechIntuitech
Cover Image for  Crack the React Interviews By Using Mindmap - Part 1.

Crack the React Interviews By Using Mindmap - Part 1.

This is the first part in my series (Crack the React Interviews By Using Mindmap). My series will giv...

IntuitechIntuitech
Cover Image for Creating your React project from scratch without create-react-app: The Complete Guide.

Creating your React project from scratch without create-react-app: The Complete Guide.

Creating and setting up your own React project from scratch can be, at times, a little bit tricky, ev...

IntuitechIntuitech
Cover Image for How to Build Your Personal Brand as a Software Developer

How to Build Your Personal Brand as a Software Developer

Choose an area of focus and be good at it Coding has various fields and areas of focus. It is almost...

IntuitechIntuitech
Cover Image for How to make Responsive Website Using HTML CSS JavaScript Step By Step

How to make Responsive Website Using HTML CSS JavaScript Step By Step

Hi there 👋, Checkout my recently made responsive agency website. In this responsive website i have...

IntuitechIntuitech
Cover Image for Master Design Patterns By Building Real Projects - Factory Pattern - Javascript

Master Design Patterns By Building Real Projects - Factory Pattern - Javascript

Creational Pattern - Factory Pattern. This is the fourth part in my series (23 GoF Design...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 4th June 2021

🚀10 Trending projects on GitHub for web developers - 4th June 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for 52 responsive snippets to create a website for your project

52 responsive snippets to create a website for your project

Hi everyone. I made 52 responsive snippets that can help you to build website for your project, portf...

IntuitechIntuitech
Cover Image for How I built a SaaS with Next.js in a week

How I built a SaaS with Next.js in a week

I built Cusdis in April 2021, an open-source, light-weight, privacy-friendly alternative to Disqus. I...

IntuitechIntuitech
Cover Image for Awesome loading animation you have never seen it before.

Awesome loading animation you have never seen it before.

Hello, glad you are here. I am kunaal and today we will see how to make an awesome loading animation...

IntuitechIntuitech
Cover Image for This article has 36 positive reactions and 16 comments

This article has 36 positive reactions and 16 comments

TL;DR Using the DEV API the title of this article gets automatically updated every 60 seco...

IntuitechIntuitech
Cover Image for 33 GitHub projects I have bookmarked and you should

33 GitHub projects I have bookmarked and you should

GitHub isn't only a rendition control administration; it is a marvelous substance asset for all-thing...

IntuitechIntuitech
Cover Image for 7 Steps to Become an Expert Software Engineer without endless online courses or waiting for years...

7 Steps to Become an Expert Software Engineer without endless online courses or waiting for years...

Does this sound familiar to you? If you are a coder, programmer or software developer then...

IntuitechIntuitech
Cover Image for 9 Simple Full Screen Navigation Menu Using CSS

9 Simple Full Screen Navigation Menu Using CSS

I created 9 simple full screen navigation menu for beginners using CSS and JavaScript. These are just...

IntuitechIntuitech
Cover Image for Forem for iOS is here! ✨

Forem for iOS is here! ✨

Download the new Forem app on the App Store

IntuitechIntuitech
Cover Image for Forem's Approach to Decentralized Social Media on Mobile

Forem's Approach to Decentralized Social Media on Mobile

We’re excited to let you know that the Forem iOS app is now live in the App Store. I want to get into...

IntuitechIntuitech
Cover Image for How to Dynamically Update Twitter Cover Image to Show Latest Followers Using PHP GD and TwitterOAuth

How to Dynamically Update Twitter Cover Image to Show Latest Followers Using PHP GD and TwitterOAuth

In this guide you'll learn how you can create a CLI script to dynamically update your Twitter cover image to show your latest Twitter followers, using PHP and the PHP-GD library.

IntuitechIntuitech
Cover Image for React JS How/where to Start ? : Best Way to learn React

React JS How/where to Start ? : Best Way to learn React

I want to share my experience as I coded my way from being a noob to an intermediate developer. whe...

IntuitechIntuitech
Cover Image for Top 10 YouTube Channel For Developers

Top 10 YouTube Channel For Developers

As YouTube is one of the most searched search engines on the entire planet, it is obvious that YouTub...

IntuitechIntuitech
Cover Image for Top three React & TypeScript pitfalls

Top three React & TypeScript pitfalls

Mind those pitfalls while working with React & TypeScript.

IntuitechIntuitech
Cover Image for What is the Virtual DOM? (Let's build it!)

What is the Virtual DOM? (Let's build it!)

You might have heard of the Virtual DOM (and also the Shadow DOM). You may have even used it (JSX is...

IntuitechIntuitech
Cover Image for 30+ Free eBooks for all developers

30+ Free eBooks for all developers

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

IntuitechIntuitech
Cover Image for 5 mini-projects to sharpen your frontend development skills!

5 mini-projects to sharpen your frontend development skills!

Hi folks, Frontend development is continuously evolving with new technologies and frameworks. It i...

IntuitechIntuitech
Cover Image for A Deep Dive Into Kubernetes Schema Validation

A Deep Dive Into Kubernetes Schema Validation

Why run schema validation? How do you ensure the stability of your Kubernetes clusters? Ho...

IntuitechIntuitech
Cover Image for Happy LGBTQIA+ Pride Month! ❤️

Happy LGBTQIA+ Pride Month! ❤️

Join us in collecting stories of LGBTQIA+ pride — and amplifying organizations doing important work in this space.

IntuitechIntuitech
Cover Image for I made 100 more CSS loaders for your next project

I made 100 more CSS loaders for your next project

not 100, not 200 but 300! Yes, a new collection and a total of 300 CSS loaders. This time, I am goi...

IntuitechIntuitech
Cover Image for 13 Interactive Animated Backgrounds for your Website using Vanta.js

13 Interactive Animated Backgrounds for your Website using Vanta.js

Adding interactive object animations to a website creates a delightful experience for users besides m...

IntuitechIntuitech
Cover Image for 30 JavaScript Libraries to use in your Projects

30 JavaScript Libraries to use in your Projects

JavaScript is a programming language that is vastly used in the world both on the client-side as well...

IntuitechIntuitech
Cover Image for Find Open Source Project to Contribute

Find Open Source Project to Contribute

Introduction One of the main hectic things in open source is to find a good repository to...

IntuitechIntuitech
Cover Image for How to make an awesome card hover effect

How to make an awesome card hover effect

Hello, glad you are here. I am kunaal and today we will see how to make an awesome 3d card hover effe...

IntuitechIntuitech
Cover Image for The 10 Most Important Web Developer Resources You Need to Know

The 10 Most Important Web Developer Resources You Need to Know

Did you recently start your web development journey? As exciting as this may sound to create your fi...

IntuitechIntuitech
Cover Image for 25+  JavaScript Project With Source Code to Build your Skills

25+ JavaScript Project With Source Code to Build your Skills

Hello amazing people, If you are interested in becoming a web developer then JavaScript is one of the...

IntuitechIntuitech
Cover Image for Beautify Your GitHub Profile like a Pro

Beautify Your GitHub Profile like a Pro

If you have ever used GitHub, you must have come across some impressive-looking profiles and thought...

IntuitechIntuitech
Cover Image for Don't Develop Just for Yourself - A Developer's Checklist to Accessibility

Don't Develop Just for Yourself - A Developer's Checklist to Accessibility

We, as developers, tend to develop sites unconsciously for people like ourselves. If we don't activel...

IntuitechIntuitech
Cover Image for Master ‘this’ in JavaScript

Master ‘this’ in JavaScript

In this article, we cover the all-important yet so confusing topic in JavaScript which is the “this”...

IntuitechIntuitech
Cover Image for Understand React Js Hooks once and for all | part I

Understand React Js Hooks once and for all | part I

You'll already know now The React framework includes react hooks. Witch are Special hook functions th...

IntuitechIntuitech
Cover Image for 21 Best Practises in 2021 for Dockerfile

21 Best Practises in 2021 for Dockerfile

“This is a curate long-list of 20+ Best Practises for Dockerfile for the Year 2020”. Since the incep...

IntuitechIntuitech
Cover Image for 30+ Illustration Resources For Web Developers

30+ Illustration Resources For Web Developers

Here is a list of 30 illustration designs that will help you to find illustrations for your next web...

IntuitechIntuitech
Cover Image for 41 Must have chrome extensions for Developers and Productivity

41 Must have chrome extensions for Developers and Productivity

Since a dominant part of the populace uses the Chrome internet browser, engineers and designers shoul...

IntuitechIntuitech
Cover Image for 🔥🔥 how to style select input in css

🔥🔥 how to style select input in css

Hello, glad you are here. I am kunaal and today we will see how to make a custom select input, a cust...

IntuitechIntuitech
Cover Image for I made an app for Web Developers!

I made an app for Web Developers!

Responsivize A must have tool to develop responsive websites! Download here W...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 28th May 2021

🚀10 Trending projects on GitHub for web developers - 28th May 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for 35+ Simple CSS Based Pre Loaders

35+ Simple CSS Based Pre Loaders

Pre loader or a loading screen animation is animation which will be displayed before the content of t...

IntuitechIntuitech
Cover Image for Back to Basic: Should we use Flexbox or Grid?

Back to Basic: Should we use Flexbox or Grid?

Back to Basic will answer some of my questions when I first started learning CSS. Personally, I think...

IntuitechIntuitech
Cover Image for How to create a notification badge with CSS ?

How to create a notification badge with CSS ?

Notification badges annoy me most of the times by popping up every now and then and I am pretty sure...

IntuitechIntuitech
Cover Image for Learn CSS By Playing Games 👾

Learn CSS By Playing Games 👾

Learning CSS can be a frustrating experience sometime. One of the best things about learning to code...

IntuitechIntuitech
Cover Image for 15 Advanced CSS Techniques To Master In 2021

15 Advanced CSS Techniques To Master In 2021

CSS is used to describe how HTML elements should be presented on the web page. CSS can not only provi...

IntuitechIntuitech
Cover Image for How to Make a Web Developer Resume That Will Get You Employed

How to Make a Web Developer Resume That Will Get You Employed

More people learn to code every day, which increases competition in the field of web development. Lan...

IntuitechIntuitech
Cover Image for Online XML Sitemap Generator

Online XML Sitemap Generator

Easily generate HTML, RSS and Google XML sitemaps for free. Compatible with major search engines incl...

IntuitechIntuitech
Cover Image for Share data between browser tabs

Share data between browser tabs

I recently came across the issue of sharing some data between different tabs of the same web applicat...

IntuitechIntuitech
Cover Image for They...just...won't...learn 🤦‍♂️ - a button is a <button>! [Series: Accessibility Rants]

They...just...won't...learn 🤦‍♂️ - a button is a <button>! [Series: Accessibility Rants]

Preword: Here we are with yet another on of my angry rants on Accessibility. If you haven't seen th...

IntuitechIntuitech
Cover Image for 5 expensive Kubernetes cost traps and how to deal with them

5 expensive Kubernetes cost traps and how to deal with them

Cost management gets complicated fast in Kubernetes, and more businesses will face this problem soon....

IntuitechIntuitech
Cover Image for Build Sidebar navigation menu in ReactJS with react router and framer-motion for cool page transition effects

Build Sidebar navigation menu in ReactJS with react router and framer-motion for cool page transition effects

Hi there 👋, Checkout this cool sidebar. Here is the Demo Link: https://react-sidebar.vercel.app/ I...

IntuitechIntuitech
Cover Image for How to Build a Great Developer Portfolio (+ Examples & Tools)

How to Build a Great Developer Portfolio (+ Examples & Tools)

As any other specialists, developers need to market themselves to get dream jobs and projects, attrac...

IntuitechIntuitech
Cover Image for JS interview in 2 minutes / Memoization 💭

JS interview in 2 minutes / Memoization 💭

Let's try to figure out how to answer common JS questions in an interview.

IntuitechIntuitech
Cover Image for Top 10 sites / extensions you should use if you are a Frontend Developer ğŸ˜Ž

Top 10 sites / extensions you should use if you are a Frontend Developer ğŸ˜Ž

CssGradient 🖌 Here you will find gradients of all types so that your website is at another...

IntuitechIntuitech
Cover Image for Another 100 CSS loaders for your next project

Another 100 CSS loaders for your next project

Ready for the second set of loaders? Yes, it's again me with another collection of 100 CSS loaders. N...

IntuitechIntuitech
Cover Image for How to make passive income as a web developer in 2021?💸

How to make passive income as a web developer in 2021?💸

Want to know how to make passive income as a web developer? Then this article is for you. Here you'll...

IntuitechIntuitech
Cover Image for How To Make Your First Contribution As a Beginner In Open Source

How To Make Your First Contribution As a Beginner In Open Source

Open Source is very powerful that is encouraging and empowering, but students today are not really...

IntuitechIntuitech
Cover Image for The 52 most popular projects from the last year of Trending Projects

The 52 most popular projects from the last year of Trending Projects

For the last year, I have been curating Trending projects a newsletter that showcases 10 popular web...

IntuitechIntuitech
Cover Image for useContext for better state management!

useContext for better state management!

Hi folks, Managing data in an app is little tricky when many components are sharing and updating it...

IntuitechIntuitech
Cover Image for 30+🔥 Awesome CSS Animation Resources

30+🔥 Awesome CSS Animation Resources

Here is the list of awesome CSS animation resources that will help you to animate components quickly...

IntuitechIntuitech
Cover Image for A Complete Beginner's Guide to Next.js

A Complete Beginner's Guide to Next.js

I've used Create React App non-stop to scaffold React apps, and I love it. Recently, though, I've bee...

IntuitechIntuitech
Cover Image for A super-easy way to determine 'this' in JavaScript

A super-easy way to determine 'this' in JavaScript

this is one of the fundamental concepts in JavaScript but it's also one of the most confusing concept...

IntuitechIntuitech
Cover Image for Glassmorphism login form UI Design using HTML and CSS

Glassmorphism login form UI Design using HTML and CSS

In this article I am going to show you how to create glassmorphism login form using HTML and CSS prog...

IntuitechIntuitech
Cover Image for What are micro frontends?

What are micro frontends?

This is a term that has been growing for past years. But, what is exactly a micro frontend?...

IntuitechIntuitech
Cover Image for Create awesome Page Transitions in NextJS using Framer motion

Create awesome Page Transitions in NextJS using Framer motion

I recently decided to re-design my portfolio in NextJs. So, I started researching around the web for...

IntuitechIntuitech
Cover Image for Master useful CSS pseudo-classes

Master useful CSS pseudo-classes

What are CSS pseudo-classes? A CSS pseudo-class is a selector which specifies a specific s...

IntuitechIntuitech
Cover Image for React Clean Architecture

React Clean Architecture

Hello Developers! Many of us use various design patterns with React Development to make React Apps mo...

IntuitechIntuitech
Cover Image for Super Useful Tips & Tricks for JavaScript Developers

Super Useful Tips & Tricks for JavaScript Developers

Quick way to mask numbers using slice and ES8 padStart method const creditCard = "41111...

IntuitechIntuitech
Cover Image for You don't need mutation

You don't need mutation

Before you think I'm crazy, I'm not saying that you don't need a way of storing data in memory, becau...

IntuitechIntuitech
Cover Image for 5 Vs code extension's to increase your developer productivity

5 Vs code extension's to increase your developer productivity

Hey there developers. How is it going. Today in this blog, I will be showing you 5 useful vs code ext...

IntuitechIntuitech
Cover Image for Revealing Contents on Scroll Using JavaScript’s Intersection Observer API

Revealing Contents on Scroll Using JavaScript’s Intersection Observer API

Have you ever visited a website where as you scroll down the page, the contents of the webpage gradua...

IntuitechIntuitech
Cover Image for Let’s Talk About Cross-Origin Resource Sharing (CORS)

Let’s Talk About Cross-Origin Resource Sharing (CORS)

Access to fetch at ‘https://coolserver.com’ from origin ‘http://localhost:3000’ has been blocked by...

IntuitechIntuitech
Cover Image for I built this cool GitHub UI based DEV Portfolio

I built this cool GitHub UI based DEV Portfolio

The Design Idea Spitting the truth, I really came across 1000s of dev portfolio 💻 websites...

IntuitechIntuitech
Cover Image for Channel List to Learn Web Development from Youtube

Channel List to Learn Web Development from Youtube

May 2020 is the first time I started learning web development. In the beginning, I learn from a Udemy...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 21st May 2021

🚀10 Trending projects on GitHub for web developers - 21st May 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for How I Learned to Code and Started Freelancing Full-Time in 8 Months

How I Learned to Code and Started Freelancing Full-Time in 8 Months

In September 2020 I signed up for Free Code Camp and started learning HTML and CSS. In April 2021 I...

IntuitechIntuitech
Cover Image for Javascript session storage - beginner's guide

Javascript session storage - beginner's guide

In the last article we talked about local storage (see the link above), what is it and how can we use...

IntuitechIntuitech
Cover Image for 🚀 Productivity Tips 🚀 for every Javascript Programmer 💻

🚀 Productivity Tips 🚀 for every Javascript Programmer 💻

Here is a interesting fact, do you know which is the worlds most hated and most loved programming lan...

IntuitechIntuitech
Cover Image for What is the difference between Library vs Framework?

What is the difference between Library vs Framework?

While the terms Library and Framework may sound similar, they both work differently. Many people us...

IntuitechIntuitech
Cover Image for 10 Google Chrome Extensions you should use as a developer

10 Google Chrome Extensions you should use as a developer

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

IntuitechIntuitech
Cover Image for 10+ Useful Tools🛠 For Web Developers👨‍💻In 2021

10+ Useful Tools🛠 For Web Developers👨‍💻In 2021

Are you looking for the best tools for web development? Well, In this article, we are going to share...

IntuitechIntuitech
Cover Image for It's 🌍 Global Accessibility Awareness Day - Do you actually give a f*ck? Here are 7 reasons why YOU should.

It's 🌍 Global Accessibility Awareness Day - Do you actually give a f*ck? Here are 7 reasons why YOU should.

Preword: The "anger" in this article is just for fun and poking a bit of fun at the "months and days"...

IntuitechIntuitech
Cover Image for (Realistic) List of Web Dev Resources 💻🚀

(Realistic) List of Web Dev Resources 💻🚀

Photo by Luca Bravo on Unsplash I've been finding a lot of articles on DEV lately that garner a T...

IntuitechIntuitech
Cover Image for useAxios: React hook for any Axios call

useAxios: React hook for any Axios call

useAxios() is a React hook that simplifies async fetching and state management. Source code and live...

IntuitechIntuitech
Cover Image for Advanced CSS Animation Using cubic-bezier()

Advanced CSS Animation Using cubic-bezier()

When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lot...

IntuitechIntuitech
Cover Image for All of Your React Utility Hooks in One Place

All of Your React Utility Hooks in One Place

# 🛠 All of Your Utility Hooks in One Place. When using react(or other frameworks like NextJS and Gat...

IntuitechIntuitech
Cover Image for Architecture: Web app[front-end] from scratch 2021

Architecture: Web app[front-end] from scratch 2021

Currently, I work as a front-end engineer and I worked on some of the frameworks Ember, React, and Vu...

IntuitechIntuitech
Cover Image for 🔥Awesome Resource For Your Web Projects: 75+ Background Resources🔥

🔥Awesome Resource For Your Web Projects: 75+ Background Resources🔥

Web development is not an easy task, for a beginner it will be a very complex and confusing one, the...

IntuitechIntuitech
Cover Image for Learn Fullstack | 2021

Learn Fullstack | 2021

This article focus on Fullstack web development. So, Don't blame me for the "anaconda article". If y...

IntuitechIntuitech
Cover Image for 16 VS Code Shortcuts for Faster Coding

16 VS Code Shortcuts for Faster Coding

Introduction Microsoft's VS code is one of the most popular text/code editors available on...

IntuitechIntuitech
Cover Image for Build a Complete Food Ordering App using React + Redux along With Stripe Payment Integration

Build a Complete Food Ordering App using React + Redux along With Stripe Payment Integration

A great project to add to your portfolio and resume. This article is about what you'll learn by buil...

IntuitechIntuitech
Cover Image for I made a website to make programmers laugh: ProgrammerHumor.io

I made a website to make programmers laugh: ProgrammerHumor.io

Created a website for programmers to spend their free time on, and get a good laugh out of it too....

IntuitechIntuitech
Cover Image for useAxios : A simple custom hook for calling APIs using axios

useAxios : A simple custom hook for calling APIs using axios

Hello folks, Frontend apps are not complete if there are no api calls involved and calling an api b...

IntuitechIntuitech
Cover Image for You can do more than just console.log()

You can do more than just console.log()

The JavaScript console object has a number of methods that can be very useful for debugging. Below ar...

IntuitechIntuitech
Cover Image for 8 Best Practices for REST API Design

8 Best Practices for REST API Design

1. Automate Caching Repeated request and responding to those request consumes resources and this bec...

IntuitechIntuitech
Cover Image for All That You Need To Know About Date Object In JavaScript

All That You Need To Know About Date Object In JavaScript

In web development there will be many instance in which we need to interact with date/time values, we...

IntuitechIntuitech
Cover Image for 🔥 BUILD USER AVATAR GENERATOR IN JAVASCRIPT

🔥 BUILD USER AVATAR GENERATOR IN JAVASCRIPT

In this post we will write a function in javascript to generate beautiful ❤️ user avatar. First we...

IntuitechIntuitech
Cover Image for How I build Crypto Tracker Chart with React 🚀

How I build Crypto Tracker Chart with React 🚀

Hello Coders 👩🏼‍💻, Recently, I visit a crypto tracker site to check DogeCoin prices to see whether...

IntuitechIntuitech
Cover Image for How to Solve Any Algorithm

How to Solve Any Algorithm

Learn how to solve any algorithm using these simple and easy-to-remember techniques.

IntuitechIntuitech
Cover Image for 10 basic concepts of React JS

10 basic concepts of React JS

Nowadays React Js has been quite a popular framework for web development. It has some incredible feat...

IntuitechIntuitech
Cover Image for A Simple Introduction to Web Sockets

A Simple Introduction to Web Sockets

Introduction As a backend developer, you sometimes get tired of making basic CRUD applicat...

IntuitechIntuitech
Cover Image for Curated list of Newsletters to level up your coding skills

Curated list of Newsletters to level up your coding skills

Taking one step forward Learning is an unending process. The era we live in carries a plet...

IntuitechIntuitech
Cover Image for Sets in JavaScript — the only explanation you will ever need

Sets in JavaScript — the only explanation you will ever need

This post contains technical information, code examples and real use cases. Int...

IntuitechIntuitech
Cover Image for Step-by-step guide: Pass your cursor position to CSS variables with JavaScript

Step-by-step guide: Pass your cursor position to CSS variables with JavaScript

My website has a little illustration that tracks your cursor's position. The only JavaScript that hap...

IntuitechIntuitech
Cover Image for 7 rare website with awesome free fonts

7 rare website with awesome free fonts

Google Fonts Making The Web More Beautiful, Fast, And Open Through Great Typography. li...

IntuitechIntuitech
Cover Image for Are you using React ? Then I think you must know this

Are you using React ? Then I think you must know this

At the time of writing this, React is at version 17.02. It is fascinating to see the exponential grow...

IntuitechIntuitech
Cover Image for Full Stack Instagram: Infinite Scroll

Full Stack Instagram: Infinite Scroll

This is my favorite project extension because this feature significantly improves the user experience...

IntuitechIntuitech
Cover Image for Full Stack Instagram: Introduction

Full Stack Instagram: Introduction

I've been learning to build a web app using React.js. And this project turns out to be quite awesome...

IntuitechIntuitech
Cover Image for React for Beginners: The Complete Guide for 2021

React for Beginners: The Complete Guide for 2021

Welcome to the React for Beginners guide. It's designed to teach you all the core React concepts that...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 14th May 2021

🚀10 Trending projects on GitHub for web developers - 14th May 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for 🔥 75 Awesome Resources For Web Developers 🔥

🔥 75 Awesome Resources For Web Developers 🔥

I have listed 75 web resources that will help you in your web designing and development process. I di...

IntuitechIntuitech
Cover Image for Clean code & programming principles – The ultimate beginner’s guide

Clean code & programming principles – The ultimate beginner’s guide

This article is the beginner's introductory guide to programming principles. First we're going to ex...

IntuitechIntuitech
Cover Image for I made a Twitter Clone with VueJS and Go

I made a Twitter Clone with VueJS and Go

Hello DEV community! 👋 I've recently attempted to make a clone of Twitter using VueJS as its fronten...

IntuitechIntuitech
Cover Image for My go-to React libraries for 2021

My go-to React libraries for 2021

I’ve been working on React apps for more than 3 years now and I’ve used tons of libraries to build va...

IntuitechIntuitech
Cover Image for 25+ JavaScript tips that can help you understand this programming language better

25+ JavaScript tips that can help you understand this programming language better

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

IntuitechIntuitech
Cover Image for Bootstrap 5 Templates - Open-source and FREE

Bootstrap 5 Templates - Open-source and FREE

A curated list with Bootstrap 5 Templates crafted for free by well-known agencies and released as open-source products.

IntuitechIntuitech
Cover Image for How To Create Responsive Team Section Using HTML & CSS

How To Create Responsive Team Section Using HTML & CSS

The team section is a type of web element that you can use to introduce your team members to differen...

IntuitechIntuitech
Cover Image for How to Maintain Your Skills as a Developer

How to Maintain Your Skills as a Developer

It’s no secret that the tech industry is always changing. New frameworks are always emerging and new...

IntuitechIntuitech
Cover Image for Mid-Life Coding Newbie

Mid-Life Coding Newbie

My name is Will and I do NOT consider myself a coder, but a future hopeful. However, even at the age...

IntuitechIntuitech
Cover Image for 25 GitHub Repos you can't miss to bookmark

25 GitHub Repos you can't miss to bookmark

Github is more than a version control service, it's place where developer contributes to the Communit...

IntuitechIntuitech
Cover Image for 7 JavaScript Data Structures you must know

7 JavaScript Data Structures you must know

Data Structures is one of the most frequently tested subjects by a lot of companies. It is the base o...

IntuitechIntuitech
Cover Image for How to Get Into Ethereum | Crypto | Web3 as a Developer

How to Get Into Ethereum | Crypto | Web3 as a Developer

Aping into Crypto from a traditional developer background

IntuitechIntuitech
Cover Image for I made 100 CSS loaders for your next project

I made 100 CSS loaders for your next project

You either make a super fast website/application or you use loaders. I think most of us fall into the...

IntuitechIntuitech
Cover Image for Top 10 Tech Trends for Programmers in 2021

Top 10 Tech Trends for Programmers in 2021

For the software development industry and programmers 2020 has been a significant year with lots of...

IntuitechIntuitech
Cover Image for 10+ Tips for Finding Clients as a Freelance Web Developer

10+ Tips for Finding Clients as a Freelance Web Developer

It’s tough selling your web development services when you’re new to the freelance market. Programming...

IntuitechIntuitech
Cover Image for 12+ React Boilerplates & Starter Kits For Developers In 2021

12+ React Boilerplates & Starter Kits For Developers In 2021

Deciding which boilerplate to take on while developing may be challenging enough, cause you need not only to build your app, but to scale and maintain it afterwards as well. Some will say that you don’t need any alternative starter kits, except Create React App, widely used for building single-page applications (SPAs). The same way works for Node CLI and Node, Angular CLI and Angular as well.

IntuitechIntuitech
Cover Image for Dev tool: A Markdown editor for developers 🔥

Dev tool: A Markdown editor for developers 🔥

Are you using a markdown tool to take note?

IntuitechIntuitech
Cover Image for How Does JS code run - Execution context  and Call stack

How Does JS code run - Execution context and Call stack

Do you know how javascript code runs in the javascript engine? If not, then I hope this post will b...

IntuitechIntuitech
Cover Image for React Bootstrap 5

React Bootstrap 5

We just released React Bootstrap 5 on Product Hunt. Only a few days after the stable release of Bo...

IntuitechIntuitech
Cover Image for [21] Top 10 Must-Have Web Dev Tools – May 2021

[21] Top 10 Must-Have Web Dev Tools – May 2021

It seems that it is the perfect time to continue my recent blog post series - Top 10 Best Web Dev Too...

IntuitechIntuitech
Cover Image for Components are Pure Overhead

Components are Pure Overhead

A couple of years ago in the The Real Cost of UI Components, I explored the cost of components in Jav...

IntuitechIntuitech
Cover Image for Creative-Tim - Open-Source Products

Creative-Tim - Open-Source Products

A curated list with open-source products crafted and released for free by Creative-Tim: React Dashboards, Vue Templates, and NextJS UI Kits.

IntuitechIntuitech
Cover Image for Introducing Codewell — Free Front End Coding Challenges!

Introducing Codewell — Free Front End Coding Challenges!

Hi everyone! Can't believe about to show off something my friend and I have been working on for the p...

IntuitechIntuitech
Cover Image for Why do you need Helmet in NodeJs ?

Why do you need Helmet in NodeJs ?

Helmet helps you secure your Express apps by setting various HTTP headers. It's not a silver bullet,...

IntuitechIntuitech
Cover Image for 15 reasons why you should be using Figma for design

15 reasons why you should be using Figma for design

Figma is a design application which can be used for creating wireframes, designs and prototypes. It i...

IntuitechIntuitech
Cover Image for Atomic Design for Developers: Better Component Composition and Organization

Atomic Design for Developers: Better Component Composition and Organization

A practical guide to developing component based sites and apps around the Atomic Design meth...

IntuitechIntuitech
Cover Image for Everything I use daily as a Senior Frontend Engineer

Everything I use daily as a Senior Frontend Engineer

VSCode I use these extensions: Utilities Auto Close Tag: Automatically add HT...

IntuitechIntuitech
Cover Image for Introduction to HTTP Cookies

Introduction to HTTP Cookies

I heard the british use biscuits instead of cookies...weird. Okay, let's focus. What are Cookies C...

IntuitechIntuitech
Cover Image for What I learned after 10 years of development

What I learned after 10 years of development

I've been coding for a long time, over 10 years During all that website development of JavaScript, H...

IntuitechIntuitech
Cover Image for Berry - Open-source React Dashboard Template

Berry - Open-source React Dashboard Template

Open-source React Dashboard template crafted by CodedThemes using Material UI design - product can be downloaded from Github.

IntuitechIntuitech
Cover Image for Custom Checkbox with HTML & CSS

Custom Checkbox with HTML & CSS

Hello, today I created a Simple custom checkbox using CSS & JS. Not great work but I hope you lik...

IntuitechIntuitech
Cover Image for I Built a VSCode Inspired Developer Portfolio

I Built a VSCode Inspired Developer Portfolio

The Idea & Inspiration Truth be told, I've lost count of the number of amazing portfol...

IntuitechIntuitech
Cover Image for React Clean Code Tricks Everyone Should Know...

React Clean Code Tricks Everyone Should Know...

🤖 TL:DR : React is unopinionatedly the most famous framework to write the web apps. Due to...

IntuitechIntuitech
Cover Image for Sexism, Racism, Toxic Positivity, and TailwindCSS

Sexism, Racism, Toxic Positivity, and TailwindCSS

You might think that these things don't belong in the same article, but here we are, this week in fro...

IntuitechIntuitech
Cover Image for 50 Best Inspiring Form Designs ğŸŽ¨

50 Best Inspiring Form Designs ğŸŽ¨

Hello World! Today we are talking about Forms! They're everywhere, and when you least expect it, they...

IntuitechIntuitech
Cover Image for 50 Projects in 50 Days, 4/5 there! 🌻

50 Projects in 50 Days, 4/5 there! 🌻

Time flies, I have now completed 40 small projects whilst renovating a property and moving houses. Sa...

IntuitechIntuitech
Cover Image for Is 0kb of *HTML* in your future? 🔮 A website without JS...HTML...CSS or IMAGES!?⁉😱

Is 0kb of *HTML* in your future? 🔮 A website without JS...HTML...CSS or IMAGES!?⁉😱

If you are new here then you might not have seen that I like to abuse the internet...and for those of...

IntuitechIntuitech
Cover Image for JS interview in 2 minutes / this 🤯

JS interview in 2 minutes / this 🤯

Let's try to figure out how to answer common JS questions in an interview.

IntuitechIntuitech
Cover Image for Plan your weekly meals 🥗 with this template

Plan your weekly meals 🥗 with this template

Hey folks 👋🏼 We just launched another Product on the Product hunt. It's a notion template that helps...

IntuitechIntuitech
Cover Image for 10 Advices For Every Aspiring Web Developer

10 Advices For Every Aspiring Web Developer

I have been in this industry for nearly two years now. Spent those two years learning, observing, t...

IntuitechIntuitech
Cover Image for Basic Concepts to Understand API, Web Services & Microservices

Basic Concepts to Understand API, Web Services & Microservices

Developers have been using three major building blocks for the development of web apps, namely, API...

IntuitechIntuitech
Cover Image for Do you really need a dashboard?

Do you really need a dashboard?

As analysts, we’re often asked to quickly produce dashboards or metrics that aim to solve a specific...

IntuitechIntuitech
Cover Image for How to Make Your First Open Source Contribution

How to Make Your First Open Source Contribution

Open source software is a huge part of the tech industry. Over and over, we hear about the power of o...

IntuitechIntuitech
Cover Image for The Ultimate Web Developer Resources List 🔥Awesome 200+ Resources

The Ultimate Web Developer Resources List 🔥Awesome 200+ Resources

Web development is not an easy task for beginners, to create a web project that standout takes lot of...

IntuitechIntuitech
Cover Image for 30 JavaScript project ideas for Beginners to Pro developer with resources

30 JavaScript project ideas for Beginners to Pro developer with resources

In this article, I'll share 30 project ideas you can work to dominate your abilities, feel sufficient...

IntuitechIntuitech
Cover Image for Announcing NubesGen, an Open Source tool to automate Azure deployments

Announcing NubesGen, an Open Source tool to automate Azure deployments

NubesGen is an Open Source tool that

IntuitechIntuitech
Cover Image for Build your Responsive website without media query

Build your Responsive website without media query

We cannot talk about web development without talking about Reponsive Design. The latter is now a must...

IntuitechIntuitech
Cover Image for Picture perfect image optimization for any web framework

Picture perfect image optimization for any web framework

Image optimization is never fun to deal with. Let's learn how the picture element + 11ty can save any static site from bloated load times.

IntuitechIntuitech
Cover Image for Productivity Hacks Using Puppeteer

Productivity Hacks Using Puppeteer

TL:DR : Puppeteer is one of the greatest tools available on the web in order to perform th...

IntuitechIntuitech
Cover Image for 24 HTML Tags you may not know.

24 HTML Tags you may not know.

We all know about HTML, it help us to structure the contents, there are many tags which help us to de...

IntuitechIntuitech
Cover Image for A Guide to Eslint

A Guide to Eslint

I've written on Babel before, so today I thought I'd discuss its cousin, of sorts, ESLint.

IntuitechIntuitech
Cover Image for Building GraphQL APIs on Ethereum

Building GraphQL APIs on Ethereum

In this post you'll learn how to build and deploy a GraphQL API using data stored in the Ethereum blockchain.

IntuitechIntuitech
Cover Image for How CSS pseudo-elements work a ridiculously simple explanation for beginners

How CSS pseudo-elements work a ridiculously simple explanation for beginners

Pseudo-elements especially ::before and ::after are so hot right now. Amazing sites like Cyberpunk.ne...

IntuitechIntuitech
Cover Image for Join Us For the First DEV Community Bug Smash!

Join Us For the First DEV Community Bug Smash!

Team Forem is excited to share the news of our first community Bug Smash! Join us for this...

IntuitechIntuitech
Cover Image for 6 Nullish coalescing operators every javascript programmer must know !

6 Nullish coalescing operators every javascript programmer must know !

TL:DR : Most of the time out javascript code becomes clumsier if we inserted the multiple...

IntuitechIntuitech
Cover Image for Is 0kb of JavaScript in your Future?

Is 0kb of JavaScript in your Future?

Zero JavaScript has been the new buzz phrase around JavaScript libraries for the last little while. A...

IntuitechIntuitech
Cover Image for My favorite blogging tools to make you a productive blogger

My favorite blogging tools to make you a productive blogger

Blogging is a creative art. We need ideas, motivation, time, and skill to bring our thoughts to reali...

IntuitechIntuitech
Cover Image for React useEffect Hook Made Simple

React useEffect Hook Made Simple

The React useEffect Hook helps you manage side-effects in functional React components. It also makes...

IntuitechIntuitech
Cover Image for THE Ultimate Web Dev Cheat Sheet - HTML / CSS / JS 🚀

THE Ultimate Web Dev Cheat Sheet - HTML / CSS / JS 🚀

Hello World! Seems like we're in a streak to be the best articles of the week here at DEV, will this...

IntuitechIntuitech
Cover Image for 5 simple ways to improve your website UI (for developers) ğŸŽ¨ğŸ–¥ï¸

5 simple ways to improve your website UI (for developers) ğŸŽ¨ğŸ–¥ï¸

I have noticed that a lot of developers are pretty good at the coding part of a project but struggle...

IntuitechIntuitech
Cover Image for 7 uncomfortable truths about being a developer.

7 uncomfortable truths about being a developer.

7 uncomfortable truths about being a developer.A Thread... pic.twitter.com/VD2s9tlnKm— AnkurğŸ’»ğŸŽ§ğŸ’ª (@Th...

IntuitechIntuitech
Cover Image for 8 Unique and Secret tricks Front-end Developers don't know

8 Unique and Secret tricks Front-end Developers don't know

This post comes with some of the unique and secrets(🤐) tricks developer don't know. Some tricks will...

IntuitechIntuitech
Cover Image for Automate the hell out of your code

Automate the hell out of your code

Automate the hell out of your code When you hear of automation what comes to your mind? So...

IntuitechIntuitech
Cover Image for Content & Community- A Cheatsheet for Open Source projects. ( Part 1: Content ğŸŽ¨)

Content & Community- A Cheatsheet for Open Source projects. ( Part 1: Content ğŸŽ¨)

“Software built on pride and love of the subject is superior to software built for profit.” - Ravi S...

IntuitechIntuitech
Cover Image for #30DaysofAppwrite

#30DaysofAppwrite

Let's face it: building modern apps is hard - building secure, performant, and scalable apps is even...

IntuitechIntuitech
Cover Image for Amazing Button Image Hover With CSS

Amazing Button Image Hover With CSS

Today I created an Amazing Image Button Hover Effect Using HTML & CSS. when you hover on the butt...

IntuitechIntuitech
Cover Image for Complete road map to learn React

Complete road map to learn React

The original post is in Notion. Do checkout. Here React is a library (from Facebook) for building co...

IntuitechIntuitech
Cover Image for Customize your terminal using oh-my-posh theme

Customize your terminal using oh-my-posh theme

Hey developers, Today I will show you how you can customize your windows terminal with y...

IntuitechIntuitech
Cover Image for Mistakes I made as a software engineer (developer)...

Mistakes I made as a software engineer (developer)...

Mistakes I made as a software engineer (developer)...A Thread... pic.twitter.com/xUiF38vhlU— AnkurğŸ’»ğŸŽ§...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 30th April 2021

🚀10 Trending projects on GitHub for web developers - 30th April 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for 34 Ultimate VS Code Extensions to Increase Productivity! 💪

34 Ultimate VS Code Extensions to Increase Productivity! 💪

Hello Folks 👋 This is Savio here. I'm young dev with an intention to enhance as a successf...

IntuitechIntuitech
Cover Image for Make A Modern Registration Form Using HTML And CSS

Make A Modern Registration Form Using HTML And CSS

Designing an HTML sign-up form for a website or blog can be hard. Here we have listed down the most u...

IntuitechIntuitech
Cover Image for My process for writing blog articles with actionable steps you can follow

My process for writing blog articles with actionable steps you can follow

If you've ever tried writing blog articles yourself I'm sure you've realized it is not an easy thing....

IntuitechIntuitech
Cover Image for Promise handling and chaining using async...await and then()...catch()

Promise handling and chaining using async...await and then()...catch()

TL:DR Handling promises is one of the biggest topics in the nodejs. But, in this article I will try...

IntuitechIntuitech
Cover Image for Design Systems — Designing UI Component APIs

Design Systems — Designing UI Component APIs

Not so long ago, user interfaces for the web were built mostly using standard HTML and CSS. The rise...

IntuitechIntuitech
Cover Image for ES6 Cheatsheet 🔥 - All You Need 🚀

ES6 Cheatsheet 🔥 - All You Need 🚀

Hey Devs, This is an all you need ES6 cheatsheet for beginners and seasoned developers! So let's get...

IntuitechIntuitech
Cover Image for How I Write Articles

How I Write Articles

Introduction I have always had a passion for writing because I find that it is one of the...

IntuitechIntuitech
Cover Image for How to get a free domain name for your Laravel project?

How to get a free domain name for your Laravel project?

Introduction There could be various reasons why you would need a free domain name for your...

IntuitechIntuitech
Cover Image for Let's talk about impostor syndrome 😧

Let's talk about impostor syndrome 😧

Photo by arash payam on Unsplash Hello folks! Welcome back 👋🏻 I trust you are doing well. As you...

IntuitechIntuitech
Cover Image for 30 Free React dashboard templates and themes

30 Free React dashboard templates and themes

While researching for some dashboard-related inspiration for a product I recently developed  (listed...

IntuitechIntuitech
Cover Image for 40+ Awesome Illustrations Resources For Your Web Projects

40+ Awesome Illustrations Resources For Your Web Projects

Here is a list of 40+ website that will provide you with free illustrations. In web design images are...

IntuitechIntuitech
Cover Image for 🔥Machine Learning Complete Roadmap🔥

🔥Machine Learning Complete Roadmap🔥

Do you want to learn machine learning but don't know where to start? Then you are on right track, In...

IntuitechIntuitech
Cover Image for useRef( ) : DOM and beyond...

useRef( ) : DOM and beyond...

This blog assumes that you know the React fundamentals and useState hook. Read my article on what i...

IntuitechIntuitech
Cover Image for What kind of music do you listen to while coding? ğŸŽ§

What kind of music do you listen to while coding? ğŸŽ§

Photo by Simon Noh on Unsplash Howdy DEV fam! 👋🏻 What's good? Today's discussion topic is really...

IntuitechIntuitech
Cover Image for 400+ JavaScript Interview Questions ğŸŽ“  With Answers 🌠

400+ JavaScript Interview Questions ğŸŽ“ With Answers 🌠

Hello World! Today I prepared a huge list of Javascript Interview Questions from this awesome repo. S...

IntuitechIntuitech
Cover Image for 💻 5 Useful VS Code extensions to help you with Javascript, React and Git

💻 5 Useful VS Code extensions to help you with Javascript, React and Git

This is a list of 5 extensions and themes for VS Code that I often use and find useful. ES7 React/...

IntuitechIntuitech
Cover Image for Laravel Theme Download - Modern UI Kits to start fast

Laravel Theme Download - Modern UI Kits to start fast

A curated list with Laravel Themes and projects available for download without a registration lock - all projects are released under the MIT License.

IntuitechIntuitech
Cover Image for useReducer instead of useState while calling APIs!

useReducer instead of useState while calling APIs!

Hello folks! It’s been a while since React has introduced Hooks and we all fell in love with it’s p...

IntuitechIntuitech
Cover Image for What is Virtual DOM? How Virtual DOM works ? What is Reconciliation ? What is diffing algorithm? What makes React so fast ?

What is Virtual DOM? How Virtual DOM works ? What is Reconciliation ? What is diffing algorithm? What makes React so fast ?

You can also refer to my YouTube video for understanding with animations about the Virtual D...

IntuitechIntuitech
Cover Image for 165+ Developer Resources I Discovered in 2020-2021

165+ Developer Resources I Discovered in 2020-2021

Since starting to actively code in 2020, I have come across many helpful resources. Some I have comp...

IntuitechIntuitech
Cover Image for 6 Python Tips & Tricks that no One Teaches 🚀🐍

6 Python Tips & Tricks that no One Teaches 🚀🐍

Python is currently the most used programming language in the world, and the unique reason is that Py...

IntuitechIntuitech
Cover Image for A painless guide to understanding CSS positioning

A painless guide to understanding CSS positioning

Developing an understanding of the CSS position property is important if you want to become really go...

IntuitechIntuitech
Cover Image for ES6 Import And Export Cheatsheet

ES6 Import And Export Cheatsheet

Before ES6 came into play, we used multiple script tags in a single HTML file to import different Jav...

IntuitechIntuitech
Cover Image for How Does The Web Work?

How Does The Web Work?

Car, television, stove, and refrigerator are the machines we use daily that are fairly simple to use....

IntuitechIntuitech
Cover Image for 10 Simple Navigation Bar Hover Animations

10 Simple Navigation Bar Hover Animations

One of the main components of a web page is the navigation menu, it help us to quickly navigate to th...

IntuitechIntuitech
Cover Image for 8 Amazing API For Your  Project

8 Amazing API For Your Project

Hello, How are you all Today I have written this post about the 8 amazing API every developer know t...

IntuitechIntuitech
Cover Image for Free ultimate React resources. Zero to Hero in React

Free ultimate React resources. Zero to Hero in React

This guide was originally published at -> Devintro.com Delivered by Facebook in 2013, React is a...

IntuitechIntuitech
Cover Image for Introduction to ReactJS

Introduction to ReactJS

What is React? First of all, React is not a JavaScript framework, it's simply a javascript...

IntuitechIntuitech
Cover Image for JavaScript Promises 101

JavaScript Promises 101

Hey there! Are you new to JavaScript? Well, this post is right for you! Mastering promises is a must...

IntuitechIntuitech
Cover Image for 7 Simple Menu Icon Animation For Beginners

7 Simple Menu Icon Animation For Beginners

Here is the list of 7 simple menu icon animation (hamburger) for beginners. All animation are done wi...

IntuitechIntuitech
Cover Image for Awesome Tools and Technologies I Use as a Developer!

Awesome Tools and Technologies I Use as a Developer!

Hey, There!👋 Welcome, back to another post of Top N! It's a series where I post Top 10, Be...

IntuitechIntuitech
Cover Image for Git - How to fix a bad commit

Git - How to fix a bad commit

Oh no, this commit is a mess! 🤦‍♂️ Sometimes, we all have a bad day and we can forget to include a f...

IntuitechIntuitech
Cover Image for I launched a Free Drag and Drop Dashboard Builder

I launched a Free Drag and Drop Dashboard Builder

Hi, I recently launched the Beta version of Loopple, a Free Drag and Drop Dashboard Builder that aim...

IntuitechIntuitech
Cover Image for Windows 10 grid hover effect using HTML, CSS, and vanilla JS

Windows 10 grid hover effect using HTML, CSS, and vanilla JS

Hello there, if you've arrived here after reading my previous post, I'd like to congratulate you as y...

IntuitechIntuitech
Cover Image for 10 GitHub Repositories every Developer should know

10 GitHub Repositories every Developer should know

Other than being the home for some of the most interesting Open Source Projects on the internet, GitH...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 23rd April 2021

🚀10 Trending projects on GitHub for web developers - 23rd April 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for Creating a Node back-end using the MVC software design pattern

Creating a Node back-end using the MVC software design pattern

In this tutorial you will learn how to create a Node back-end using the Model–view–controller (MVC) s...

IntuitechIntuitech
Cover Image for How to Build a Color Wheel with Tints & Shades

How to Build a Color Wheel with Tints & Shades

I've built a handful of color pickers through the years, so when I in this book stumbled upon a color...

IntuitechIntuitech
Cover Image for Manage your Finances 💰with this notion template

Manage your Finances 💰with this notion template

Hey folks 👋🏼. Just launched another Product on the Product hunt. It's a template that helps you manag...

IntuitechIntuitech
Cover Image for 25 Udemy Courses Worth Your Money & Time 🚀

25 Udemy Courses Worth Your Money & Time 🚀

Hello Devs, We're back with another article, and in this one, we are giving you the best of the best...

IntuitechIntuitech
Cover Image for Build a Discord Bot in 6 Minutes With Node.js and Autocode

Build a Discord Bot in 6 Minutes With Node.js and Autocode

Set up a fully-customizable Discord bot that responds when mentioned in just minutes

IntuitechIntuitech
Cover Image for Building a Healthier Planet with Open Source Software

Building a Healthier Planet with Open Source Software

Earth Day 2021

IntuitechIntuitech
Cover Image for How To Make Money With Technical Articles As A Developer

How To Make Money With Technical Articles As A Developer

Learn how to monetise your knowledge and create a side income Writing paid technical articles...

IntuitechIntuitech
Cover Image for Top 10 Chrome Extensions for Web Developers 🚀🚀

Top 10 Chrome Extensions for Web Developers 🚀🚀

Colorzilla ColorZilla is a css tool from which you can get a color reading from any point in your b...

IntuitechIntuitech
Cover Image for 15+ Awesome CSS Animation Resources

15+ Awesome CSS Animation Resources

Here is the list of awesome CSS animation resources which will help you to animate components quickly...

IntuitechIntuitech
Cover Image for 7 Websites To Find Remote Developer Jobs

7 Websites To Find Remote Developer Jobs

Find a developer job that allows you to work from anywhere Originally posted on the codelounge.d...

IntuitechIntuitech
Cover Image for Accepting payments with Stripe, Nuxt. js and vercel

Accepting payments with Stripe, Nuxt. js and vercel

It's been a long time since my last post and I wanted to write a small article on how to accept payme...

IntuitechIntuitech
Cover Image for The Subtle Art of Being A Developer Advocate

The Subtle Art of Being A Developer Advocate

A few years ago I wrote this article called "What the heck is a developer advocate?" which tried to h...

IntuitechIntuitech
Cover Image for Where do you like to travel the most? 🏔🏝

Where do you like to travel the most? 🏔🏝

What's your favourite tourist place and why?

IntuitechIntuitech
Cover Image for 20 useful free resources for Web Developers

20 useful free resources for Web Developers

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

IntuitechIntuitech
Cover Image for 200+ JS Resources to master programming 💥  Cheat Sheet

200+ JS Resources to master programming 💥 Cheat Sheet

Hello World! I felt bored after completing the Ultimate Cheat Sheet Compilation, so I just decided to...

IntuitechIntuitech
Cover Image for 30+ website to find designs for your next projects

30+ website to find designs for your next projects

In this post you can find Website Designs For You Next Projects Its Free For All And Easily Acessable...

IntuitechIntuitech
Cover Image for Implementing Passwordless Authentication in Node.JS

Implementing Passwordless Authentication in Node.JS

One of the OWASP Top 10 security issues for websites is authentication that hasn't been implemented correctly. In this quick article, you'll see one of the ways you can make your own authentication system with Node.JS.

IntuitechIntuitech
Cover Image for Tree shaking for JavaScript library authors

Tree shaking for JavaScript library authors

Contrary to what most developers think, tree shaking isn’t very complicated. The discussion around th...

IntuitechIntuitech
Cover Image for 14 CSS Topics You Must Know

14 CSS Topics You Must Know

Some advanced CSS topics which you think you already know but might not be deep enough to be extremely productive on daily basis

IntuitechIntuitech
Cover Image for 15+ CSS HOVER EFFECTS EXAMPLE

15+ CSS HOVER EFFECTS EXAMPLE

  IF YOU LIKE AIRTICLE THEN CHECK MORE 40+ Stunning CSS Hover Effects Example  ...

IntuitechIntuitech
Cover Image for How to Grow a Freelancing Business by Outsourcing

How to Grow a Freelancing Business by Outsourcing

Outsourcing can change your freelancing business. Once you realize that TIME is your greatest ASSET,...

IntuitechIntuitech
Cover Image for The React Router Cheatsheet: Everything You Should Know

The React Router Cheatsheet: Everything You Should Know

If you're building React applications for the web, you're going to need to use a dedicated router to...

IntuitechIntuitech
Cover Image for Why “dark mode” is more energy-efficient: How to calculate image energy-cost

Why “dark mode” is more energy-efficient: How to calculate image energy-cost

When I read Tom Greenfords execellent book Sustainable Web Design, there was one fact that stuck with...

IntuitechIntuitech
Cover Image for Awesome CSS Layout Resources For Beginners

Awesome CSS Layout Resources For Beginners

Here is a list of awesome CSS layout generators and layout examples. The list contains Flexbox based...

IntuitechIntuitech
Cover Image for 🔨 [git]: Write better commits with Gitmoji

🔨 [git]: Write better commits with Gitmoji

📝 Notes Gitmoji is an initiative to standardize and explain the use of emojis on GitHub...

IntuitechIntuitech
Cover Image for Nginx Cheatsheet

Nginx Cheatsheet

Nginx is open-source software for web serving, reverse proxying, caching, load balancing, media strea...

IntuitechIntuitech
Cover Image for Some Vanilla JS libraries you must try

Some Vanilla JS libraries you must try

Never underestimate the power of simplicity. It's hard to imagine the application of concepts like pu...

IntuitechIntuitech
Cover Image for Supercharge Your Website Using PWA: Installable Website

Supercharge Your Website Using PWA: Installable Website

What is a PWA? Progressive Web Apps (PWA) are web applications that have been designed so...

IntuitechIntuitech
Cover Image for 40 Amazing Chrome Extensions for Web Developers and Designers

40 Amazing Chrome Extensions for Web Developers and Designers

Hello Devs 👋 This is Savio here. I'm young dev with an intention to enhance as a successfu...

IntuitechIntuitech
Cover Image for 6 Different Ways I Make Money as a Software Developer  -  You Can Too

6 Different Ways I Make Money as a Software Developer  -  You Can Too

I wanted to make money on the internet for years, but I didn't know how to get started. Being a Soft...

IntuitechIntuitech
Cover Image for A futuristic dark theme `Aurora Future`

A futuristic dark theme `Aurora Future`

Aurora Future This theme is inspired by Adam Argyle's Kung-Fury-Theme. Purple, pink and...

IntuitechIntuitech
Cover Image for How to Hide your React Source Code from Chrome Dev Tools when Deployed to Production

How to Hide your React Source Code from Chrome Dev Tools when Deployed to Production

Do you know that when you deploy your React application which is created using create-react-app or...

IntuitechIntuitech
Cover Image for Manage all your home 🏡chores with this Notion Template🔥

Manage all your home 🏡chores with this Notion Template🔥

Hey folks 👋🏼. Just launched another Product on the Product hunt. It's a template that helps you optim...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 16th April 2021

🚀10 Trending projects on GitHub for web developers - 16th April 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for Create a Website With Video Background | HTML & CSS

Create a Website With Video Background | HTML & CSS

Video is probably the number one way to draw attention. A good video background can easily make peopl...

IntuitechIntuitech
Cover Image for Fully accessible Menu components by headless UI tailwindcss

Fully accessible Menu components by headless UI tailwindcss

This blog focuses on best-practice guidance on implementing accessibility in the menu components by u...

IntuitechIntuitech
Cover Image for React CRUD App Tutorial – Build a Book Management App in React from Scratch

React CRUD App Tutorial – Build a Book Management App in React from Scratch

In this article, you will build a Book Management App in React from scratch and learn how to perform...

IntuitechIntuitech
Cover Image for Why I moved from Styled Components to (S)CSS modules

Why I moved from Styled Components to (S)CSS modules

A little writeup of my reasons behind moving from Styled Components to SCSS modules, and the benefits I got out of this.

IntuitechIntuitech
Cover Image for 100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

Ready for the 3rd round? let's go! As usual: No SVG, No JS, No extra tag, No pseudo element, No keyf...

IntuitechIntuitech
Cover Image for 15 Free React  Templates for Your Next Project

15 Free React Templates for Your Next Project

React! In less than a decade of existence, React has indeed grown in leaps and bounds. It has beco...

IntuitechIntuitech
Cover Image for How To Create A Kickass GitHub Profile Page

How To Create A Kickass GitHub Profile Page

This tutorial is also available as a video. Click on the video below or click this link. In t...

IntuitechIntuitech
Cover Image for I'm An Impostor

I'm An Impostor

I wanted to write this article because I'm routinely frustrated by (what I perceive to be) the contin...

IntuitechIntuitech
Cover Image for List of Visual Tools to help with Data Structures and Algorithms

List of Visual Tools to help with Data Structures and Algorithms

As a self-taught dev, it is a little intimidating and overwhelming to learn Data Structures and Algor...

IntuitechIntuitech
Cover Image for 5 Key Lessons React Tutorials Don't Teach

5 Key Lessons React Tutorials Don't Teach

There are many essential concepts and lessons that React developers need to know that simply aren't c...

IntuitechIntuitech
Cover Image for Boost your online presence with a STRONG personal brand 🚀

Boost your online presence with a STRONG personal brand 🚀

Photo by Garrhet Sampson on Unsplash Hola amigos! 👋🏻 Welcome to another one of my blogs! I'm delig...

IntuitechIntuitech
Cover Image for Let's Build An Instagram Clone With The PETAL(Phoenix, Elixir, TailwindCSS, AlpineJS, LiveView) Stack

Let's Build An Instagram Clone With The PETAL(Phoenix, Elixir, TailwindCSS, AlpineJS, LiveView) Stack

The better way to learn is by getting our hands dirty and building things, let's build a simplified v...

IntuitechIntuitech
Cover Image for Useful free and paid resources for Web Developers to stay updated

Useful free and paid resources for Web Developers to stay updated

Online resources JavaScript 30 by Wes Bos JavaScript.info Youtube channels LevelUpTuts Traversy...

IntuitechIntuitech
Cover Image for Discussion - Is Covid Impacting Developers Life?

Discussion - Is Covid Impacting Developers Life?

Don't leave this article before taking this quick survey: Covid had the most impact on your... ❤:...

IntuitechIntuitech
Cover Image for 10 GitHub repos you need to know as a web developer

10 GitHub repos you need to know as a web developer

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

IntuitechIntuitech
Cover Image for 30 Awesome places to find design inspiration

30 Awesome places to find design inspiration

If I could give you one piece of advice about enhancing your creative process, it would be to never a...

IntuitechIntuitech
Cover Image for A pure CSS password generator! 😱 They said it can't be done...

A pure CSS password generator! 😱 They said it can't be done...

I have seen loads of people say "it can't be done" and....well it can't (yet)! However after seeing...

IntuitechIntuitech
Cover Image for State Management Battle in React 2021: Hooks, Redux, and Recoil

State Management Battle in React 2021: Hooks, Redux, and Recoil

Introduction: Over the years, the massive growth of React.JS has given birth to different...

IntuitechIntuitech
Cover Image for Understanding Web Vitals

Understanding Web Vitals

Web Vitals are a set of metrics that Google views as essential to a website’s user experience (UX). G...

IntuitechIntuitech
Cover Image for 40+ Useful Resources for Mastering WebğŸŽ

40+ Useful Resources for Mastering WebğŸŽ

Introduction We have a list of various resources that can help you to solve many problems...

IntuitechIntuitech
Cover Image for A different approach to frontend architecture

A different approach to frontend architecture

(image source: https://www.infoq.com/i18n/software-architecture-trends-2019) This article aims to...

IntuitechIntuitech
Cover Image for Are you already lost in your node_modules?

Are you already lost in your node_modules?

It doesn’t matter if you work with React or Angular or Node.JS after some time when your project is...

IntuitechIntuitech
Cover Image for 👨‍💻Best VsCode extensions for Python Developers🐍

👨‍💻Best VsCode extensions for Python Developers🐍

Why do you need good tools for create software? 🤔 Short answer Really you don't...

IntuitechIntuitech
Cover Image for How to Plan and Build a Programming Project – A Legitimate Guide for Beginners

How to Plan and Build a Programming Project – A Legitimate Guide for Beginners

This is a post I have thought about writing for a long time, I originally published it on my blog in...

IntuitechIntuitech
Cover Image for Awesome 404 Page Templates for your Websites

Awesome 404 Page Templates for your Websites

There are different HTTP response status codes. Especially, the 404 one. Now, we wouldn't want our...

IntuitechIntuitech
Cover Image for Create the Ultimate User Experience with AOS (Animate on Scroll)

Create the Ultimate User Experience with AOS (Animate on Scroll)

What is AOS? As front-end developer, a popular request you might get from your clients is...

IntuitechIntuitech
Cover Image for Frontend Security

Frontend Security

Modern web development comes with a variety of challenges that developers have to consider, such as p...

IntuitechIntuitech
Cover Image for How to have a meaningful weekend as a programmer?

How to have a meaningful weekend as a programmer?

Human life is a precious incarnation. Being born has a probability of about one in 400 trillion. So t...

IntuitechIntuitech
Cover Image for The React Tutorial for 2021: A Complete Guide

The React Tutorial for 2021: A Complete Guide

Welcome to a tutorial made to help you become effective with React as quickly as possible as you buil...

IntuitechIntuitech
Cover Image for Projects ideas to become a javascript master 🚀 Resource compilation 💥 + Giveaway⚡

Projects ideas to become a javascript master 🚀 Resource compilation 💥 + Giveaway⚡

Hello World! Today I wanted to share with you 10 projects you can build to be from zero to hero in ja...

IntuitechIntuitech
Cover Image for 50 Python Projects with Source Code

50 Python Projects with Source Code

*Do you want to Kickstart a career in CyberSecurity and want to know how hackers hack in real life *...

IntuitechIntuitech
Cover Image for 8 Rad Themes for Visual Studio Code

8 Rad Themes for Visual Studio Code

Want your to change your text editor from this: To This: Here are eight rad VSCode themes you c...

IntuitechIntuitech
Cover Image for How I Stay Up To Date

How I Stay Up To Date

I've managed to stay in touch with what is happening in the React world, the Node.js world and also k...

IntuitechIntuitech
Cover Image for JSON web tokens are NOT meant for authenticating the same user repeatedly: Use session tokens instead

JSON web tokens are NOT meant for authenticating the same user repeatedly: Use session tokens instead

There's a countless number of articles across the web that compare session tokens and JSON web tokens...

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 9th April 2021

🚀10 Trending projects on GitHub for web developers - 9th April 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for 12 Resources To Improve Your CSS Skills And Speed Up CSS Development

12 Resources To Improve Your CSS Skills And Speed Up CSS Development

Originally posted on the codelounge.dev blog => 12 Resources To Improve Your CSS Skills And Spee...

IntuitechIntuitech
Cover Image for FREE And Useful Resources for Web Development in 2021⚡

FREE And Useful Resources for Web Development in 2021⚡

Fontjoy Fontjoy helps designers choose the best font combinations. Mix and match differen...

IntuitechIntuitech
Cover Image for Setting up my new Machine

Setting up my new Machine

I was recently setting up a new machine and these are the tools I reached for first.

IntuitechIntuitech
Cover Image for The Complete Guide to Full Stack Ethereum Development

The Complete Guide to Full Stack Ethereum Development

Building Full Stack dApps with React, Ethers.js, and Hardhat

IntuitechIntuitech
Cover Image for 4 awesome javascript projects worthy of your collection

4 awesome javascript projects worthy of your collection

I have been staying at home recently, and when facing the computer, I was collecting all kin...

IntuitechIntuitech
Cover Image for How to use ES6 import syntax in Node.js

How to use ES6 import syntax in Node.js

A module is a JavaScript file that exports one or more values. The exported value can be a variable,...

IntuitechIntuitech
Cover Image for React Custom Hooks Tutorial - Creating useOnline, Testing and Publishing It

React Custom Hooks Tutorial - Creating useOnline, Testing and Publishing It

This was originally posted on my personal blog In this tutorial, we'll go over how to create a simpl...

IntuitechIntuitech
Cover Image for 🌏 Roadmap to Full-Stack Development 🌏

🌏 Roadmap to Full-Stack Development 🌏

📌 Who is a Full-Stack Developer? A full-stack developer is an engineer who can handle all...

IntuitechIntuitech
Cover Image for What no one told you about CSS Variables

What no one told you about CSS Variables

CSS Variables are great but do you know everything about them? In this post, I will highlight few q...

IntuitechIntuitech
Cover Image for 😬15 Very Important Javascript String Methods Every Developer Should Know

😬15 Very Important Javascript String Methods Every Developer Should Know

Manipulation of javascript strings are very important in most of the web development projects. So ,...

IntuitechIntuitech
Cover Image for 7 new features, 51.3 new bugs added 😋, the DEV.TO 👩‍💻👨‍💻 editor [PART DEUX!]

7 new features, 51.3 new bugs added 😋, the DEV.TO 👩‍💻👨‍💻 editor [PART DEUX!]

Welcome to the dev.to editor version 0.02! My attempt at creating an editor for dev.to to make writin...

IntuitechIntuitech
Cover Image for Must have Themes and Extensions for every Developers - Visual studio code setup

Must have Themes and Extensions for every Developers - Visual studio code setup

Personally I have been using Visual studio Code since back in 2018, and it has turned out to be one o...

IntuitechIntuitech
Cover Image for My Visual Studio Code Setup

My Visual Studio Code Setup

A lot of people have been asking me, what extensions and themes do you use in Visual Studio Code? He...

IntuitechIntuitech
Cover Image for Ultimate VueJS Resources🛠 For Developers👨‍💻

Ultimate VueJS Resources🛠 For Developers👨‍💻

As we all know, Vue is one of the best JavaScript frameworks. It is highly recommended by developers...

IntuitechIntuitech
Cover Image for 2 awesome landing page templates, welcome to use

2 awesome landing page templates, welcome to use

I have been staying at home recently, and when facing the computer, I was collecting all kin...

IntuitechIntuitech
Cover Image for 7 Ways to Write Cleaner React Code Today

7 Ways to Write Cleaner React Code Today

📣 This post originally appeared on ReedBarger.com. As React developers, we all want to write cleaner...

IntuitechIntuitech
Cover Image for 8 JavaScript Tips & Tricks  That No One Teaches 🚀

8 JavaScript Tips & Tricks That No One Teaches 🚀

JavaScript is no doubt one of the coolest languages in the world and is gaining more and more popular...

IntuitechIntuitech
Cover Image for Hooray! I Created my First Portfolio! ğŸ“‚ğŸŽ‰

Hooray! I Created my First Portfolio! ğŸ“‚ğŸŽ‰

For the last few months, I've been working on a personal portfolio. I've always believed that a separ...

IntuitechIntuitech
Cover Image for Microsoft Java is out

Microsoft Java is out

Yes, you read correctly. We just announced the Preview of Microsoft Build of OpenJDK on Twitter and o...

IntuitechIntuitech
Cover Image for Create image inside a text.

Create image inside a text.

Random image on each reload using HTML,CSS , JS.

IntuitechIntuitech
Cover Image for Delete node_modules like a Pro

Delete node_modules like a Pro

Usually, while working on multiple projects we complain about the hard drive which is mystically alwa...

IntuitechIntuitech
Cover Image for Ways of Getting Data from API in React

Ways of Getting Data from API in React

This blog post is about the ways of getting data from API in React. Before you read this post, you s...

IntuitechIntuitech
Cover Image for What are Microservices:  The Pros and Cons

What are Microservices: The Pros and Cons

Microservice Architecture or Microservices are increasingly being used in the software industry to...

IntuitechIntuitech
Cover Image for 3 very popular and wonderful resume page templates

3 very popular and wonderful resume page templates

I have been staying at home recently, and when facing the computer, I was collecting all kin...

IntuitechIntuitech
Cover Image for A better way to use SVGs

A better way to use SVGs

External SVGs are great, but have obvious downsides when compared to inline SVGs. external-svg-loader solves them by giving a better to use them

IntuitechIntuitech
Cover Image for Amazing card hover effect   with grid in HTML & CSS

Amazing card hover effect with grid in HTML & CSS

Hello, today I created an amazing card hover effect with a grid using HTML & CSS but this is a re...

IntuitechIntuitech
Cover Image for I write my own web desktop OS for 3 years and this is what it looks like now

I write my own web desktop OS for 3 years and this is what it looks like now

This is a story about a poor student who just want a storage solution for his musics, video and photo...

IntuitechIntuitech
Cover Image for Turn your website into a Cross-Platform Desktop App with less than 15 lines of code with Electron

Turn your website into a Cross-Platform Desktop App with less than 15 lines of code with Electron

What is Electron? Electron is an open-source software framework developed and maintained b...

IntuitechIntuitech
Cover Image for Every CSS Background Property illustrated 2021 || CSS 2021

Every CSS Background Property illustrated 2021 || CSS 2021

Today we're gonna learn all CSS background properties with every possible value along with short-hand...

IntuitechIntuitech
Cover Image for If you weren't a dev, you'd be a...

If you weren't a dev, you'd be a...

an astronaut🚀, a cook👩‍🍳, a dancer🕺 (maybe not this one), a policeman👮, a footballer⚽ (only if I los...

IntuitechIntuitech
Cover Image for JavaScript Amazing operators

JavaScript Amazing operators

JavaScript Amazing operators Hello Everyone, In this tutorial I am going to discuss about...

IntuitechIntuitech
Cover Image for The Best 20 Places To Learn How To Code For Free

The Best 20 Places To Learn How To Code For Free

Originally posted on the codelounge.dev blog => The Best 20 Places To Learn How To Code For Free...

IntuitechIntuitech
Cover Image for Understand Big O notation in 7 minutes

Understand Big O notation in 7 minutes

The Big O notation is a notion often completely ignored by developers. It is however a fundamental notion, more than useful and simple to understand.

IntuitechIntuitech
Cover Image for 🚀10 Trending projects on GitHub for web developers - 2nd April 2021

🚀10 Trending projects on GitHub for web developers - 2nd April 2021

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensu...

IntuitechIntuitech
Cover Image for A lot of useful and wonderful landing page templates

A lot of useful and wonderful landing page templates

awesome-landing-page is A series of beautiful and practical landing page templates. There...

IntuitechIntuitech
Cover Image for Benefits of Microservices Architecture

Benefits of Microservices Architecture

Microservices architecture enables a system to be divided into multiple smaller, individual and ind...

IntuitechIntuitech
Cover Image for ✔||🤢 Commit or Vomit

✔||🤢 Commit or Vomit

In my recent post I questioned the use of a switch instead of an if else statement. This gave me the...

IntuitechIntuitech
Cover Image for SASS Cheat Sheet 🔥 - Best SASS Cheatsheet Online 🚀

SASS Cheat Sheet 🔥 - Best SASS Cheatsheet Online 🚀

Hey Devs, This is the most complete and well-structured SASS cheatsheet you can find online!! So let...

IntuitechIntuitech
Cover Image for 4 Best UI Framework For ReactJS

4 Best UI Framework For ReactJS

Introduction Building any project from scratch is painful as it takes a lot of time, cause...

IntuitechIntuitech
Cover Image for Building a GraphQL API on AWS with Amazon Neptune Graph Database and CDK

Building a GraphQL API on AWS with Amazon Neptune Graph Database and CDK

In this tutorial, I'll walk through how to build a Neptune-backed AppSync GraphQL API with AWS CDK, AWS AppSync, and AWS Lambda.

IntuitechIntuitech
Cover Image for JavaScript Influencers to Follow in 2021🤩

JavaScript Influencers to Follow in 2021🤩

Well, here we are going to list down some of the well-known JavaScript influencers. Although, before...

IntuitechIntuitech
Cover Image for Learn React Hooks by looking under the hood of a video chat app

Learn React Hooks by looking under the hood of a video chat app

Like most developers I know, I learn a lot every day at work. That's part of why I wanted to make pro...

IntuitechIntuitech
Cover Image for Top 10 Chrome Extensions I can't live without

Top 10 Chrome Extensions I can't live without

Chrome extensions are simple extension tools that help with coordinating one's work. I have been a gr...

IntuitechIntuitech
Cover Image for 8 Ultimate ressources for learning Web Dev in 2021 #1

8 Ultimate ressources for learning Web Dev in 2021 #1

Hey friends ! I'm sharing with you a lot of ressources about web developper that will help you to imp...

IntuitechIntuitech
Cover Image for Hybrid Cloud Explained (By a Non-Developer)

Hybrid Cloud Explained (By a Non-Developer)

Hello again. It’s March, and while I missed February for putting out an “Explained” blog, I have a to...

IntuitechIntuitech
Cover Image for 📝 Plan ahead for your next dream Job 🧳 Inside Notion? 🚀💯

📝 Plan ahead for your next dream Job 🧳 Inside Notion? 🚀💯

Notion Template to help you get your next Dream Job.

IntuitechIntuitech
Cover Image for The incredible weight of being a trans woman in tech

The incredible weight of being a trans woman in tech

Content warnings for bullying, abuse, trans-misogyny, the general state of horibbleness in tech. If a...

IntuitechIntuitech
Cover Image for Why all Developers should Blog - No Excuses!

Why all Developers should Blog - No Excuses!

👉 Cover Image by Glenn Carstens-Peters on Unsplash 😨 Why most people are afraid of blogging...

IntuitechIntuitech
Cover Image for 5 things I'm thinking about when I check a Pull Request for accessibility

5 things I'm thinking about when I check a Pull Request for accessibility

(Photo by Cookie the Pom on Unsplash) Developing reliable, accessible, apps is really a whole-team e...

IntuitechIntuitech
Cover Image for Another 100 underline/overlay  animations | The extended CSS collection 🥇🥈

Another 100 underline/overlay animations | The extended CSS collection 🥇🥈

You all liked my previous collection of 100 animations so here I am with another collection. Now you...

IntuitechIntuitech
Cover Image for React.js : Zero to Hero

React.js : Zero to Hero

I dont like react anymore, all hail vue.js Intro: React is an Open Source view library created and m...

IntuitechIntuitech
Cover Image for Finally - How to understand math - Awesome resource list 🚀

Finally - How to understand math - Awesome resource list 🚀

Hello World Here is the list of ... 1, 2, 3... Yes, 6 useful resources for you to learn math! 🔖 -...

IntuitechIntuitech
Cover Image for List of Resources to Easily Crack Your Next JavaScript/React Interview

List of Resources to Easily Crack Your Next JavaScript/React Interview

List of 1000 JavaScript Interview Questions A very popular resource for the collection of...

IntuitechIntuitech
Cover Image for 15+ Useful Web Development Tools That You Might Not Know

15+ Useful Web Development Tools That You Might Not Know

Web development tools help developers to build a website or an application easier and faster. It simp...

IntuitechIntuitech
Cover Image for Back to Basics: Understanding and Conquering "this" in Javascript

Back to Basics: Understanding and Conquering "this" in Javascript

Understanding the dark magic of function context in Javascript and Typescript

IntuitechIntuitech
Cover Image for Learn Next.js For Free with These Resources

Learn Next.js For Free with These Resources

Hello friends, yesterday I have shared React resources and I think after learning React, Next.js may...

IntuitechIntuitech
Cover Image for Top 10 Git GUI clients

Top 10 Git GUI clients

Introduction A lot of people prefer to use the command line when it comes to Git, but usin...

IntuitechIntuitech
Cover Image for You ain't gonna need it

You ain't gonna need it

I love coming back to a feature that was developed a couple of months ago and seeing that extending i...

IntuitechIntuitech
Cover Image for Bring you website to life with SVG animations

Bring you website to life with SVG animations

What is a SVG? Scalable Vector Graphics (SVG) are an XML-based markup language for describ...

IntuitechIntuitech
Cover Image for Building a RESTful API with NestJS and MongoDB (Mongoose)

Building a RESTful API with NestJS and MongoDB (Mongoose)

Introduction We will learn how to implement a RESTful API for a simple todo application us...

IntuitechIntuitech
Cover Image for call(), apply() and bind() methods in Javascript

call(), apply() and bind() methods in Javascript

We know that functions are a special kind of objects in JavaScript. So they have access to some metho...

IntuitechIntuitech
Cover Image for Static Site Generators - the WordPress alternative no one's talking about

Static Site Generators - the WordPress alternative no one's talking about

We've all experienced it. Websites suddenly becoming slow for no reason, loading times in the double...

IntuitechIntuitech
Cover Image for Ultimate React Resources

Ultimate React Resources

Hello everyone, today I will be sharing React.js resources. These include blog posts, free e-books, G...

IntuitechIntuitech
Cover Image for 70+ Websites with Free Images/Videos and Tools for Your Projects

70+ Websites with Free Images/Videos and Tools for Your Projects

Hello, friends. I hope you liked my last posts about free Javascript resources, and 50+ Free Website...

IntuitechIntuitech
Cover Image for CSS Position Property Explained!

CSS Position Property Explained!

Introduction We struggle a lot while positioning elements at the right place on the webpag...

IntuitechIntuitech
Cover Image for Epiphanies and Ideas on Sustainable Open Source @Aviyel 💡🌱

Epiphanies and Ideas on Sustainable Open Source @Aviyel 💡🌱

A dream, an epiphany, a problem or a bug - most open source projects take birth here. Not so differen...

IntuitechIntuitech
Cover Image for How to style console.logs in Chrome Dev Tools

How to style console.logs in Chrome Dev Tools

If you're like me and you use console.log as a debugging method by printing things to the console, th...

IntuitechIntuitech
Cover Image for React.js + Drag&Drop

React.js + Drag&Drop

In my most recent project, 'GreenHouse', users manage spaces that may contain any number of house pla...

IntuitechIntuitech
Cover Image for 50 Cool Web And Mobile Project Ideas for 2021

50 Cool Web And Mobile Project Ideas for 2021

A lot of people struggle when it comes to thinking of project ideas. Here is a list of 50 cool projec...

IntuitechIntuitech
Cover Image for Angels of Supabase

Angels of Supabase

Supabase is an open source Firebase alternative. We're on a mission to build an incredible developer...

IntuitechIntuitech
Cover Image for How I Made My Website Load 18% Faster

How I Made My Website Load 18% Faster

15 minutes could save you 15% or more on performance Source: Arnold Francisca Far too often, perform...

IntuitechIntuitech
Cover Image for How to access localhost from the Internet?

How to access localhost from the Internet?

Suppose you are working on a hobby project or building projects locally for learning few concepts. On...

IntuitechIntuitech
Cover Image for Ultimate FREE Javascript Resources

Ultimate FREE Javascript Resources

Hello friends, today I will be sharing free Javascript resources that you can practice your skills. L...

IntuitechIntuitech
Cover Image for 10 Free and Open-sourced Tailwind CSS Templates

10 Free and Open-sourced Tailwind CSS Templates

👋 Hello Dev fam! I had a mini list of some free, open-sourced templates of Tailwind, so thought wh...

IntuitechIntuitech
Cover Image for 5 Tips You Want To See If You Work Remotely

5 Tips You Want To See If You Work Remotely

Originally posted on my Hashnode blog. Hashnode is a blogging platform that allows you to blog on YOU...

IntuitechIntuitech
Cover Image for Applying To Facebook

Applying To Facebook

So I just had an idea for what might be an interesting/helpful blog series for all of my faithful rea...

IntuitechIntuitech
Cover Image for How to Animate Your React Apps with Lottie

How to Animate Your React Apps with Lottie

📣 This post originally appeared on ReedBarger.com. Animations can make for a more engaging user expe...

IntuitechIntuitech
Cover Image for Level Up Your CSS with These 39 Resources

Level Up Your CSS with These 39 Resources

Hello everyone, today I will be sharing CSS tools that you can use to create beautiful styles....

IntuitechIntuitech
Cover Image for 4 Useful Web Development Tools That Under The Radar

4 Useful Web Development Tools That Under The Radar

Here are four tools that you probably don't know about, but that can save you hours. 4. Re...

IntuitechIntuitech
Cover Image for How to Create React Hooks: A Step-by-Step Guide

How to Create React Hooks: A Step-by-Step Guide

📣 This post originally appeared on ReedBarger.com. Custom React hooks are an essential tool to add s...

IntuitechIntuitech
Cover Image for React Tips & Patterns

React Tips & Patterns

React is pretty easy to learn if you know JavaScript, however, it's pretty easy to lose track of your...

IntuitechIntuitech
Cover Image for Amazing CSS libraries for your next project

Amazing CSS libraries for your next project

I've often heard this, 2020 is the era of flying cars but front-end developers are still struggling w...

IntuitechIntuitech
Cover Image for Free Digital Assets for Your Projects from 33 Websites

Free Digital Assets for Your Projects from 33 Websites

Hello friends, thanks for reading my 50 Free Websites For Learning How to Code post yesterday, if you...

IntuitechIntuitech
Cover Image for 😬 10 Must Know Javascript Array Methods

😬 10 Must Know Javascript Array Methods

In this article , we will see 10 important javascript array methods which almost needed everywhere in...

IntuitechIntuitech
Cover Image for 50 Free Websites For Learning How to Code

50 Free Websites For Learning How to Code

I have been going through my bookmark list yesterday and decided to make a list of my bookmarks. I wi...

IntuitechIntuitech
Cover Image for How the Web Audio API is used for browser fingerprinting

How the Web Audio API is used for browser fingerprinting

Did you know that you can identify web browsers without using cookies or asking for permissions? Thi...

IntuitechIntuitech
Cover Image for How to make a scroll indicator bar with JS, HTML and CSS easily and explained 🖱️

How to make a scroll indicator bar with JS, HTML and CSS easily and explained 🖱️

Chances are you have already ran into sites where there is a bar, usually located in the header, that...

IntuitechIntuitech
Cover Image for I Got a Perfect Lighthouse Score on My First Portfolio Website!

I Got a Perfect Lighthouse Score on My First Portfolio Website!

I recently finished building and hosting my personal website. My goal was to keep the website static,...

IntuitechIntuitech
Cover Image for Data fetching React Hook

Data fetching React Hook

Making HTTP requests is a common task for most Single Page Applications. Due to the asynchronous natu...

IntuitechIntuitech
Cover Image for How I Made This Realistic Red Switch (Pure CSS)

How I Made This Realistic Red Switch (Pure CSS)

I created this pen last week after stumbling across this 3D Red Switch design on Dribble. Since t...

IntuitechIntuitech
Cover Image for Open-source Introduction to Git and GitHub eBook 💡

Open-source Introduction to Git and GitHub eBook 💡

💡 Introduction to Git and GitHub This is an open-source introduction to Git and GitHub gui...

IntuitechIntuitech
Cover Image for Spin the Wheel — a customizable roulette wheel in less than 30kb with a no-javascript fallback.

Spin the Wheel — a customizable roulette wheel in less than 30kb with a no-javascript fallback.

Here's the link: missingdice.com/spin-the-wheel. I'd really appreciate any feedback on improving it,...

IntuitechIntuitech
Cover Image for TypeScript Type Guards and Type Predicates

TypeScript Type Guards and Type Predicates

How to use Type Guards to narrow types in TypeScript.

IntuitechIntuitech
Cover Image for 5 neat JavaScript tips

5 neat JavaScript tips

In this post, I'll show you 5 neat JavaScript tips that will help you become a better developer. Alth...

IntuitechIntuitech
Cover Image for Git commit message convention that you can follow!

Git commit message convention that you can follow!

Motivation of this blog is to curate all information at one place and to make more people aware about...

IntuitechIntuitech
Cover Image for How to know when to quit as a programmer?

How to know when to quit as a programmer?

Being a software engineer is a fortune in this digital age. Having an opportunity to work from the co...

IntuitechIntuitech
Cover Image for Maximize User Experience with Infinite Scroll

Maximize User Experience with Infinite Scroll

What is Infinite Scroll? Infinite Scrolling is highly trending as an interaction behavior...

IntuitechIntuitech
Cover Image for OOP Principles For Dummies

OOP Principles For Dummies

I don't have much experience but been in a couple of interviews. They seem to always ask the same c...

IntuitechIntuitech
Cover Image for Day 001: How do Python Dictionaries work?

Day 001: How do Python Dictionaries work?

In this post, we'll dissect how a dictionary is represented in Python, and the hash-scheme it uses to...

IntuitechIntuitech
Cover Image for Debouncing v/s Throttling

Debouncing v/s Throttling

In this article, we will discuss what exactly is debouncing and throttling, why we use them & the...

IntuitechIntuitech
Cover Image for How to create beautiful confetti animations with tsParticles

How to create beautiful confetti animations with tsParticles

The new confetti shape With tsParticles you can create a lot of particles configurations w...

IntuitechIntuitech
Cover Image for My Top CSS Tips As Shared on Twitter - Part 2

My Top CSS Tips As Shared on Twitter - Part 2

Hi! I'm @5t3ph on Twitter (and most other places on the web) and here are more of my top shared CSS t...

IntuitechIntuitech
Cover Image for Sidebar Menu Using Only HTML and CSS

Sidebar Menu Using Only HTML and CSS

Hello readers, Today in this blog you’ll learn how to create a Sidebar Menu using HTML and CSS only....

IntuitechIntuitech
Cover Image for 111 amazing resources you're gonna love 💖

111 amazing resources you're gonna love 💖

Hello Devs 👋 This is Savio here. I'm young dev with an intention to enhance as a successfu...

IntuitechIntuitech
Cover Image for 6 amazing free tools that will save you some time when u are building websites. (Especially for 'non-designer' developers)

6 amazing free tools that will save you some time when u are building websites. (Especially for 'non-designer' developers)

Hello everyone, hope you are doing great! In this short article, I am writing about 6 free tools that...

IntuitechIntuitech
Cover Image for I blogged every single day for a year

I blogged every single day for a year

It's been 365 days since I started my blogging journey, and this will be article 365. I know many of...

IntuitechIntuitech
Cover Image for Know How to Google Is Important. Do You Know How Do It?

Know How to Google Is Important. Do You Know How Do It?

If you like this article, you might also like my Twitter content. You can find me here - Twitter prof...

IntuitechIntuitech
Cover Image for Resources to Build your Blog using Next.js and DEV.to

Resources to Build your Blog using Next.js and DEV.to

So I recently finished building my blog using Next.js, TypeScript, Tailwind and DEV.to CMS. This w...

IntuitechIntuitech
Cover Image for Bedrock - modern full-stack Next.js & GraphQL boilerplate

Bedrock - modern full-stack Next.js & GraphQL boilerplate

Software as a service (SaaS) is licensing and delivery model in which software is centrally hosted &a...

IntuitechIntuitech
Cover Image for Crack your MERN interview with these questions

Crack your MERN interview with these questions

MERN stack is one of the most powerful and in-demand web stacks in 2021. MERN is a free and open-sour...

IntuitechIntuitech
Cover Image for How React isn't reactive, and why you shouldn't care

How React isn't reactive, and why you shouldn't care

If the title agrees with you, you can stop reading right now. Move on to the next article. In technol...

IntuitechIntuitech
Cover Image for How to create simple multi-step sign in with validation

How to create simple multi-step sign in with validation

Introduction Let's say you need to create a multi-step login form like in gmail. You are u...

IntuitechIntuitech
Cover Image for Pure vs Impure Functions

Pure vs Impure Functions

Software engineering is full of jargon. Occasionally, to grasp the true meaning of the seemingly simp...

IntuitechIntuitech
Cover Image for 70+ Free Design Resources for Developer

70+ Free Design Resources for Developer

Be sure to follow me on Twitter for more value-packed content like this :) Colors ColorH...

IntuitechIntuitech
Cover Image for Goodbye Offline Page

Goodbye Offline Page

Dear DEV Community Members, I wanted to bring you all up to speed on a decision the Forem team rece...

IntuitechIntuitech
Cover Image for React Component to Smooth Scroll to the Top.

React Component to Smooth Scroll to the Top.

It's kinda rare to find a smooth scrolling button that takes you to the top of the page on modern blo...

IntuitechIntuitech
Cover Image for Upcoming JavaScript Features in 2021

Upcoming JavaScript Features in 2021

Latest not-finalized stage-4-proposal features going to be included in ECMAScript 2021

IntuitechIntuitech
Cover Image for 100 underline/overlay  animations | The ultimate CSS collection 🥇

100 underline/overlay animations | The ultimate CSS collection 🥇

Get tired searching animations for your menu items and links? Search no more! Here is a list of more...

IntuitechIntuitech
Cover Image for 5 useful sites for FRONTEND devs

5 useful sites for FRONTEND devs

5 useful sites for you to use in your frontend projects and impress everyone. Css Grid...

IntuitechIntuitech
Cover Image for Getting started with Tailwind and React: Implementing responsiveness.

Getting started with Tailwind and React: Implementing responsiveness.

Hello folks, In my last article, I explained how you can get started with Tailwind and React by crea...

IntuitechIntuitech
Cover Image for Learning about CSS pseudo-elements by building simple things - Part 1: Button and link hover effects.

Learning about CSS pseudo-elements by building simple things - Part 1: Button and link hover effects.

Hello everyone! Hope u r doing great. So the thing is I still struggle with understanding CSS pseudo-...

IntuitechIntuitech
Cover Image for The Shocking Immaturity of JavaScript

The Shocking Immaturity of JavaScript

Do code newbies realize just how shockingly buggy and incomplete all the tools they use really are?

IntuitechIntuitech
Cover Image for 7 JavaScript ES2017 Features to Learn

7 JavaScript ES2017 Features to Learn

The JavaScript ES2017 specification (ES8) has been around for a while. Many of the features introduce...

IntuitechIntuitech
Cover Image for Best Tools For Web Development

Best Tools For Web Development

Hi guys! I am just a beginner in web development and don't know much, but I am sure these tools will...

IntuitechIntuitech
Cover Image for A full comparison of 6 JS libraries for generating PDFs

A full comparison of 6 JS libraries for generating PDFs

This article will introduce you to a collection of libraries for creating PDFs in Javascript, comparing their uses and how they are used. Also, compared to the following aspects is it easy to handle in a modern front-end? works in Node and browser? Is it available as a UMD module? Is there a type? Can I use custom fonts?

IntuitechIntuitech
Cover Image for Microservices in 4 minutes - Introduction to Microservices

Microservices in 4 minutes - Introduction to Microservices

Learning microservices can be intimidating for any developer, but it's especially true for junior dev...

IntuitechIntuitech
Cover Image for Turning the Cloud Inside Out

Turning the Cloud Inside Out

Creating a cloud programming interface with GraphQL

IntuitechIntuitech