Posts Archive
Chrome DevTools: Recorder
Tailwind CSS Pseudo-elements
CRUD operations with Prisma and Fastify
Step by step guide to minting your Git commit as an NFT
Setting up a basic TypeORM starter
A first look at Prisma Studio
Managing migrations in Prisma (Add/Rename columns)
Set up a local Prisma instance
Hashnode is taking over the world
Installing PostgreSQL on a Mac with Homebrew
Creating a discord auto threading system
Hosting a discord bot on Railway
Show and hide a header based on scroll direction
Creating a Discord slash command bot
Building a Fastify NodeJS server
I received a letter from myself
10 coding challenges you have to try out
5 reasons why I love coding challenges
Public Solving: Find the missing presents
Public Solving: Caesar decipher in JavaScript
How I spend my 19% free time
Public Solving: Creating a song with JavaScript
Public Solving: Checking the sleighs automatically
Public Solving: Let it snow
Public Solving: Calculating the wind chill
Public Solving: Hacking Santas password
Public Solving: Making an autopilot navigator
Public Solving: Earth, Fire, Snow game
Public Solving: Converting Roman numerals to Arabic
Public Solving: Making a CSS art Christmas tree
Public Solving: Generating secure password
Public Solving: Linked List and a train
Public Solving: Decoding a secret message
Public Solving: Secret Santa in JavaScript
Public Solving: Matching smudged names
Public Solving: Nice or Naughty list
Public Solving: Creating random candy bags
Public Solving: Elf Post Service package calculator
Public Solving: Elf Coffee Shop API system
Public Solving: Elf Coffee Shop menu
Supabase automatically create user profiles on sign up
Next.js Supabase adding a GitHub login
Add a loading state to our Next.js Supabase app
Adding a user profile to our Supabase user
Authenticating Next.js with Supabase auth magic links
Deleting records from a Supabase database
Adding new records to a Supabase database
Adding Supabase to a Next.js application
Creating a Pac-Man themed divider in CSS
Thank you, Apple, for hijacking port 5000 😣
Animating a gradient border in CSS
JavaScript startsWith and multiple conditions
Chrome DevTools: CSS Overview
Typewriter effect CSS
My tailwind automation setup
A look at the ch CSS unit
My honest opinion on Tailwind CSS
Streaming desktop sound and microphone on Mac with Streamlabs
5 Things you need to know about screenshots on a Mac
GitHub basics: What are actions?
Git basics: Help my case-sensitive filename changes don't commit
I made my website rank by accident
Git basics: Conventional commits
Adding reading time to Astro (the easy way)
Mac quick action to convert images to JPG
My 5 step plan to deal with inspiration overload
I decreased my average load time by 381ms
Make your life easy with the Tailwind typography plugin
Creating an empty branch on an existing git repo
Blog posts beat Twitter threads
Netlify's super easy static forms
How to fix background scroll issues in CSS
Removing a .env file from Git history
Git basics: Contributing to open source
Git basics: Your first pull request
Git basics: Branches and strategies
Git basics: Ignore files from being committed
Git basics: Your first commit to GitHub
Git basics: What is GitHub?
Git basics: What is Git?
Reusable modal component in Astro
Are online editors the future?
My first month as a software engineer at daily.dev
Prisma creating a upvotes one-to-many relation
Static playlist website with Next.js and Prisma
How to perform non updating upserts in Prisma
Next.js posting data to Postgres through Prisma
Retrieving a persons Spotify playlist in Next.js
Adding email authentication to NextAuth.js
Seeding a Prisma database in Next.js
Adding Prisma to a Next.js project
Setting up a free PostgreSQL database on Heroku
NextAuth.js the easiest authentication for Next.js
Using Bootstrap in Next.js + free starter
React basics: creating a custom media query hook
Building an Astro website with WordPress as a headless CMS
React basics: explaining the useContext hook
React basics: explaining the useEffect hook
React basics: explaining the useState hook
React basics: Passing data between components
React basics: Looping a list
React basics: Creating our first React app
Develop a local WordPress theme using Docker
How I created a stack guessing tool using Next.js
Using forms in Next.js
Adding Typesense search to an Astro static generated website
8 Non-technical ways to contribute to open-source
Render a JSON page in Astro
How to use React icons in Next.js
Next.js toggle between grid and list view
Next.js static HTML export
Deploying a Next.js application on Vercel
How I landed a job at Daily.dev
Custom error pages in Next.js
Detect active links in Next.js
Creating a reusable layout in Next.js
Retrieving the primary WordPress menu in Next.js
Rendering all WordPress pages in Next.js
Loading WordPress posts in Next.js
WordPress Headless CMS + GraphQL
Revisiting Tailwind square divs with aspect ratio
Next.js page options and how they work
Setting up Next.js with Tailwind CSS
We are the example
Tailwind CSS fullscreen header image
Tailwind group hover, the state you missed
Using WordPress as a headless CMS
Learn how to come up with article ideas and stay consistent
Tailwind CSS responsive square divs
Guide to set up your WordPress site in Docker
JavaScript stop form submit
Creating a Notion page through a Node express app
Double down on the basics of web development
Updating a Notion page through a node website
Node express showing Notion results in the front end
Node express query Notion database
Configure Tailwind JIT for a node express app
Getting started with the Notion API
This Tailwind CSS cut out effect will amaze you
Creating Kirby with CSS art
Developers mill
What a time to be alive
My love letter to CodePen
Multi-colored text in CSS
JavaScript basics error handling
JavaScript basics arithmetic operators
Astro moving from collections to dynamic routing
JavaScript basics loops
JavaScript basics logical operators
JavaScript basics comparison operators
JavaScript basics if...else statement
JavaScript optional chaining (?.) to the rescue
Adding Auth0 to a Flutter application
Creating dialogs in Flutter
Flutter 3D pan effect
Building A Motivating Discord Bot In Node.js
You don't need --save anymore for NPM installs
Getting unique values from a JavaScript array using Set
Astro recipe collection website - Part 5 Hosting on Netlify
Astro recipe collection website - Part 4 Styling the website
Astro recipe collection website - Part 3 Category filter pages
Astro recipe collection website - Part 2 Homepage rendering
Astro recipe collection website - Part 1 Setup collections
Adding a snackbar in Flutter
Enabling Flutter desktop applications
5 things I learned from writing 500 tech articles
Flutter drawer sidebar menu
Flutter expandable list items
Mobile Security Framework (MobSF) for automated Mobile security testing
Animating a photo across screens in Flutter
How to solve App Tracking Transparency app store rejection in Ionic
How to create gradient text in Flutter
Using gradients in Flutter
Flutter scrollable horizontal avatar list
Flutter create a search bar for a list view
Building a photo grid view in Flutter
How to test your NPM package locally
Publish your own NPM package
I refactored all my articles
How to clip elements in CSS using clip-path
How to use Tailwind CSS in Astro
Adding a detail data fetching screen in Flutter
How to render individual pages from an external collection
Using React components in Astro for better loading
Recreating my portfolio website in Astro
Top anime shows Flutter app
Sending data to a new screen in Flutter
Navigate to a new screen and back in Flutter
A first look at Astro, astronomical results
No, they didn't make a mistake
How to use Google Fonts in a Flutter application
How to import a local widget in Flutter
How to verify your commits on GitHub
Flutter bottom TabBar placement
Flutter TabBar the basics
Generating Flutter app icons automatically
Running a Flutter app on iOS and Android emulators
Build a todo list app with Flutter
Exploring the Flutter layout flow
Running a node script continuously on Heroku
How I made my Twitter header dynamic
Flutter Stateful and Stateless widgets
Flutter how it works, Hello World
Installing Flutter on a Mac
Connect to Docker database with an external tool
I'm not an expert; I'm learning
Performance heads-up display in Chrome
Keep improving your lighthouse score
Moving from GIF to video format
Making gradient text with Tailwind CSS
Center elements with Tailwind CSS
Tailwind CSS equal height columns
Top 5 Password managers for Mac
PM2 Startup script, always keep processes running
Speedtest your connection in Python
Why PM2 is the process manager you're missing
Eleventy creating a static JavaScript search
Eleventy JSON endpoint with posts
Exploring :visited state possibilities
CSS :visited state, why we should use it
Linux zip files
Linux adding a timestamp to the bash history
JavaScript insert newly created element after another element
JavaScript insert newly created element before another element
Running WordPress locally on Mac OS X
Making htaccess work on Mac OS X
Mac OS X setting up virtual hosts
An automated GitHub-Discord bot
F-strings in Python
Python reduce() function
Python map() function
Python filter() function
NumPy arrays, a broader look
Installing and using NumPy in Python
Formatting strings in Python
Python Lambda functions
Regular Expressions in Python
Python write data to a Google sheet
Python read data from a Google sheet
Python read and write files
Writing functions in Python
Generating barcodes in Google Sheets
Python loops explained
Generating QR Codes in Google Sheets
Python if...else statements
Data types in Python
User input in Python
Ionic tab bar circle middle button
Python virtual environments
Setting Visual Studio code up for Python
Setting up Python on macOS
Host images via Google Drive
Yes, I do
Using min-width Media query for Mobile first design
Common HTML Element Types
Creating a One-on-One Interactive Video Meeting Web Tool Using Agora
Detecting faces from the webcam in JavaScript
Javascript native face detector API
Detecting barcodes from the webcam
Javascript native barcode detector API
CSS Modern multi-line ellipsis
Chrome DevTools: Flex Debugger
Public talking is liberating, check out some of my talks
Tailwind grid responsive 4 column blocks
Interaction beats consumption
JavaScript remove elements
JavaScript creating a new element
Appreciate yourself and improve yourself instead of feeling bad
Creating an SSH connection to a server
Not all developer job interviews are the same
Why Tailwind JIT compiler is amazing
JavaScript detecting key combinations
Some console command you might not know
Hacking time management
JavaScript detecting which key is pressed
Making CSS perspective text
5 MacOS tips that will make you more productive
Accepting all invites on LinkedIn
Spice up your console logs with styling
Testing API calls in Insomnia
Easy way to create API documentation in Laravel with Scribe
Protecting our Laravel API with Sanctum
Laravel basic API routes
Laravel relational database models
Laravel seeding the database
Laravel creating our first database table
Tailwind expanding slider
Angular dynamic classes using ngClass
Angular dynamically change form validators
How to start blogging
Tailwind CSS skew cards
Native CSS Masonry layouts
Vanilla JavaScript date toLocaleString
CSS Shapes - Other shapes
CSS Shapes - Triangles
CSS Shapes - The basics
Chrome devtools capture full page
Making scrollable sections snap
Fading images using JavaScript
I blogged every single day for a year
Delay your CSS animations to make them cleaner
Ionic skeleton loader
HTML spellcheck attribute
HTML meter tag
CSS image reflections with box-reflect
HTML ordered list options
Ionic adding checkboxes to a form
Ionic adding reactive forms
Creating segment tabs in Ionic
HTML Autocomplete sms code
Ionic welcome tour slider
Using alerts in Ionic
Ionic adding toast messages
HTML Detail Summary element
Ionic modals passing and receiving data
Adding modals to an Ionic app
Ionic adding a side menu
Netlify Drop - the easiest deployment ever
Using Google Fonts in a Tailwind project
Plain HTML starter with Tailwind CSS
Tailwind CSS fixed and scrollable section
Top 5 MySQL clients for Mac
HTML mark tag a digital marker
CSS for the Scrollbar
CSS hide scrollbars
Starting your first Laravel project
Keep your projects up to date with Dependabot
5 Websites for color inspiration
Tailwind image zoom
Hosting Angular Universal on a server
Optimizing Angular Universal for SEO
Help my browser API's stopped working in Angular Universal
Converting a regular Angular application into Angular Universal
CSS Styling the link underline
How to record your iPhone screen with a Macbook
Console.log on Chrome for iOS
How to use WebP images
Reverse an Array in Vanilla JavaScript
Ionic Master Detail view
Ionic getting Pokemon cards from an API
Firebase authenticated user routes in Ionic
Ionic store data for a user in Firebase
Adding Firebase Google authentication to an Ionic app
Adding static pages to an Eleventy blog
Installing PHP on your Mac
CSS Aspect Ratio it's finally here
Build a vertical slider with Tailwind and Eleventy
HTML Input multiple attribute
Adding a sitemap in Eleventy
Chrome DevTools: CSS Angle debugging
Eleventy two column post layout
Making a post slider in Eleventy with Tailwind
Creating a newsletter layout with Tailwind
It's alright to take a break
Creating a custom Eleventy filter
Convert existing CSS into Tailwind classes
Adding Tailwind to Eleventy
Adding posts to my lifestyle blog in Eleventy - part-2
Rebuilding my lifestyle blog in eleventy - part-1
Vanilla JavaScript get current timestamp
JavaScript unique object properties from object array
JavaScript reduce on multiple properties
Deploy Eleventy to Netlify using GitHub actions
Refactoring old code
What I've learned from doing a 64 hour fast
10 ways to use the spread operator in JavaScript
Angular search pipe for a list
JavaScript string repeat
Hosting Sendy on Digital Ocean
Moving from Mailchimp to Sendy
Automate Netlify deployments with Zapier
A letter to my future self 💌
Mac installing MariaDB
Mac installing MySQL
Convert existing local project into git project
Homebrew - One package manager to rule them all
Firefox dev tools - Animations
HTML5 Starting boilerplate template
Vanilla JavaScript get all elements in a form
Creating day-night CSS only toggle switch
How I made a no-div playground in Vanilla JavaScript
Firefox clip-path editor
Making a footer stick to the bottom with CSS
Giveaway! Three copies of Florin Pop's ten ways to make money as a developer
Vanilla JavaScript get form element's form
Vanilla JavaScript get following Monday
JavaScript get HTML elements from a string
CSS Frosted glass credit card
Vanilla JavaScript time of day greeting
Tailwind CSS full-screen video header
Tailwind CSS parallax effect
CSS Gradient text effect
How to use the shy soft hyphen in HTML
Vanilla JavaScript speech-to-text 🦻
Making divs user resizable with CSS
Vanilla JavaScript text-to-speech 💬
Experience story: My first job
HTML output element
Header with responsive image in Tailwind CSS
What is the <wbr> HTML tag and why do I need it?
Three Christmas trees in CSS 🎄
CSS Grid most easy center vertical and horizontal
Chrome DevTools: Grid Explorer
Angular 10 Transclusion: When and Why You`ll Need It
JavaScript loop querySelectorAll results
JavaScript array join() method
Vanilla JavaScript four-digit pincode field
JavaScript match values in two arrays
CSS :not selector for negation
JavaScript find() method
JavaScript removing HTML tags
Adding Netlify redirects to an Eleventy site
I finally changed the default Mac mail behaviour
JavaScript every() method
JavaScript some() method
CSS :placeholder-shown class
JavaScript map() method
JavaScript reduce() method
JavaScript filter() method
JavaScript lightbox effect without using plugins
Focus on one of these 9 backend frameworks to become a backend wizard
How to make money with your content?
Software design principles: DRY
CSS focus powered dropdown menu
Vanilla JavaScript countdown clock
Vanilla JavaScript detecting the operating system
15 better Lorem Ipsum generators
CSS equal height columns
Why CSS :focus-within is amazing
JavaScript template literals
CSS custom numbered list styling
What I learned from these 4 legends during the Hashnode bootcamp
Vanilla JavaScript live search
Changing the text selection color with CSS
CSS nth-child selector basics
Be aware when cloning objects in JavaScript! 👯♀️
CSS list style with Emojis
Ionic adding infinite scroll to our list
Ionic showing API results in a list view
Angular lazy loading routes
Light and dark mode image in HTML
Vanilla JavaScript random colours
CSS SVG star rating ⭐️
Vanilla JavaScript data attribute filters
Angular adding a token to each API request
Protecting routes in Angular 👮♂️
Angular authenticating users from an API
Chrome find unused code 🔎
Reactive forms in Angular the way to go
CSS cutout text with image background 🤯
Angular component interaction using @Input and @Output
Angular 10 adding custom pipes
Creating a movie fetching service in Angular
Angular 10 routing this is what you need to know
My first experiences with Tailwind CSS
Adding Tailwind CSS to an Angular project
Creating our first Angular project
I failed the tech assessment and still got the job
Don't overcomplicate git 🙇♂️
Vanilla JavaScript palindrome checker in 3 lines
Make your first contribution during Hacktoberfest 🍁
5 amazing Chrome accessibility tools you didnt know!
JavaScript mouse drawing on the canvas 👨🎨
Resetting a WordPress admin password
🤫 The secret to my writing process
I wrote 200 articles during lockdown, what did you do? 🤔
Draggable Mr Potato Head Parts in JavaScript 🥔
Node.js read and write from Azure Table Storage
Adding SSL to our Azure Node app
Exploring 5 meta tags to help beginners with SEO
How to password protect zips on Mac 🔑
My personal top 15 Mac apps 👨💻
Azure App Service: Add a custom domain
GitHub automated deployments to Azure
Deploying a Node app to Azure
I made my website 28ms faster with content-visibility 🤓
Checkboxify your images with JavaScript ✅
Node.js read and write post status to a JSON file
Implementing Webmentions on a 11ty blog
Goodbye comments, welcome Webmentions 🙋🏼♂️
Meet Monica Lent, a self-employed software engineer
Vanilla JavaScript canvas images to black and white
Vanilla JavaScript images in canvas
Vanilla JavaScript colouring our canvas elements 🌈
Vanilla JavaScript save canvas as an image
Getting started with the HTML canvas
Top 10 Chrome extensions for developers 👀
🛑 Stop using pixels in CSS
Bash CleanMyMac alternative 🧼
Gmail plus make your life easier 😙
Console log with params
Node.js write data in a Google Sheet
Read a Google Sheet in Node.js with NPM 🤓
CSS makes the world go round 🌎
Interview with Shawn swyx Wang, from Finance to Tech
Bash ~ never forget to git commit again 💥
Double-click to like Instagram effect in JavaScript ❤️
A clear mind starts with a clear inbox
Top 10 Visual Studio Code extensions you need to install
I've automated my morning routine 🤖
Chrome copy all CSS for an element
Getting notified in JavaScript when a Media Query changes
5 full-stack projects to add to your portfolio before 2020 ends 🤯
What is the difference between two times? ⌚️
Learn how to convert a list into an array in JavaScript
Did you know HTML elements can be editable?
CSS exploring all cursor options
JavaScript Mouse Tracking Eyes 👀
Bootstrap your successful software startup
CSS Neon Animation
CSS Drop Shadow vs Box Shadow
HTML Picture Element Responsive Images
How is Your Year Loading?
Vanilla JavaScript Modal Popup Box
Weekend Tip: Microsoft Node.js Docs
Building a Realtime Photoshop 🎨
CSS Disco Text
Vanilla JavaScript Email Validation
Vanilla JavaScript Replace All Whitespaces
Deno Render HTML with view engine and ejs
CSS Only Tooltips Alternative
Deno Pokemon API
Google Sheets Translate
CSS Only Tooltips
Getting Started with Deno 🦕
Pimp Your GitHub Profile
Vanilla JavaScript String to Number
SVG Blur Filter
SCSS Mixins
SCSS Nesting
SCSS Variables
SCSS @import, import sub files in CSS
SCSS Introduction
JavaScript Remove Duplicates from Array
Vanilla JavaScript Chicken or Egg?
Resetting a Form
SVG animateTransform
SVG Colouring Paths
SVG Sprites, defining, styling and using them
Detect Adblockers
CSS Animated Submit Loading
I Challenge You!
Vanilla JavaScript Quick Testing
Dynamically call a Function in JavaScript
CSS Grid Item
CSS Grid Container
CSS Grid Introduction
Vanilla JavaScript toggleAttribute
Vanilla JavaScript Closest
Why Conferences Are Awesome
Vanilla JavaScript Cookies 🍪
CSS Truncate Text With Ellipsis
CSS Writing Mode
Vanilla JavaScript Stop Form Submit
Vanilla JavaScript Browser Detection
Getting Started With the Terminal
Adding pages in Ionic using App-Explore-Container
Redirecting a Web Page
Ionic Resources
Our First Ionic App
CSS Radial Gradients
CSS Linear Gradients
Vanilla JavaScript History API
Vanilla JavaScript Update URL without Refresh
Vanilla JavaScript URL Object
100 Articles 🥳
HTML Datalist, a select alternative
Fontawesome SVG Alternative
Asking Questions?
How to use Fontawesome
Vanilla JavaScript Shuffle Array
Chrome Lighthouse Report
Vanilla JavaScript Countdown
Vanilla JavaScript Timer
HTML Clickable Image Alternative
HTML Image Map, a multi click image
Plain HTML Scroll to Top
Vanilla JavaScript localStorage
Vanilla JavaScript Scroll to Top
Slide Down Menu on Scroll
CSS Blurry Background Image
Vanilla JavaScript Check if Date is in the Past
Vanilla JavaScript Comparison Operators
Vanilla JavaScript == vs ===
CSS Offset background-position
Image Lazy Loading
CSS Double Border Radius
CSS Rounded Corners
Vanilla JavaScript String Split
CSS Calc Function
Vanilla JavaScript Random Number
JavaScript Sort Array of Objects by Value
Vanilla JavaScript Slice vs Splice
Vanilla JavaScript get timestamp
Vanilla JavaScript Chunk Array
JavaScript Arrow Function
Basic Developer Path
CSS Shorthand Properties
HTML a href Download Attribute
Vanilla JavaScript Number toLocaleString
Vanilla JavaScript get Month Name
Vanilla JavaScript How many Days Between Two Dates
CSS Attribute Selectors
Vanilla JavaScript Drag n Drop Position
Vanilla JavaScript Removing an Element
Vanilla JavaScript Drag and Drop
CSS Only Word Rotator
Chrome Screenshot Specific Element
CSS Easy Masonry Grid
Vanilla JavaScript Trim White Space
HTML Input Types
CSS Only Loader
Vanilla JavaScript string includes
Pointer Events explained
Happy Birthday CSS animation with confetti
CSS Toggle grid or List view
Vanilla JavaScript string endsWith
Vanilla JavaScript string startsWith
CSS Font-display and how to use it
How to use Google Fonts
How to use CSS Vars
CSS Flip Card
Vanilla JS add event listener on multiple elements
Vanilla JavaScript Timing Functions
Vanilla JavaScript Element.scrollIntoView
Vanilla JavaScript Image Magnifier 🔎
Animated Hamburger Side Menu 🍔
CSS Pseudo-elements
CSS Custom Checkbox ✅
Adding Pages to Eleventy
Vanilla JavaScript Fullscreen Video
Hosting a Static Blog on Netlify
Building a Static Blog with 11ty
Get and Set Data Attributes with JavaScript
CSS Animated snake 🐍
CSS Only Accordion
Vanilla JavaScript try...catch
CSS only Parallax Scrolling
Vanilla JS classLists: Add, Remove & Toggle
CSS only expanding slider 😲
Vanilla JavaScript playing Audio
React props and components
Our first React application
Basic Node.js Express application
Vanilla JavaScript Copy Text to Clipboard with document.execCommand
Vanilla JavaScript Copy Text with the Clipboard API
CSS Flexbox most easy center vertical and horizontal
Vanilla JavaScript Switch statement
JavaScript ES6 Sets
Vanilla JavaScript clone a DOM element
CSS keyframe animation floating blocks
Fetch API in Vanilla JavaScript
CSS Text color difference based on background
Vanilla JavaScript add leading zeroes to date
How to use CSS position:sticky 🦎
Theme switching Favicon? 🙊
Read and write a JSON file in Node.js
How to work with CSS Viewport units
Posting to Twitter via Node.js
Posting with the Facebook API via Node.js
RSS reader in node.js
String replace in Vanilla JS
Weekend tip: Watch the Vue documentary
Promise chains in JavaScript
Match all urls from a string in vanilla JS