Posts Archive

  1. Adding a detail data fetching screen in Flutter

  2. How to render individual pages from an external collection

  3. Using React components in Astro for better loading

  4. Recreating my portfolio website in Astro

  5. Top anime shows Flutter app

  6. Sending data to a new screen in Flutter

  7. Navigate to a new screen and back in Flutter

  8. A first look at Astro, astronomical results

  9. No, they didn't make a mistake

  10. How to use Google Fonts in a Flutter application

  11. How to import a local widget in Flutter

  12. How to verify your commits on GitHub

  13. Flutter bottom TabBar placement

  14. Flutter TabBar the basics

  15. Generating Flutter app icons automatically

  16. Running a Flutter app on iOS and Android emulators

  17. Build a todo list app with Flutter

  18. Exploring the Flutter layout flow

  19. Running a node script continuously on Heroku

  20. How I made my Twitter header dynamic

  21. Flutter Stateful and Stateless widgets

  22. Flutter how it works, Hello World

  23. Installing Flutter on a Mac

  24. Connect to Docker database with an external tool

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

  26. Performance heads-up display in Chrome

  27. Keep improving your lighthouse score

  28. Moving from GIF to video format

  29. Making gradient text with Tailwind CSS

  30. Center elements with Tailwind CSS

  31. Tailwind CSS equal height columns

  32. Top 5 Password managers for Mac

  33. PM2 Startup script, always keep processes running

  34. Speedtest your connection in Python

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

  36. Eleventy creating a static JavaScript search

  37. Eleventy JSON endpoint with posts

  38. Exploring :visited state possibilities

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

  40. Linux zip files

  41. Linux adding a timestamp to the bash history

  42. JavaScript insert newly created element after another element

  43. JavaScript insert newly created element before another element

  44. Running WordPress locally on Mac OS X

  45. Making htaccess work on Mac OS X

  46. Mac OS X setting up virtual hosts

  47. An automated GitHub-Discord bot

  48. F-strings in Python

  49. Python reduce() function

  50. Python map() function

  51. Python filter() function

  52. NumPy arrays, a broader look

  53. Installing and using NumPy in Python

  54. Formatting strings in Python

  55. Python Lambda functions

  56. Regular Expressions in Python

  57. Python write data to a Google sheet

  58. Python read data from a Google sheet

  59. Python read and write files

  60. Writing functions in Python

  61. Generating barcodes in Google Sheets

  62. Python loops explained

  63. Generating QR Codes in Google Sheets

  64. Python if...else statements

  65. Data types in Python

  66. User input in Python

  67. Ionic tab bar circle middle button

  68. Python virtual environments

  69. Setting Visual Studio code up for Python

  70. Setting up Python on macOS

  71. Host images via Google Drive

  72. Yes, I do

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

  74. Common HTML Element Types

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

  76. Detecting faces from the webcam in JavaScript

  77. Javascript native face detector API

  78. Detecting barcodes from the webcam

  79. Javascript native barcode detector API

  80. CSS Modern multi-line ellipsis

  81. Chrome DevTools: Flex Debugger

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

  83. Tailwind grid responsive 4 column blocks

  84. Interaction beats consumption

  85. JavaScript remove elements

  86. JavaScript creating a new element

  87. Appreciate yourself and improve yourself instead of feeling bad

  88. Creating an SSH connection to a server

  89. Not all developer job interviews are the same

  90. Why Tailwind JIT compiler is amazing

  91. JavaScript detecting key combinations

  92. Some console command you might not know

  93. Hacking time management

  94. JavaScript detecting which key is pressed

  95. Making CSS perspective text

  96. 5 MacOS tips that will make you more productive

  97. Accepting all invites on LinkedIn

  98. Spice up your console logs with styling

  99. Testing API calls in Insomnia

  100. Easy way to create API documentation in Laravel

  101. Protecting our Laravel API with Sanctum

  102. Laravel basic API routes

  103. Laravel relational database models

  104. Laravel seeding the database

  105. Laravel creating our first database table

  106. Tailwind expanding slider

  107. Angular dynamic classes using ngClass

  108. Angular dynamically change form validators

  109. How to start blogging

  110. Tailwind CSS skew cards

  111. Native CSS Masonry layouts

  112. Vanilla JavaScript date toLocaleString

  113. CSS Shapes - Other shapes

  114. CSS Shapes - Triangles

  115. CSS Shapes - The basics

  116. Chrome devtools capture full page

  117. Making scrollable sections snap

  118. Fading images using JavaScript

  119. I blogged every single day for a year

  120. Delay your CSS animations to make them cleaner

  121. Ionic skeleton loader

  122. HTML spellcheck attribute

  123. HTML meter tag

  124. CSS image reflections with box-reflect

  125. HTML ordered list options

  126. Ionic adding checkboxes to a form

  127. Ionic adding reactive forms

  128. Creating segment tabs in Ionic

  129. HTML Autocomplete sms code

  130. Ionic welcome tour slider

  131. Using alerts in Ionic

  132. Ionic adding toast messages

  133. HTML Detail Summary element

  134. Ionic modals passing and receiving data

  135. Adding modals to an Ionic app

  136. Ionic adding a side menu

  137. Netlify Drop - the easiest deployment ever

  138. Using Google Fonts in a Tailwind project

  139. Plain HTML starter with Tailwind CSS

  140. Tailwind CSS fixed and scrollable section

  141. Top 5 MySQL clients for Mac

  142. HTML mark tag a digital marker

  143. CSS for the Scrollbar

  144. CSS hide scrollbars

  145. Starting your first Laravel project

  146. Keep your projects up to date with Dependabot

  147. 5 Websites for color inspiration

  148. Tailwind image zoom

  149. Hosting Angular Universal on a server

  150. Optimizing Angular Universal for SEO

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

  152. Converting a regular Angular application into Angular Universal

  153. CSS Styling the link underline

  154. How to record your iPhone screen with a Macbook

  155. Console.log on Chrome for iOS

  156. How to use WebP images

  157. Reverse an Array in Vanilla JavaScript

  158. Ionic Master Detail view

  159. Ionic getting Pokemon cards from an API

  160. Firebase authenticated user routes in Ionic

  161. Ionic store data for a user in Firebase

  162. Adding Firebase Google authentication to an Ionic app

  163. Adding static pages to an Eleventy blog

  164. Installing PHP on your Mac

  165. CSS Aspect Ratio it's finally here

  166. Build a vertical slider with Tailwind and Eleventy

  167. HTML Input multiple attribute

  168. Adding a sitemap in Eleventy

  169. Chrome DevTools: CSS Angle debugging

  170. Eleventy two column post layout

  171. Making a post slider in Eleventy with Tailwind

  172. Creating a newsletter layout with Tailwind

  173. It's alright to take a break

  174. Creating a custom Eleventy filter

  175. Convert existing CSS into Tailwind classes

  176. Adding Tailwind to Eleventy

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

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

  179. Vanilla JavaScript get current timestamp

  180. JavaScript unique object properties from object array

  181. JavaScript reduce on multiple properties

  182. Deploy Eleventy to Netlify using GitHub actions

  183. Refactoring old code

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

  185. 10 ways to use the spread operator in JavaScript

  186. Angular search pipe for a list

  187. JavaScript string repeat

  188. Hosting Sendy on Digital Ocean

  189. Moving from Mailchimp to Sendy

  190. Automate Netlify deployments with Zapier

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

  192. Mac installing MariaDB

  193. Mac installing MySQL

  194. Convert existing local project into git project

  195. Homebrew - One package manager to rule them all

  196. Firefox dev tools - Animations

  197. HTML5 Starting boilerplate template

  198. Vanilla JavaScript get all elements in a form

  199. Creating day-night CSS only toggle switch

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

  201. Firefox clip-path editor

  202. Making a footer stick to the bottom with CSS

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

  204. Vanilla JavaScript get form element's form

  205. Vanilla JavaScript get following Monday

  206. JavaScript get HTML elements from a string

  207. CSS Frosted glass credit card

  208. Vanilla JavaScript time of day greeting

  209. Tailwind CSS full-screen video header

  210. Tailwind CSS parallax effect

  211. CSS Gradient text effect

  212. How to use the shy soft hyphen in HTML

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

  214. Making divs user resizable with CSS

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

  216. Experience story: My first job

  217. HTML output element

  218. Header with responsive image in Tailwind CSS

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

  220. Three Christmas trees in CSS ๐ŸŽ„

  221. CSS Grid most easy center vertical and horizontal

  222. Chrome DevTools: Grid Explorer

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

  224. JavaScript loop querySelectorAll results

  225. JavaScript array join() method

  226. Vanilla JavaScript four-digit pincode field

  227. JavaScript match values in two arrays

  228. CSS :not selector for negation

  229. JavaScript find() method

  230. JavaScript removing HTML tags

  231. Adding Netlify redirects to an Eleventy site

  232. I finally changed the default Mac mail behaviour

  233. JavaScript every() method

  234. JavaScript some() method

  235. CSS :placeholder-shown class

  236. JavaScript map() method

  237. JavaScript reduce() method

  238. JavaScript filter() method

  239. JavaScript lightbox effect without using plugins

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

  241. How to make money with your content?

  242. Software design principles: DRY

  243. CSS focus powered dropdown menu

  244. Vanilla JavaScript countdown clock

  245. Vanilla JavaScript detecting the operating system

  246. 15 better Lorem Ipsum generators

  247. CSS equal height columns

  248. Why CSS :focus-within is amazing

  249. JavaScript template literals

  250. CSS custom numbered list styling

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

  252. Vanilla JavaScript live search

  253. Changing the text selection color with CSS

  254. CSS nth-child selector basics

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

  256. CSS list style with Emojis

  257. Ionic adding infinite scroll to our list

  258. Ionic showing API results in a list view

  259. Angular lazy loading routes

  260. Light and dark mode image in HTML

  261. Vanilla JavaScript random colours

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

  263. Vanilla JavaScript data attribute filters

  264. Angular adding a token to each API request

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

  266. Angular authenticating users from an API

  267. Chrome find unused code ๐Ÿ”Ž

  268. Reactive forms in Angular the way to go

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

  270. Angular component interaction using @Input and @Output

  271. Angular 10 adding custom pipes

  272. Creating a movie fetching service in Angular

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

  274. My first experiences with Tailwind CSS

  275. Adding Tailwind CSS to an Angular project

  276. Creating our first Angular project

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

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

  279. Vanilla JavaScript palindrome checker in 3 lines

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

  281. 5 amazing Chrome accessibility tools you didnt know!

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

  283. Resetting a WordPress admin password

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

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

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

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

  288. Adding SSL to our Azure Node app

  289. Exploring 5 meta tags to help beginners with SEO

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

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

  292. Azure App Service: Add a custom domain

  293. GitHub automated deployments to Azure

  294. Deploying a Node app to Azure

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

  296. Checkboxify your images with JavaScript โœ…

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

  298. Implementing Webmentions on a 11ty blog

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

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

  301. Vanilla JavaScript canvas images to black and white

  302. Vanilla JavaScript images in canvas

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

  304. Vanilla JavaScript save canvas as an image

  305. Getting started with the HTML canvas

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

  307. ๐Ÿ›‘ Stop using pixels in CSS

  308. Bash CleanMyMac alternative ๐Ÿงผ

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

  310. Console log with params

  311. Node.js write data in a Google Sheet

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

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

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

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

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

  317. A clear mind starts with a clear inbox

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

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

  320. Chrome copy all CSS for an element

  321. Getting notified in JavaScript when a Media Query changes

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

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

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

  325. Did you know HTML elements can be editable?

  326. CSS exploring all cursor options

  327. JavaScript Mouse Tracking Eyes ๐Ÿ‘€

  328. Bootstrap your successful software startup

  329. CSS Neon Animation

  330. CSS Drop Shadow vs Box Shadow

  331. HTML Picture Element Responsive Images

  332. How is Your Year Loading?

  333. Vanilla JavaScript Modal Popup Box

  334. Weekend Tip: Microsoft Node.js Docs

  335. Building a Realtime Photoshop ๐ŸŽจ

  336. CSS Disco Text

  337. Vanilla JavaScript Email Validation

  338. Vanilla JavaScript Replace All Whitespaces

  339. Deno Render HTML with view engine and ejs

  340. CSS Only Tooltips Alternative

  341. Deno Pokemon API

  342. Google Sheets Translate

  343. CSS Only Tooltips

  344. Getting Started with Deno ๐Ÿฆ•

  345. Pimp Your GitHub Profile

  346. Vanilla JavaScript String to Number

  347. SVG Blur Filter

  348. SCSS Mixins

  349. SCSS Nesting

  350. SCSS Variables

  351. SCSS @import, import sub files in CSS

  352. SCSS Introduction

  353. JavaScript Remove Duplicates from Array

  354. Vanilla JavaScript Chicken or Egg?

  355. Resetting a Form

  356. SVG animateTransform

  357. SVG Colouring Paths

  358. SVG Sprites, defining, styling and using them

  359. Detect Adblockers

  360. CSS Animated Submit Loading

  361. I Challenge You!

  362. Vanilla JavaScript Quick Testing

  363. Dynamically call a Function in JavaScript

  364. CSS Grid Item

  365. CSS Grid Container

  366. CSS Grid Introduction

  367. Vanilla JavaScript toggleAttribute

  368. Vanilla JavaScript Closest

  369. Why Conferences Are Awesome

  370. Vanilla JavaScript Cookies ๐Ÿช

  371. CSS Truncate Text With Ellipsis

  372. CSS Writing Mode

  373. Vanilla JavaScript Stop Form Submit

  374. Vanilla JavaScript Browser Detection

  375. Getting Started With the Terminal

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

  377. Redirecting a Web Page

  378. Ionic Resources

  379. Our First Ionic App

  380. CSS Radial Gradients

  381. CSS Linear Gradients

  382. Vanilla JavaScript History API

  383. Vanilla JavaScript Update URL without Refresh

  384. Vanilla JavaScript URL Object

  385. 100 Articles ๐Ÿฅณ

  386. HTML Datalist, a select alternative

  387. Fontawesome SVG Alternative

  388. Asking Questions?

  389. How to use Fontawesome

  390. Vanilla JavaScript Shuffle Array

  391. Chrome Lighthouse Report

  392. Vanilla JavaScript Countdown

  393. Vanilla JavaScript Timer

  394. HTML Clickable Image Alternative

  395. HTML Image Map, a multi click image

  396. Plain HTML Scroll to Top

  397. Vanilla JavaScript localStorage

  398. Vanilla JavaScript Scroll to Top

  399. Slide Down Menu on Scroll

  400. CSS Blurry Background Image

  401. Vanilla JavaScript Check if Date is in the Past

  402. Vanilla JavaScript Comparison Operators

  403. Vanilla JavaScript == vs ===

  404. CSS Offset background-position

  405. Image Lazy Loading

  406. CSS Double Border Radius

  407. CSS Rounded Corners

  408. Vanilla JavaScript String Split

  409. CSS Calc Function

  410. Vanilla JavaScript Random Number

  411. JavaScript Sort Array of Objects by Value

  412. Vanilla JavaScript Slice vs Splice

  413. Vanilla JavaScript get Timestamp

  414. Vanilla JavaScript Chunk Array

  415. JavaScript Arrow Function

  416. Basic Developer Path

  417. CSS Shorthand Properties

  418. HTML a href Download Attribute

  419. Vanilla JavaScript Number toLocaleString

  420. Vanilla JavaScript get Month Name

  421. Vanilla JavaScript How many Days Between Two Dates

  422. CSS Attribute Selectors

  423. Vanilla JavaScript Drag n Drop Position

  424. Vanilla JavaScript Removing an Element

  425. Vanilla JavaScript Drag and Drop

  426. CSS Only Word Rotator

  427. Chrome Screenshot Specific Element

  428. CSS Easy Masonry Grid

  429. Vanilla JavaScript Trim White Space

  430. HTML Input Types

  431. CSS Only Loader

  432. Vanilla JavaScript string includes

  433. Pointer Events explained

  434. Happy Birthday CSS animation with confetti

  435. CSS Toggle grid or List view

  436. Vanilla JavaScript string endsWith

  437. Vanilla JavaScript string startsWith

  438. CSS Font-display and how to use it

  439. How to use Google Fonts

  440. How to use CSS Vars

  441. CSS Flip Card

  442. Vanilla JS add event listener on multiple elements

  443. Vanilla JavaScript Timing Functions

  444. Vanilla JavaScript Element.scrollIntoView

  445. Vanilla JavaScript Image Magnifier ๐Ÿ”Ž

  446. Animated Hamburger Side Menu ๐Ÿ”

  447. CSS Pseudo-elements

  448. CSS Custom Checkbox โœ…

  449. Adding Pages to Eleventy

  450. Vanilla JavaScript Fullscreen Video

  451. Hosting a Static Blog on Netlify

  452. Building a Static Blog with 11ty

  453. Get and Set Data Attributes with JavaScript

  454. CSS Animated snake ๐Ÿ

  455. CSS Only Accordion

  456. Vanilla JavaScript try...catch

  457. CSS only Parallax Scrolling

  458. Vanilla JS classLists: Add, Remove & Toggle

  459. CSS only expanding slider ๐Ÿ˜ฒ

  460. Vanilla JavaScript playing Audio

  461. React props and components

  462. Our first React application

  463. Basic Node.js Express application

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

  465. Vanilla JavaScript Copy Text with the Clipboard API

  466. CSS Flexbox most easy center vertical and horizontal

  467. Vanilla JavaScript Switch statement

  468. JavaScript ES6 Sets

  469. Vanilla JavaScript clone a DOM element

  470. CSS keyframe animation floating blocks

  471. Fetch API in Vanilla JavaScript

  472. CSS Text color difference based on background

  473. Vanilla JavaScript add leading zeroes to date

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

  475. Theme switching Favicon? ๐Ÿ™Š

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

  477. How to work with CSS Viewport units

  478. Posting to Twitter via Node.js

  479. Posting with the Facebook API via Node.js

  480. RSS reader in node.js

  481. String replace in Vanilla JS

  482. Weekend tip: Watch the Vue documentary

  483. Promise chains in JavaScript

  484. Match all urls from a string in vanilla JS