Posts Archive

  1. Linux adding a timestamp to the bash history

  2. JavaScript insert newly created element after another element

  3. JavaScript insert newly created element before another element

  4. Running WordPress locally on Mac OS X

  5. Making htaccess work on Mac OS X

  6. Mac OS X setting up virtual hosts

  7. An automated GitHub-Discord bot

  8. F-strings in Python

  9. Python reduce() function

  10. Python map() function

  11. Python filter() function

  12. NumPy arrays, a broader look

  13. Installing and using NumPy in Python

  14. Formatting strings in Python

  15. Python Lambda functions

  16. Regular Expressions in Python

  17. Python write data to a Google sheet

  18. Python read data from a Google sheet

  19. Python read and write files

  20. Writing functions in Python

  21. Generating barcodes in Google Sheets

  22. Python loops explained

  23. Generating QR Codes in Google Sheets

  24. Python if...else statements

  25. Data types in Python

  26. User input in Python

  27. Ionic tab bar circle middle button

  28. Python virtual environments

  29. Setting Visual Studio code up for Python

  30. Setting up Python on macOS

  31. Host images via Google Drive

  32. Yes, I do

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

  34. Common HTML Element Types

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

  36. Detecting faces from the webcam in JavaScript

  37. Javascript native face detector API

  38. Detecting barcodes from the webcam

  39. Javascript native barcode detector API

  40. CSS Modern multi-line ellipsis

  41. Chrome DevTools: Flex Debugger

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

  43. Tailwind grid responsive 4 column blocks

  44. Interaction beats consumption

  45. JavaScript remove elements

  46. JavaScript creating a new element

  47. Appreciate yourself and improve yourself instead of feeling bad

  48. Creating an SSH connection to a server

  49. Not all developer job interviews are the same

  50. Why Tailwind JIT compiler is amazing

  51. JavaScript detecting key combinations

  52. Some console command you might not know

  53. Hacking time management

  54. JavaScript detecting which key is pressed

  55. Making CSS perspective text

  56. 5 MacOS tips that will make you more productive

  57. Accepting all invites on LinkedIn

  58. Spice up your console logs with styling

  59. Testing API calls in Insomnia

  60. Easy way to create API documentation in Laravel

  61. Protecting our Laravel API with Sanctum

  62. Laravel basic API routes

  63. Laravel relational database models

  64. Laravel seeding the database

  65. Laravel creating our first database table

  66. Tailwind expanding slider

  67. Angular dynamic classes using ngClass

  68. Angular dynamically change form validators

  69. How to start blogging

  70. Tailwind CSS skew cards

  71. Native CSS Masonry layouts

  72. Vanilla JavaScript date toLocaleString

  73. CSS Shapes - Other shapes

  74. CSS Shapes - Triangles

  75. CSS Shapes - The basics

  76. Chrome devtools capture full page

  77. Making scrollable sections snap

  78. Fading images using JavaScript

  79. I blogged every single day for a year

  80. Delay your CSS animations to make them cleaner

  81. Ionic skeleton loader

  82. HTML spellcheck attribute

  83. HTML meter tag

  84. CSS image reflections with box-reflect

  85. HTML ordered list options

  86. Ionic adding checkboxes to a form

  87. Ionic adding reactive forms

  88. Creating segment tabs in Ionic

  89. HTML Autocomplete sms code

  90. Ionic welcome tour slider

  91. Using alerts in Ionic

  92. Ionic adding toast messages

  93. HTML Detail Summary element

  94. Ionic modals passing and receiving data

  95. Adding modals to an Ionic app

  96. Ionic adding a side menu

  97. Netlify Drop - the easiest deployment ever

  98. Using Google Fonts in a Tailwind project

  99. Plain HTML starter with Tailwind CSS

  100. Tailwind CSS fixed and scrollable section

  101. Top 5 MySQL clients for Mac

  102. HTML mark tag a digital marker

  103. CSS for the Scrollbar

  104. CSS hide scrollbars

  105. Starting your first Laravel project

  106. Keep your projects up to date with Dependabot

  107. 5 Websites for color inspiration

  108. Tailwind image zoom

  109. Hosting Angular Universal on a server

  110. Optimizing Angular Universal for SEO

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

  112. Converting a regular Angular application into Angular Universal

  113. CSS Styling the link underline

  114. How to record your iPhone screen with a Macbook

  115. Console.log on Chrome for iOS

  116. How to use WebP images

  117. Reverse an Array in Vanilla JavaScript

  118. Ionic Master Detail view

  119. Ionic getting Pokemon cards from an API

  120. Firebase authenticated user routes in Ionic

  121. Ionic store data for a user in Firebase

  122. Adding Firebase Google authentication to an Ionic app

  123. Adding static pages to an Eleventy blog

  124. Installing PHP on your Mac

  125. CSS Aspect Ratio it's finally here

  126. Build a vertical slider with Tailwind and Eleventy

  127. HTML Input multiple attribute

  128. Adding a sitemap in Eleventy

  129. Chrome DevTools: CSS Angle debugging

  130. Eleventy two column post layout

  131. Making a post slider in Eleventy with Tailwind

  132. Creating a newsletter layout with Tailwind

  133. It's alright to take a break

  134. Creating a custom Eleventy filter

  135. Convert existing CSS into Tailwind classes

  136. Adding Tailwind to Eleventy

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

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

  139. Vanilla JavaScript get current timestamp

  140. JavaScript unique object properties from object array

  141. JavaScript reduce on multiple properties

  142. Deploy Eleventy to Netlify using GitHub actions

  143. Refactoring old code

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

  145. 10 ways to use the spread operator in JavaScript

  146. Angular search pipe for a list

  147. JavaScript string repeat

  148. Hosting Sendy on Digital Ocean

  149. Moving from Mailchimp to Sendy

  150. Automate Netlify deployments with Zapier

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

  152. Mac installing MariaDB

  153. Mac installing MySQL

  154. Convert existing local project into git project

  155. Homebrew - One package manager to rule them all

  156. Firefox dev tools - Animations

  157. HTML5 Starting boilerplate template

  158. Vanilla JavaScript get all elements in a form

  159. Creating day-night CSS only toggle switch

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

  161. Firefox clip-path editor

  162. Making a footer stick to the bottom with CSS

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

  164. Vanilla JavaScript get form element's form

  165. Vanilla JavaScript get following Monday

  166. JavaScript get HTML elements from a string

  167. CSS Frosted glass credit card

  168. Vanilla JavaScript time of day greeting

  169. Tailwind CSS full-screen video header

  170. Tailwind CSS parallax effect

  171. CSS Gradient text effect

  172. How to use the shy soft hyphen in HTML

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

  174. Making divs user resizable with CSS

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

  176. Experience story: My first job

  177. HTML output element

  178. Header with responsive image in Tailwind CSS

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

  180. Three Christmas trees in CSS ๐ŸŽ„

  181. CSS Grid most easy center vertical and horizontal

  182. Chrome DevTools: Grid Explorer

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

  184. JavaScript loop querySelectorAll results

  185. JavaScript array join() method

  186. Vanilla JavaScript four-digit pincode field

  187. JavaScript match values in two arrays

  188. CSS :not selector for negation

  189. JavaScript find() method

  190. JavaScript removing HTML tags

  191. Adding Netlify redirects to an Eleventy site

  192. I finally changed the default Mac mail behaviour

  193. JavaScript every() method

  194. JavaScript some() method

  195. CSS :placeholder-shown class

  196. JavaScript map() method

  197. JavaScript reduce() method

  198. JavaScript filter() method

  199. JavaScript lightbox effect without using plugins

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

  201. How to make money with your content?

  202. Software design principles: DRY

  203. CSS focus powered dropdown menu

  204. Vanilla JavaScript countdown clock

  205. Vanilla JavaScript detecting the operating system

  206. 15 better Lorem Ipsum generators

  207. CSS equal height columns

  208. Why CSS :focus-within is amazing

  209. JavaScript template literals

  210. CSS custom numbered list styling

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

  212. Vanilla JavaScript live search

  213. Changing the text selection color with CSS

  214. CSS nth-child selector basics

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

  216. CSS list style with Emojis

  217. Ionic adding infinite scroll to our list

  218. Ionic showing API results in a list view

  219. Angular lazy loading routes

  220. Light and dark mode image in HTML

  221. Vanilla JavaScript random colours

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

  223. Vanilla JavaScript data attribute filters

  224. Angular adding a token to each API request

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

  226. Angular authenticating users from an API

  227. Chrome find unused code ๐Ÿ”Ž

  228. Reactive forms in Angular the way to go

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

  230. Angular component interaction using @Input and @Output

  231. Angular 10 adding custom pipes

  232. Creating a movie fetching service in Angular

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

  234. My first experiences with Tailwind CSS

  235. Adding Tailwind CSS to an Angular project

  236. Creating our first Angular project

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

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

  239. Vanilla JavaScript palindrome checker in 3 lines

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

  241. 5 amazing Chrome accessibility tools you didnt know!

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

  243. Resetting a WordPress admin password

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

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

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

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

  248. Adding SSL to our Azure Node app

  249. Exploring 5 meta tags to help beginners with SEO

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

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

  252. Azure App Service: Add a custom domain

  253. GitHub automated deployments to Azure

  254. Deploying a Node app to Azure

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

  256. Checkboxify your images with JavaScript โœ…

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

  258. Implementing Webmentions on a 11ty blog

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

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

  261. Vanilla JavaScript canvas images to black and white

  262. Vanilla JavaScript images in canvas

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

  264. Vanilla JavaScript save canvas as an image

  265. Getting started with the HTML canvas

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

  267. ๐Ÿ›‘ Stop using pixels in CSS

  268. Bash CleanMyMac alternative ๐Ÿงผ

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

  270. Console log with params

  271. Node.js write data in a Google Sheet

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

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

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

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

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

  277. A clear mind starts with a clear inbox

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

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

  280. Chrome copy all CSS for an element

  281. Getting notified in JavaScript when a Media Query changes

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

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

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

  285. Did you know HTML elements can be editable?

  286. CSS exploring all cursor options

  287. JavaScript Mouse Tracking Eyes ๐Ÿ‘€

  288. Bootstrap your successful software startup

  289. CSS Neon Animation

  290. CSS Drop Shadow vs Box Shadow

  291. HTML Picture Element Responsive Images

  292. How is Your Year Loading?

  293. Vanilla JavaScript Modal Popup Box

  294. Weekend Tip: Microsoft Node.js Docs

  295. Building a Realtime Photoshop ๐ŸŽจ

  296. CSS Disco Text

  297. Vanilla JavaScript Email Validation

  298. Vanilla JavaScript Replace All Whitespaces

  299. Deno Render HTML with view engine and ejs

  300. CSS Only Tooltips Alternative

  301. Deno Pokemon API

  302. Google Sheets Translate

  303. CSS Only Tooltips

  304. Getting Started with Deno ๐Ÿฆ•

  305. Pimp Your GitHub Profile

  306. Vanilla JavaScript String to Number

  307. SVG Blur Filter

  308. SCSS Mixins

  309. SCSS Nesting

  310. SCSS Variables

  311. SCSS @import

  312. SCSS Introduction

  313. JavaScript Remove Duplicates from Array

  314. Vanilla JavaScript Chicken or Egg?

  315. Resetting a Form

  316. SVG animateTransform

  317. SVG Colouring Paths

  318. SVG Sprites

  319. Detect Adblockers

  320. CSS Animated Submit Loading

  321. I Challenge You!

  322. Vanilla JavaScript Quick Testing

  323. Dynamically call a Function in JavaScript

  324. CSS Grid Item

  325. CSS Grid Container

  326. CSS Grid Introduction

  327. Vanilla JavaScript toggleAttribute

  328. Vanilla JavaScript Closest

  329. Why Conferences Are Awesome

  330. Vanilla JavaScript Cookies ๐Ÿช

  331. CSS Truncate Text With Ellipsis

  332. CSS Writing Mode

  333. Vanilla JavaScript Stop Form Submit

  334. Vanilla JavaScript Browser Detection

  335. Getting Started With the Terminal

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

  337. Redirecting a Web Page

  338. Ionic Resources

  339. Our First Ionic App

  340. CSS Radial Gradients

  341. CSS Linear Gradients

  342. Vanilla JavaScript History API

  343. Vanilla JavaScript Update URL without Refresh

  344. Vanilla JavaScript URL Object

  345. 100 Articles ๐Ÿฅณ

  346. HTML Datalist

  347. Fontawesome SVG Alternative

  348. Asking Questions?

  349. How to use Fontawesome

  350. Vanilla JavaScript Shuffle Array

  351. Chrome Lighthouse Report

  352. Vanilla JavaScript Countdown

  353. Vanilla JavaScript Timer

  354. HTML Clickable Image Alternative

  355. HTML Image Map

  356. Plain HTML Scroll to Top

  357. Vanilla JavaScript localStorage

  358. Vanilla JavaScript Scroll to Top

  359. Slide Down Menu on Scroll

  360. CSS Blurry Background Image

  361. Vanilla JavaScript Check if Date is in the Past

  362. Vanilla JavaScript Comparison Operators

  363. Vanilla JavaScript == vs ===

  364. CSS Offset background-position

  365. Image Lazy Loading

  366. CSS Double Border Radius

  367. CSS Rounded Corners

  368. Vanilla JavaScript String Split

  369. CSS Calc Function

  370. Vanilla JavaScript Random Number

  371. JavaScript Sort Array of Objects by Value

  372. Vanilla JavaScript Slice vs Splice

  373. Vanilla JavaScript get Timestamp

  374. Vanilla JavaScript Chunk Array

  375. JavaScript Arrow Function

  376. Basic Developer Path

  377. CSS Shorthand Properties

  378. HTML a href Download Attribute

  379. Vanilla JavaScript Number toLocaleString

  380. Vanilla JavaScript get Month Name

  381. Vanilla JavaScript How many Days Between Two Dates

  382. CSS Attribute Selectors

  383. Vanilla JavaScript Drag n Drop Position

  384. Vanilla JavaScript Removing an Element

  385. Vanilla JavaScript Drag and Drop

  386. CSS Only Word Rotator

  387. Chrome Screenshot Specific Element

  388. CSS Easy Masonry Grid

  389. Vanilla JavaScript Trim White Space

  390. HTML Input Types

  391. CSS Only Loader

  392. Vanilla JavaScript string includes

  393. Pointer Events explained

  394. Happy Birthday CSS animation with confetti

  395. CSS Toggle grid or List view

  396. Vanilla JavaScript string endsWith

  397. Vanilla JavaScript string startsWith

  398. CSS Font-display and how to use it

  399. How to use Google Fonts

  400. How to use CSS Vars

  401. CSS Flip Card

  402. Vanilla JS add event listener on multiple elements

  403. Vanilla JavaScript Timing Functions

  404. Vanilla JavaScript Element.scrollIntoView

  405. Vanilla JavaScript Image Magnifier ๐Ÿ”Ž

  406. Animated Hamburger Side Menu ๐Ÿ”

  407. CSS Pseudo-elements

  408. CSS Custom Checkbox โœ…

  409. Adding Pages to Eleventy

  410. Vanilla JavaScript Fullscreen Video

  411. Hosting a Static Blog on Netlify

  412. Building a Static Blog with 11ty

  413. Get and Set Data Attributes with JavaScript

  414. CSS Animated snake ๐Ÿ

  415. CSS Only Accordion

  416. Vanilla JavaScript try...catch

  417. CSS only Parallax Scrolling

  418. Vanilla JS classLists: Add, Remove & Toggle

  419. CSS only expanding slider ๐Ÿ˜ฒ

  420. Vanilla JavaScript playing Audio

  421. React props and components

  422. Our first React application

  423. Basic Node.js Express application

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

  425. Vanilla JavaScript Copy Text with the Clipboard API

  426. CSS Flexbox most easy center vertical and horizontal

  427. Vanilla JavaScript Switch statement

  428. JavaScript ES6 Sets

  429. Vanilla JavaScript clone a DOM element

  430. CSS keyframe animation floating blocks

  431. Fetch API in Vanilla JavaScript

  432. CSS Text color difference based on background

  433. Vanilla JavaScript add leading zeroes to date

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

  435. Theme switching Favicon? ๐Ÿ™Š

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

  437. How to work with CSS Viewport units

  438. Posting to Twitter via Node.js

  439. Posting with the Facebook API via Node.js

  440. RSS reader in node.js

  441. String replace in Vanilla JS

  442. Weekend tip: Watch the Vue documentary

  443. Promise chains in JavaScript

  444. Match all urls from a string in vanilla JS