Posts Archive

  1. Making a post slider in Eleventy with Tailwind

  2. Creating a newsletter layout with Tailwind

  3. It's alright to take a break

  4. Creating a custom Eleventy filter

  5. Converting existing CSS into Tailwind classes

  6. Adding Tailwind to Eleventy

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

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

  9. Vanilla JavaScript get current timestamp

  10. JavaScript unique object properties from object array

  11. JavaScript reduce on multiple properties

  12. Deploy Eleventy to Netlify using GitHub actions

  13. Refactoring old code

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

  15. 10 ways to use the spread operator in JavaScript

  16. Angular search pipe for a list

  17. JavaScript string repeat

  18. Hosting Sendy on Digital Ocean

  19. Moving from Mailchimp to Sendy

  20. Automate Netlify deployments with Zapier

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

  22. Mac installing MariaDB

  23. Mac installing MySQL

  24. Convert existing local project into git project

  25. Homebrew - One package manager to rule them all

  26. Firefox dev tools - Animations

  27. HTML5 Starting boilerplate template

  28. Vanilla JavaScript get all elements in a form

  29. Creating day-night CSS only toggle switch

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

  31. Firefox clip-path editor

  32. Making a footer stick to the bottom with CSS

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

  34. Vanilla JavaScript get form element's form

  35. Vanilla JavaScript get following Monday

  36. JavaScript get HTML elements from a string

  37. CSS Frosted glass credit card

  38. Vanilla JavaScript time of day greeting

  39. Tailwind CSS full-screen video header

  40. Tailwind CSS parallax effect

  41. CSS Gradient text effect

  42. Using the shy soft hyphen in HTML

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

  44. Making divs user resizable with CSS

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

  46. Experience story: My first job

  47. HTML output element

  48. Responsive header in Tailwind CSS

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

  50. Three Christmas trees in CSS ๐ŸŽ„

  51. CSS Grid most easy center vertical and horizontal

  52. Chrome DevTools: Grid Explorer

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

  54. JavaScript loop querySelectorAll results

  55. JavaScript array join() method

  56. Vanilla JavaScript four-digit pincode field

  57. JavaScript match values in two arrays

  58. CSS :not selector for negation

  59. JavaScript find() method

  60. JavaScript removing HTML tags

  61. Adding Netlify redirects to an Eleventy site

  62. I finally changed the default Mac mail behaviour

  63. JavaScript every() method

  64. JavaScript some() method

  65. CSS :placeholder-shown class

  66. JavaScript map() method

  67. JavaScript reduce() method

  68. JavaScript filter() method

  69. JavaScript lightbox effect without using plugins

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

  71. How to make money with your content?

  72. Software design principles: DRY

  73. CSS focus powered dropdown menu

  74. Vanilla JavaScript countdown clock

  75. Vanilla JavaScript detecting the operating system

  76. 15 better Lorem Ipsum generators

  77. CSS equal height columns

  78. Why CSS :focus-within is amazing

  79. JavaScript template literals

  80. CSS custom numbered list styling

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

  82. Vanilla JavaScript live search

  83. Changing the text selection color with CSS

  84. CSS nth-child selector basics

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

  86. CSS Emoji list style

  87. Ionic adding infinite scroll to our list

  88. Ionic showing API results in a list view

  89. Angular lazy loading routes

  90. Light and dark mode image in HTML

  91. Vanilla JavaScript random colours

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

  93. Vanilla JavaScript data attribute filters

  94. Angular adding a token to each API request

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

  96. Angular authenticating users from an API

  97. Chrome find unused code ๐Ÿ”Ž

  98. Reactive forms in Angular the way to go

  99. CSS cut out effect that will blow your mind ๐Ÿคฏ

  100. Angular component interaction using @Input and @Output

  101. Angular 10 adding custom pipes

  102. Creating a movie fetching service in Angular

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

  104. My first experiences with Tailwind CSS

  105. Adding Tailwind CSS to an Angular project

  106. Creating our first Angular project

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

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

  109. Vanilla JavaScript palindrome checker in 3 lines

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

  111. 5 amazing Chrome accessibility tools you didnt know!

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

  113. Resetting a WordPress admin password

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

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

  116. Vanilla JavaScript draggable Mr Potato Head ๐Ÿฅ”

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

  118. Adding SSL to our Azure Node app

  119. Exploring 5 meta tags to help beginners with SEO

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

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

  122. Adding a custom domain to Azure App Service

  123. GitHub automated deployments to Azure

  124. Deploying a Node app to Azure

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

  126. Checkboxify your images with JavaScript โœ…

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

  128. Implementing Webmentions on a 11ty blog

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

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

  131. Vanilla JavaScript canvas images to black and white

  132. Vanilla JavaScript images in canvas

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

  134. Vanilla JavaScript save canvas as an image

  135. Getting started with the HTML canvas

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

  137. ๐Ÿ›‘ Stop using pixels in CSS

  138. Bash CleanMyMac alternative ๐Ÿงผ

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

  140. Console log with params

  141. Node.js write data in a Google Sheet

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

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

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

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

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

  147. A clear mind starts with a clear inbox

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

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

  150. Chrome copy all CSS for an element

  151. Getting notified in JavaScript when a Media Query changes

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

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

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

  155. Did you know HTML elements can be editable?

  156. CSS exploring all cursor options

  157. JavaScript Mouse Tracking Eyes ๐Ÿ‘€

  158. Bootstrap your successful software startup

  159. CSS Neon Animation

  160. CSS Drop Shadow vs Box Shadow

  161. HTML Picture Element Responsive Images

  162. How is Your Year Loading?

  163. Vanilla JavaScript Modal Popup Box

  164. Weekend Tip: Microsoft Node.js Docs

  165. Building a Realtime Photoshop ๐ŸŽจ

  166. CSS Disco Text

  167. Vanilla JavaScript Email Validation

  168. Vanilla JavaScript Replace All Whitespaces

  169. Deno Render HTML Files

  170. CSS Only Tooltips Alternative

  171. Deno Pokemon API

  172. Google Sheets Translate

  173. CSS Only Tooltips

  174. Getting Started with Deno ๐Ÿฆ•

  175. Pimp Your GitHub Profile

  176. Vanilla JavaScript String to Number

  177. SVG Blur Filter

  178. SCSS Mixins

  179. SCSS Nesting

  180. SCSS Variables

  181. SCSS @import

  182. SCSS Introduction

  183. JavaScript Remove Duplicates from Array

  184. Vanilla JavaScript Chicken or Egg?

  185. Resetting a Form

  186. SVG animateTransform

  187. SVG Colouring Paths

  188. SVG Sprites

  189. Detect Adblockers

  190. CSS Animated Submit Loading

  191. I Challenge You!

  192. Vanilla JavaScript Quick Testing

  193. Vanilla JavaScript Dynamically Calling a Function

  194. CSS Grid Item

  195. CSS Grid Container

  196. CSS Grid Introduction

  197. Vanilla JavaScript toggleAttribute

  198. Vanilla JavaScript Closest

  199. Why Conferences Are Awesome

  200. Vanilla JavaScript Cookies ๐Ÿช

  201. CSS Truncate Text With Ellipsis

  202. CSS Writing Mode

  203. Vanilla JavaScript Stop Form Submit

  204. Vanilla JavaScript Browser Detection

  205. Getting Started With the Terminal

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

  207. Redirecting a Web Page

  208. Ionic Resources

  209. Our First Ionic App

  210. CSS Radial Gradients

  211. CSS Linear Gradients

  212. Vanilla JavaScript History API

  213. Vanilla JavaScript Update URL without Refresh

  214. Vanilla JavaScript URL Object

  215. 100 Articles ๐Ÿฅณ

  216. HTML Datalist

  217. Fontawesome SVG Alternative

  218. Asking Questions?

  219. How to use Fontawesome

  220. Vanilla JavaScript Shuffle Array

  221. Chrome Lighthouse Report

  222. Vanilla JavaScript Countdown

  223. Vanilla JavaScript Timer

  224. HTML Clickable Image Alternative

  225. HTML Image Map

  226. Plain HTML Scroll to Top

  227. Vanilla JavaScript localStorage

  228. Vanilla JavaScript Scroll to Top

  229. Slide Down Menu on Scroll

  230. CSS Blurry Background Image

  231. Vanilla JavaScript Check if Date is in the Past

  232. Vanilla JavaScript Comparison Operators

  233. Vanilla JavaScript == vs ===

  234. CSS Offset background-position

  235. Image Lazy Loading

  236. CSS Double Border Radius

  237. CSS Rounded Corners

  238. Vanilla JavaScript String Split

  239. CSS Calc Function

  240. Vanilla JavaScript Random Number

  241. JavaScript Sort Array of Objects by Value

  242. Vanilla JavaScript Slice vs Splice

  243. Vanilla JavaScript get Timestamp

  244. Vanilla JavaScript Chunk Array

  245. JavaScript Arrow Function

  246. Basic Developer Path

  247. CSS Shorthand Properties

  248. HTML a href Download Attribute

  249. Vanilla JavaScript Number toLocaleString

  250. Vanilla JavaScript get Month Name

  251. Vanilla JavaScript Days Between Two Dates

  252. CSS Attribute Selectors

  253. Vanilla JavaScript Drag n Drop Position

  254. Vanilla JavaScript Removing an Element

  255. Vanilla JavaScript Drag and Drop

  256. CSS Only Word Rotator

  257. Chrome Screenshot Specific Element

  258. CSS Easy Masonry Grid

  259. Vanilla JavaScript Trim White Space

  260. HTML Input Types

  261. CSS Only Loader

  262. Vanilla JavaScript string includes

  263. Pointer Events explained

  264. Happy Birthday CSS animation with confetti

  265. CSS Grid-List view toggle

  266. Vanilla JavaScript string endsWith

  267. Vanilla JavaScript string startsWith

  268. CSS Font-display and how to use it

  269. How to use Google Fonts

  270. How to use CSS Vars

  271. CSS Flip Card

  272. Vanilla JS add event listener on multiple elements

  273. Vanilla JavaScript Timing Functions

  274. Vanilla JavaScript Element.scrollIntoView

  275. Vanilla JavaScript Image Magnifier ๐Ÿ”Ž

  276. Animated Hamburger Side Menu ๐Ÿ”

  277. CSS Pseudo-elements

  278. CSS Custom Checkbox โœ…

  279. Adding Pages to Eleventy

  280. Vanilla JavaScript Fullscreen Video

  281. Hosting a Static Blog on Netlify

  282. Building a Static Blog with 11ty

  283. Get and Set Data Attributes with JavaScript

  284. CSS Animated snake ๐Ÿ

  285. CSS Only Accordion

  286. Vanilla JavaScript try...catch

  287. CSS only Parallax Scrolling

  288. Vanilla JavaScript classList

  289. CSS only expanding slider ๐Ÿ˜ฒ

  290. Vanilla JavaScript playing Audio

  291. React props and components

  292. Our first React application

  293. Basic Node.js Express application

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

  295. Vanilla JavaScript Copy Text with the Clipboard API

  296. CSS Flexbox most easy center vertical and horizontal

  297. Vanilla JavaScript Switch statement

  298. JavaScript ES6 Sets

  299. Vanilla JavaScript clone a DOM element

  300. CSS keyframe animation floating blocks

  301. Fetch API in Vanilla JavaScript

  302. CSS Text color difference based on background

  303. Vanilla JavaScript add leading zeroes to date

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

  305. Theme switching Favicon? ๐Ÿ™Š

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

  307. How to work with CSS Viewport units

  308. Posting to Twitter via Node.js

  309. Posting with the Facebook API via Node.js

  310. RSS reader in node.js

  311. String replace in Vanilla JS

  312. Weekend tip: Watch the Vue documentary

  313. Promise chains in JavaScript

  314. Match all urls from a string in vanilla JS