Posts Archive

  1. We are the example

  2. Tailwind CSS fullscreen header image

  3. Tailwind group hover, the state you missed

  4. Using WordPress as a headless CMS

  5. Learn how to come up with article ideas and stay consistent

  6. Tailwind CSS responsive square divs

  7. Guide to set up your WordPress site in Docker

  8. JavaScript stop form submit

  9. Creating a Notion page through a Node express app

  10. Double down on the basics of web development

  11. Updating a Notion page through a node website

  12. Node express showing Notion results in the front end

  13. Node express query Notion database

  14. Configure Tailwind JIT for a node express app

  15. Getting started with the Notion API

  16. This Tailwind CSS cut out effect will amaze you

  17. Creating Kirby with CSS art

  18. Developers mill

  19. What a time to be alive

  20. My love letter to CodePen

  21. Multi-colored text in CSS

  22. JavaScript basics error handling

  23. JavaScript basics arithmetic operators

  24. Astro moving from collections to dynamic routing

  25. JavaScript basics loops

  26. JavaScript basics logical operators

  27. JavaScript basics comparison operators

  28. JavaScript basics if...else statement

  29. JavaScript optional chaining (?.) to the rescue

  30. Adding Auth0 to a Flutter application

  31. Creating dialogs in Flutter

  32. Flutter 3D pan effect

  33. Building A Motivating Discord Bot In Node.js

  34. You don't need --save anymore for NPM installs

  35. Getting unique values from a JavaScript array using Set

  36. Astro recipe collection website - Part 5 Hosting on Netlify

  37. Astro recipe collection website - Part 4 Styling the website

  38. Astro recipe collection website - Part 3 Category filter pages

  39. Astro recipe collection website - Part 2 Homepage rendering

  40. Astro recipe collection website - Part 1 Setup collections

  41. Adding a snackbar in Flutter

  42. Enabling Flutter desktop applications

  43. 5 things I learned from writing 500 tech articles

  44. Flutter drawer sidebar menu

  45. Flutter expandable list items

  46. Mobile Security Framework (MobSF) for automated Mobile security testing

  47. Animating a photo across screens in Flutter

  48. How to solve App Tracking Transparency app store rejection in Ionic

  49. How to create gradient text in Flutter

  50. Using gradients in Flutter

  51. Flutter scrollable horizontal avatar list

  52. Flutter create a search bar for a list view

  53. Building a photo grid view in Flutter

  54. How to test your NPM package locally

  55. Publish your own NPM package

  56. I refactored all my articles

  57. How to clip elements in CSS using clip-path

  58. How to use Tailwind CSS in Astro

  59. Adding a detail data fetching screen in Flutter

  60. How to render individual pages from an external collection

  61. Using React components in Astro for better loading

  62. Recreating my portfolio website in Astro

  63. Top anime shows Flutter app

  64. Sending data to a new screen in Flutter

  65. Navigate to a new screen and back in Flutter

  66. A first look at Astro, astronomical results

  67. No, they didn't make a mistake

  68. How to use Google Fonts in a Flutter application

  69. How to import a local widget in Flutter

  70. How to verify your commits on GitHub

  71. Flutter bottom TabBar placement

  72. Flutter TabBar the basics

  73. Generating Flutter app icons automatically

  74. Running a Flutter app on iOS and Android emulators

  75. Build a todo list app with Flutter

  76. Exploring the Flutter layout flow

  77. Running a node script continuously on Heroku

  78. How I made my Twitter header dynamic

  79. Flutter Stateful and Stateless widgets

  80. Flutter how it works, Hello World

  81. Installing Flutter on a Mac

  82. Connect to Docker database with an external tool

  83. I'm not an expert; I'm learning

  84. Performance heads-up display in Chrome

  85. Keep improving your lighthouse score

  86. Moving from GIF to video format

  87. Making gradient text with Tailwind CSS

  88. Center elements with Tailwind CSS

  89. Tailwind CSS equal height columns

  90. Top 5 Password managers for Mac

  91. PM2 Startup script, always keep processes running

  92. Speedtest your connection in Python

  93. Why PM2 is the process manager you're missing

  94. Eleventy creating a static JavaScript search

  95. Eleventy JSON endpoint with posts

  96. Exploring :visited state possibilities

  97. CSS :visited state, why we should use it

  98. Linux zip files

  99. Linux adding a timestamp to the bash history

  100. JavaScript insert newly created element after another element

  101. JavaScript insert newly created element before another element

  102. Running WordPress locally on Mac OS X

  103. Making htaccess work on Mac OS X

  104. Mac OS X setting up virtual hosts

  105. An automated GitHub-Discord bot

  106. F-strings in Python

  107. Python reduce() function

  108. Python map() function

  109. Python filter() function

  110. NumPy arrays, a broader look

  111. Installing and using NumPy in Python

  112. Formatting strings in Python

  113. Python Lambda functions

  114. Regular Expressions in Python

  115. Python write data to a Google sheet

  116. Python read data from a Google sheet

  117. Python read and write files

  118. Writing functions in Python

  119. Generating barcodes in Google Sheets

  120. Python loops explained

  121. Generating QR Codes in Google Sheets

  122. Python if...else statements

  123. Data types in Python

  124. User input in Python

  125. Ionic tab bar circle middle button

  126. Python virtual environments

  127. Setting Visual Studio code up for Python

  128. Setting up Python on macOS

  129. Host images via Google Drive

  130. Yes, I do

  131. Using min-width Media query for Mobile first design

  132. Common HTML Element Types

  133. Creating a One-on-One Interactive Video Meeting Web Tool Using Agora

  134. Detecting faces from the webcam in JavaScript

  135. Javascript native face detector API

  136. Detecting barcodes from the webcam

  137. Javascript native barcode detector API

  138. CSS Modern multi-line ellipsis

  139. Chrome DevTools: Flex Debugger

  140. Public talking is liberating, check out some of my talks

  141. Tailwind grid responsive 4 column blocks

  142. Interaction beats consumption

  143. JavaScript remove elements

  144. JavaScript creating a new element

  145. Appreciate yourself and improve yourself instead of feeling bad

  146. Creating an SSH connection to a server

  147. Not all developer job interviews are the same

  148. Why Tailwind JIT compiler is amazing

  149. JavaScript detecting key combinations

  150. Some console command you might not know

  151. Hacking time management

  152. JavaScript detecting which key is pressed

  153. Making CSS perspective text

  154. 5 MacOS tips that will make you more productive

  155. Accepting all invites on LinkedIn

  156. Spice up your console logs with styling

  157. Testing API calls in Insomnia

  158. Easy way to create API documentation in Laravel

  159. Protecting our Laravel API with Sanctum

  160. Laravel basic API routes

  161. Laravel relational database models

  162. Laravel seeding the database

  163. Laravel creating our first database table

  164. Tailwind expanding slider

  165. Angular dynamic classes using ngClass

  166. Angular dynamically change form validators

  167. How to start blogging

  168. Tailwind CSS skew cards

  169. Native CSS Masonry layouts

  170. Vanilla JavaScript date toLocaleString

  171. CSS Shapes - Other shapes

  172. CSS Shapes - Triangles

  173. CSS Shapes - The basics

  174. Chrome devtools capture full page

  175. Making scrollable sections snap

  176. Fading images using JavaScript

  177. I blogged every single day for a year

  178. Delay your CSS animations to make them cleaner

  179. Ionic skeleton loader

  180. HTML spellcheck attribute

  181. HTML meter tag

  182. CSS image reflections with box-reflect

  183. HTML ordered list options

  184. Ionic adding checkboxes to a form

  185. Ionic adding reactive forms

  186. Creating segment tabs in Ionic

  187. HTML Autocomplete sms code

  188. Ionic welcome tour slider

  189. Using alerts in Ionic

  190. Ionic adding toast messages

  191. HTML Detail Summary element

  192. Ionic modals passing and receiving data

  193. Adding modals to an Ionic app

  194. Ionic adding a side menu

  195. Netlify Drop - the easiest deployment ever

  196. Using Google Fonts in a Tailwind project

  197. Plain HTML starter with Tailwind CSS

  198. Tailwind CSS fixed and scrollable section

  199. Top 5 MySQL clients for Mac

  200. HTML mark tag a digital marker

  201. CSS for the Scrollbar

  202. CSS hide scrollbars

  203. Starting your first Laravel project

  204. Keep your projects up to date with Dependabot

  205. 5 Websites for color inspiration

  206. Tailwind image zoom

  207. Hosting Angular Universal on a server

  208. Optimizing Angular Universal for SEO

  209. Help my browser API's stopped working in Angular Universal

  210. Converting a regular Angular application into Angular Universal

  211. CSS Styling the link underline

  212. How to record your iPhone screen with a Macbook

  213. Console.log on Chrome for iOS

  214. How to use WebP images

  215. Reverse an Array in Vanilla JavaScript

  216. Ionic Master Detail view

  217. Ionic getting Pokemon cards from an API

  218. Firebase authenticated user routes in Ionic

  219. Ionic store data for a user in Firebase

  220. Adding Firebase Google authentication to an Ionic app

  221. Adding static pages to an Eleventy blog

  222. Installing PHP on your Mac

  223. CSS Aspect Ratio it's finally here

  224. Build a vertical slider with Tailwind and Eleventy

  225. HTML Input multiple attribute

  226. Adding a sitemap in Eleventy

  227. Chrome DevTools: CSS Angle debugging

  228. Eleventy two column post layout

  229. Making a post slider in Eleventy with Tailwind

  230. Creating a newsletter layout with Tailwind

  231. It's alright to take a break

  232. Creating a custom Eleventy filter

  233. Convert existing CSS into Tailwind classes

  234. Adding Tailwind to Eleventy

  235. Adding posts to my lifestyle blog in Eleventy - part-2

  236. Rebuilding my lifestyle blog in eleventy - part-1

  237. Vanilla JavaScript get current timestamp

  238. JavaScript unique object properties from object array

  239. JavaScript reduce on multiple properties

  240. Deploy Eleventy to Netlify using GitHub actions

  241. Refactoring old code

  242. What I've learned from doing a 64 hour fast

  243. 10 ways to use the spread operator in JavaScript

  244. Angular search pipe for a list

  245. JavaScript string repeat

  246. Hosting Sendy on Digital Ocean

  247. Moving from Mailchimp to Sendy

  248. Automate Netlify deployments with Zapier

  249. A letter to my future self ๐Ÿ’Œ

  250. Mac installing MariaDB

  251. Mac installing MySQL

  252. Convert existing local project into git project

  253. Homebrew - One package manager to rule them all

  254. Firefox dev tools - Animations

  255. HTML5 Starting boilerplate template

  256. Vanilla JavaScript get all elements in a form

  257. Creating day-night CSS only toggle switch

  258. How I made a no-div playground in Vanilla JavaScript

  259. Firefox clip-path editor

  260. Making a footer stick to the bottom with CSS

  261. Giveaway! Three copies of Florin Pop's ten ways to make money as a developer

  262. Vanilla JavaScript get form element's form

  263. Vanilla JavaScript get following Monday

  264. JavaScript get HTML elements from a string

  265. CSS Frosted glass credit card

  266. Vanilla JavaScript time of day greeting

  267. Tailwind CSS full-screen video header

  268. Tailwind CSS parallax effect

  269. CSS Gradient text effect

  270. How to use the shy soft hyphen in HTML

  271. Vanilla JavaScript speech-to-text ๐Ÿฆป

  272. Making divs user resizable with CSS

  273. Vanilla JavaScript text-to-speech ๐Ÿ’ฌ

  274. Experience story: My first job

  275. HTML output element

  276. Header with responsive image in Tailwind CSS

  277. What is the <wbr> HTML tag and why do I need it?

  278. Three Christmas trees in CSS ๐ŸŽ„

  279. CSS Grid most easy center vertical and horizontal

  280. Chrome DevTools: Grid Explorer

  281. Angular 10 Transclusion: When and Why You`ll Need It

  282. JavaScript loop querySelectorAll results

  283. JavaScript array join() method

  284. Vanilla JavaScript four-digit pincode field

  285. JavaScript match values in two arrays

  286. CSS :not selector for negation

  287. JavaScript find() method

  288. JavaScript removing HTML tags

  289. Adding Netlify redirects to an Eleventy site

  290. I finally changed the default Mac mail behaviour

  291. JavaScript every() method

  292. JavaScript some() method

  293. CSS :placeholder-shown class

  294. JavaScript map() method

  295. JavaScript reduce() method

  296. JavaScript filter() method

  297. JavaScript lightbox effect without using plugins

  298. Focus on one of these 9 backend frameworks to become a backend wizard

  299. How to make money with your content?

  300. Software design principles: DRY

  301. CSS focus powered dropdown menu

  302. Vanilla JavaScript countdown clock

  303. Vanilla JavaScript detecting the operating system

  304. 15 better Lorem Ipsum generators

  305. CSS equal height columns

  306. Why CSS :focus-within is amazing

  307. JavaScript template literals

  308. CSS custom numbered list styling

  309. What I learned from these 4 legends during the Hashnode bootcamp

  310. Vanilla JavaScript live search

  311. Changing the text selection color with CSS

  312. CSS nth-child selector basics

  313. Be aware when cloning objects in JavaScript! ๐Ÿ‘ฏโ€โ™€๏ธ

  314. CSS list style with Emojis

  315. Ionic adding infinite scroll to our list

  316. Ionic showing API results in a list view

  317. Angular lazy loading routes

  318. Light and dark mode image in HTML

  319. Vanilla JavaScript random colours

  320. CSS SVG star rating โญ๏ธ

  321. Vanilla JavaScript data attribute filters

  322. Angular adding a token to each API request

  323. Protecting routes in Angular ๐Ÿ‘ฎโ€โ™‚๏ธ

  324. Angular authenticating users from an API

  325. Chrome find unused code ๐Ÿ”Ž

  326. Reactive forms in Angular the way to go

  327. CSS cutout text with image background ๐Ÿคฏ

  328. Angular component interaction using @Input and @Output

  329. Angular 10 adding custom pipes

  330. Creating a movie fetching service in Angular

  331. Angular 10 routing this is what you need to know

  332. My first experiences with Tailwind CSS

  333. Adding Tailwind CSS to an Angular project

  334. Creating our first Angular project

  335. I failed the tech assessment and still got the job

  336. Don't overcomplicate git ๐Ÿ™‡โ€โ™‚๏ธ

  337. Vanilla JavaScript palindrome checker in 3 lines

  338. Make your first contribution during Hacktoberfest ๐Ÿ

  339. 5 amazing Chrome accessibility tools you didnt know!

  340. JavaScript mouse drawing on the canvas ๐Ÿ‘จโ€๐ŸŽจ

  341. Resetting a WordPress admin password

  342. ๐Ÿคซ The secret to my writing process

  343. I wrote 200 articles during lockdown, what did you do? ๐Ÿค”

  344. Draggable Mr Potato Head Parts in JavaScript ๐Ÿฅ”

  345. Node.js read and write from Azure Table Storage

  346. Adding SSL to our Azure Node app

  347. Exploring 5 meta tags to help beginners with SEO

  348. How to password protect zips on Mac ๐Ÿ”‘

  349. My personal top 15 Mac apps ๐Ÿ‘จโ€๐Ÿ’ป

  350. Azure App Service: Add a custom domain

  351. GitHub automated deployments to Azure

  352. Deploying a Node app to Azure

  353. I made my website 28ms faster with content-visibility ๐Ÿค“

  354. Checkboxify your images with JavaScript โœ…

  355. Node.js read and write post status to a JSON file

  356. Implementing Webmentions on a 11ty blog

  357. Goodbye comments, welcome Webmentions ๐Ÿ™‹๐Ÿผโ€โ™‚๏ธ

  358. Meet Monica Lent, a self-employed software engineer

  359. Vanilla JavaScript canvas images to black and white

  360. Vanilla JavaScript images in canvas

  361. Vanilla JavaScript colouring our canvas elements ๐ŸŒˆ

  362. Vanilla JavaScript save canvas as an image

  363. Getting started with the HTML canvas

  364. Top 10 Chrome extensions for developers ๐Ÿ‘€

  365. ๐Ÿ›‘ Stop using pixels in CSS

  366. Bash CleanMyMac alternative ๐Ÿงผ

  367. Gmail plus make your life easier ๐Ÿ˜™

  368. Console log with params

  369. Node.js write data in a Google Sheet

  370. Read a Google Sheet in Node.js with NPM ๐Ÿค“

  371. CSS makes the world go round ๐ŸŒŽ

  372. Interview with Shawn swyx Wang, from Finance to Tech

  373. Bash ~ never forget to git commit again ๐Ÿ’ฅ

  374. Double-click to like Instagram effect in JavaScript โค๏ธ

  375. A clear mind starts with a clear inbox

  376. Top 10 Visual Studio Code extensions you need to install

  377. I've automated my morning routine ๐Ÿค–

  378. Chrome copy all CSS for an element

  379. Getting notified in JavaScript when a Media Query changes

  380. 5 full-stack projects to add to your portfolio before 2020 ends ๐Ÿคฏ

  381. What is the difference between two times? โŒš๏ธ

  382. Learn how to convert a list into an array in JavaScript

  383. Did you know HTML elements can be editable?

  384. CSS exploring all cursor options

  385. JavaScript Mouse Tracking Eyes ๐Ÿ‘€

  386. Bootstrap your successful software startup

  387. CSS Neon Animation

  388. CSS Drop Shadow vs Box Shadow

  389. HTML Picture Element Responsive Images

  390. How is Your Year Loading?

  391. Vanilla JavaScript Modal Popup Box

  392. Weekend Tip: Microsoft Node.js Docs

  393. Building a Realtime Photoshop ๐ŸŽจ

  394. CSS Disco Text

  395. Vanilla JavaScript Email Validation

  396. Vanilla JavaScript Replace All Whitespaces

  397. Deno Render HTML with view engine and ejs

  398. CSS Only Tooltips Alternative

  399. Deno Pokemon API

  400. Google Sheets Translate

  401. CSS Only Tooltips

  402. Getting Started with Deno ๐Ÿฆ•

  403. Pimp Your GitHub Profile

  404. Vanilla JavaScript String to Number

  405. SVG Blur Filter

  406. SCSS Mixins

  407. SCSS Nesting

  408. SCSS Variables

  409. SCSS @import, import sub files in CSS

  410. SCSS Introduction

  411. JavaScript Remove Duplicates from Array

  412. Vanilla JavaScript Chicken or Egg?

  413. Resetting a Form

  414. SVG animateTransform

  415. SVG Colouring Paths

  416. SVG Sprites, defining, styling and using them

  417. Detect Adblockers

  418. CSS Animated Submit Loading

  419. I Challenge You!

  420. Vanilla JavaScript Quick Testing

  421. Dynamically call a Function in JavaScript

  422. CSS Grid Item

  423. CSS Grid Container

  424. CSS Grid Introduction

  425. Vanilla JavaScript toggleAttribute

  426. Vanilla JavaScript Closest

  427. Why Conferences Are Awesome

  428. Vanilla JavaScript Cookies ๐Ÿช

  429. CSS Truncate Text With Ellipsis

  430. CSS Writing Mode

  431. Vanilla JavaScript Stop Form Submit

  432. Vanilla JavaScript Browser Detection

  433. Getting Started With the Terminal

  434. Adding pages in Ionic using App-Explore-Container

  435. Redirecting a Web Page

  436. Ionic Resources

  437. Our First Ionic App

  438. CSS Radial Gradients

  439. CSS Linear Gradients

  440. Vanilla JavaScript History API

  441. Vanilla JavaScript Update URL without Refresh

  442. Vanilla JavaScript URL Object

  443. 100 Articles ๐Ÿฅณ

  444. HTML Datalist, a select alternative

  445. Fontawesome SVG Alternative

  446. Asking Questions?

  447. How to use Fontawesome

  448. Vanilla JavaScript Shuffle Array

  449. Chrome Lighthouse Report

  450. Vanilla JavaScript Countdown

  451. Vanilla JavaScript Timer

  452. HTML Clickable Image Alternative

  453. HTML Image Map, a multi click image

  454. Plain HTML Scroll to Top

  455. Vanilla JavaScript localStorage

  456. Vanilla JavaScript Scroll to Top

  457. Slide Down Menu on Scroll

  458. CSS Blurry Background Image

  459. Vanilla JavaScript Check if Date is in the Past

  460. Vanilla JavaScript Comparison Operators

  461. Vanilla JavaScript == vs ===

  462. CSS Offset background-position

  463. Image Lazy Loading

  464. CSS Double Border Radius

  465. CSS Rounded Corners

  466. Vanilla JavaScript String Split

  467. CSS Calc Function

  468. Vanilla JavaScript Random Number

  469. JavaScript Sort Array of Objects by Value

  470. Vanilla JavaScript Slice vs Splice

  471. Vanilla JavaScript get Timestamp

  472. Vanilla JavaScript Chunk Array

  473. JavaScript Arrow Function

  474. Basic Developer Path

  475. CSS Shorthand Properties

  476. HTML a href Download Attribute

  477. Vanilla JavaScript Number toLocaleString

  478. Vanilla JavaScript get Month Name

  479. Vanilla JavaScript How many Days Between Two Dates

  480. CSS Attribute Selectors

  481. Vanilla JavaScript Drag n Drop Position

  482. Vanilla JavaScript Removing an Element

  483. Vanilla JavaScript Drag and Drop

  484. CSS Only Word Rotator

  485. Chrome Screenshot Specific Element

  486. CSS Easy Masonry Grid

  487. Vanilla JavaScript Trim White Space

  488. HTML Input Types

  489. CSS Only Loader

  490. Vanilla JavaScript string includes

  491. Pointer Events explained

  492. Happy Birthday CSS animation with confetti

  493. CSS Toggle grid or List view

  494. Vanilla JavaScript string endsWith

  495. Vanilla JavaScript string startsWith

  496. CSS Font-display and how to use it

  497. How to use Google Fonts

  498. How to use CSS Vars

  499. CSS Flip Card

  500. Vanilla JS add event listener on multiple elements

  501. Vanilla JavaScript Timing Functions

  502. Vanilla JavaScript Element.scrollIntoView

  503. Vanilla JavaScript Image Magnifier ๐Ÿ”Ž

  504. Animated Hamburger Side Menu ๐Ÿ”

  505. CSS Pseudo-elements

  506. CSS Custom Checkbox โœ…

  507. Adding Pages to Eleventy

  508. Vanilla JavaScript Fullscreen Video

  509. Hosting a Static Blog on Netlify

  510. Building a Static Blog with 11ty

  511. Get and Set Data Attributes with JavaScript

  512. CSS Animated snake ๐Ÿ

  513. CSS Only Accordion

  514. Vanilla JavaScript try...catch

  515. CSS only Parallax Scrolling

  516. Vanilla JS classLists: Add, Remove & Toggle

  517. CSS only expanding slider ๐Ÿ˜ฒ

  518. Vanilla JavaScript playing Audio

  519. React props and components

  520. Our first React application

  521. Basic Node.js Express application

  522. Vanilla JavaScript Copy Text to Clipboard with document.execCommand

  523. Vanilla JavaScript Copy Text with the Clipboard API

  524. CSS Flexbox most easy center vertical and horizontal

  525. Vanilla JavaScript Switch statement

  526. JavaScript ES6 Sets

  527. Vanilla JavaScript clone a DOM element

  528. CSS keyframe animation floating blocks

  529. Fetch API in Vanilla JavaScript

  530. CSS Text color difference based on background

  531. Vanilla JavaScript add leading zeroes to date

  532. How to use CSS position:sticky ๐ŸฆŽ

  533. Theme switching Favicon? ๐Ÿ™Š

  534. Read and write a JSON file in Node.js

  535. How to work with CSS Viewport units

  536. Posting to Twitter via Node.js

  537. Posting with the Facebook API via Node.js

  538. RSS reader in node.js

  539. String replace in Vanilla JS

  540. Weekend tip: Watch the Vue documentary

  541. Promise chains in JavaScript

  542. Match all urls from a string in vanilla JS