Posts Archive

  1. Making CSS perspective text

  2. 5 MacOS tips that will make you more productive

  3. Accepting all invites on LinkedIn

  4. Spice up your console logs with styling

  5. Testing API calls in Insomnia

  6. Easy way to create API documentation in Laravel

  7. Protecting our Laravel API with Sanctum

  8. Laravel basic API routes

  9. Laravel relational database models

  10. Laravel seeding the database

  11. Laravel creating our first database table

  12. Tailwind expanding slider

  13. Angular dynamic classes using ngClass

  14. Angular dynamically change form validators

  15. How to start blogging

  16. Tailwind CSS skew cards

  17. Native CSS Masonry layouts

  18. Vanilla JavaScript date toLocaleString

  19. CSS Shapes - Other shapes

  20. CSS Shapes - Triangles

  21. CSS Shapes - The basics

  22. Chrome devtools capture full page

  23. Making scrollable sections snap

  24. Fading images using JavaScript

  25. I blogged every single day for a year

  26. Delay your CSS animations to make them cleaner

  27. Ionic skeleton loader

  28. HTML spellcheck attribute

  29. HTML meter tag

  30. CSS image reflections with box-reflect

  31. HTML ordered list options

  32. Ionic adding checkboxes to a form

  33. Ionic adding reactive forms

  34. Creating segment tabs in Ionic

  35. HTML Autocomplete sms code

  36. Ionic welcome tour slider

  37. Using alerts in Ionic

  38. Ionic adding toast messages

  39. HTML Detail Summary element

  40. Ionic modals passing and receiving data

  41. Adding modals to an Ionic app

  42. Ionic adding a side menu

  43. Netlify Drop - the easiest deployment ever

  44. Using Google Fonts in a Tailwind project

  45. Plain HTML starter with Tailwind CSS

  46. Tailwind CSS fixed and scrollable section

  47. Top 5 MySQL clients for Mac

  48. HTML mark tag a digital marker

  49. CSS for the Scrollbar

  50. CSS hide scrollbars

  51. Starting your first Laravel project

  52. Keep your projects up to date with Dependabot

  53. 5 Websites for color inspiration

  54. Tailwind image zoom

  55. Hosting Angular Universal on a server

  56. Optimizing Angular Universal for SEO

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

  58. Converting a regular Angular application into Angular Universal

  59. CSS Styling the link underline

  60. How to record your iPhone screen with a Macbook

  61. Console.log on Chrome for iOS

  62. How to use WebP images

  63. Reverse an Array in Vanilla JavaScript

  64. Ionic Master Detail view

  65. Ionic getting Pokemon cards from an API

  66. Firebase authenticated user routes in Ionic

  67. Ionic store data for a user in Firebase

  68. Adding Firebase Google authentication to an Ionic app

  69. Adding static pages to an Eleventy blog

  70. Installing PHP on your Mac

  71. CSS Aspect Ratio it's finally here

  72. Build a vertical slider with Tailwind and Eleventy

  73. HTML Input multiple attribute

  74. Adding a sitemap in Eleventy

  75. Chrome DevTools: CSS Angle debugging

  76. Eleventy two column post layout

  77. Making a post slider in Eleventy with Tailwind

  78. Creating a newsletter layout with Tailwind

  79. It's alright to take a break

  80. Creating a custom Eleventy filter

  81. Convert existing CSS into Tailwind classes

  82. Adding Tailwind to Eleventy

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

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

  85. Vanilla JavaScript get current timestamp

  86. JavaScript unique object properties from object array

  87. JavaScript reduce on multiple properties

  88. Deploy Eleventy to Netlify using GitHub actions

  89. Refactoring old code

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

  91. 10 ways to use the spread operator in JavaScript

  92. Angular search pipe for a list

  93. JavaScript string repeat

  94. Hosting Sendy on Digital Ocean

  95. Moving from Mailchimp to Sendy

  96. Automate Netlify deployments with Zapier

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

  98. Mac installing MariaDB

  99. Mac installing MySQL

  100. Convert existing local project into git project

  101. Homebrew - One package manager to rule them all

  102. Firefox dev tools - Animations

  103. HTML5 Starting boilerplate template

  104. Vanilla JavaScript get all elements in a form

  105. Creating day-night CSS only toggle switch

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

  107. Firefox clip-path editor

  108. Making a footer stick to the bottom with CSS

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

  110. Vanilla JavaScript get form element's form

  111. Vanilla JavaScript get following Monday

  112. JavaScript get HTML elements from a string

  113. CSS Frosted glass credit card

  114. Vanilla JavaScript time of day greeting

  115. Tailwind CSS full-screen video header

  116. Tailwind CSS parallax effect

  117. CSS Gradient text effect

  118. How to use the shy soft hyphen in HTML

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

  120. Making divs user resizable with CSS

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

  122. Experience story: My first job

  123. HTML output element

  124. Header with responsive image in Tailwind CSS

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

  126. Three Christmas trees in CSS ๐ŸŽ„

  127. CSS Grid most easy center vertical and horizontal

  128. Chrome DevTools: Grid Explorer

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

  130. JavaScript loop querySelectorAll results

  131. JavaScript array join() method

  132. Vanilla JavaScript four-digit pincode field

  133. JavaScript match values in two arrays

  134. CSS :not selector for negation

  135. JavaScript find() method

  136. JavaScript removing HTML tags

  137. Adding Netlify redirects to an Eleventy site

  138. I finally changed the default Mac mail behaviour

  139. JavaScript every() method

  140. JavaScript some() method

  141. CSS :placeholder-shown class

  142. JavaScript map() method

  143. JavaScript reduce() method

  144. JavaScript filter() method

  145. JavaScript lightbox effect without using plugins

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

  147. How to make money with your content?

  148. Software design principles: DRY

  149. CSS focus powered dropdown menu

  150. Vanilla JavaScript countdown clock

  151. Vanilla JavaScript detecting the operating system

  152. 15 better Lorem Ipsum generators

  153. CSS equal height columns

  154. Why CSS :focus-within is amazing

  155. JavaScript template literals

  156. CSS custom numbered list styling

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

  158. Vanilla JavaScript live search

  159. Changing the text selection color with CSS

  160. CSS nth-child selector basics

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

  162. CSS list style with Emojis

  163. Ionic adding infinite scroll to our list

  164. Ionic showing API results in a list view

  165. Angular lazy loading routes

  166. Light and dark mode image in HTML

  167. Vanilla JavaScript random colours

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

  169. Vanilla JavaScript data attribute filters

  170. Angular adding a token to each API request

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

  172. Angular authenticating users from an API

  173. Chrome find unused code ๐Ÿ”Ž

  174. Reactive forms in Angular the way to go

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

  176. Angular component interaction using @Input and @Output

  177. Angular 10 adding custom pipes

  178. Creating a movie fetching service in Angular

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

  180. My first experiences with Tailwind CSS

  181. Adding Tailwind CSS to an Angular project

  182. Creating our first Angular project

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

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

  185. Vanilla JavaScript palindrome checker in 3 lines

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

  187. 5 amazing Chrome accessibility tools you didnt know!

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

  189. Resetting a WordPress admin password

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

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

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

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

  194. Adding SSL to our Azure Node app

  195. Exploring 5 meta tags to help beginners with SEO

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

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

  198. Azure App Service: Add a custom domain

  199. GitHub automated deployments to Azure

  200. Deploying a Node app to Azure

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

  202. Checkboxify your images with JavaScript โœ…

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

  204. Implementing Webmentions on a 11ty blog

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

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

  207. Vanilla JavaScript canvas images to black and white

  208. Vanilla JavaScript images in canvas

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

  210. Vanilla JavaScript save canvas as an image

  211. Getting started with the HTML canvas

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

  213. ๐Ÿ›‘ Stop using pixels in CSS

  214. Bash CleanMyMac alternative ๐Ÿงผ

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

  216. Console log with params

  217. Node.js write data in a Google Sheet

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

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

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

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

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

  223. A clear mind starts with a clear inbox

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

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

  226. Chrome copy all CSS for an element

  227. Getting notified in JavaScript when a Media Query changes

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

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

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

  231. Did you know HTML elements can be editable?

  232. CSS exploring all cursor options

  233. JavaScript Mouse Tracking Eyes ๐Ÿ‘€

  234. Bootstrap your successful software startup

  235. CSS Neon Animation

  236. CSS Drop Shadow vs Box Shadow

  237. HTML Picture Element Responsive Images

  238. How is Your Year Loading?

  239. Vanilla JavaScript Modal Popup Box

  240. Weekend Tip: Microsoft Node.js Docs

  241. Building a Realtime Photoshop ๐ŸŽจ

  242. CSS Disco Text

  243. Vanilla JavaScript Email Validation

  244. Vanilla JavaScript Replace All Whitespaces

  245. Deno Render HTML with view engine and ejs

  246. CSS Only Tooltips Alternative

  247. Deno Pokemon API

  248. Google Sheets Translate

  249. CSS Only Tooltips

  250. Getting Started with Deno ๐Ÿฆ•

  251. Pimp Your GitHub Profile

  252. Vanilla JavaScript String to Number

  253. SVG Blur Filter

  254. SCSS Mixins

  255. SCSS Nesting

  256. SCSS Variables

  257. SCSS @import

  258. SCSS Introduction

  259. JavaScript Remove Duplicates from Array

  260. Vanilla JavaScript Chicken or Egg?

  261. Resetting a Form

  262. SVG animateTransform

  263. SVG Colouring Paths

  264. SVG Sprites

  265. Detect Adblockers

  266. CSS Animated Submit Loading

  267. I Challenge You!

  268. Vanilla JavaScript Quick Testing

  269. Dynamically call a Function in JavaScript

  270. CSS Grid Item

  271. CSS Grid Container

  272. CSS Grid Introduction

  273. Vanilla JavaScript toggleAttribute

  274. Vanilla JavaScript Closest

  275. Why Conferences Are Awesome

  276. Vanilla JavaScript Cookies ๐Ÿช

  277. CSS Truncate Text With Ellipsis

  278. CSS Writing Mode

  279. Vanilla JavaScript Stop Form Submit

  280. Vanilla JavaScript Browser Detection

  281. Getting Started With the Terminal

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

  283. Redirecting a Web Page

  284. Ionic Resources

  285. Our First Ionic App

  286. CSS Radial Gradients

  287. CSS Linear Gradients

  288. Vanilla JavaScript History API

  289. Vanilla JavaScript Update URL without Refresh

  290. Vanilla JavaScript URL Object

  291. 100 Articles ๐Ÿฅณ

  292. HTML Datalist

  293. Fontawesome SVG Alternative

  294. Asking Questions?

  295. How to use Fontawesome

  296. Vanilla JavaScript Shuffle Array

  297. Chrome Lighthouse Report

  298. Vanilla JavaScript Countdown

  299. Vanilla JavaScript Timer

  300. HTML Clickable Image Alternative

  301. HTML Image Map

  302. Plain HTML Scroll to Top

  303. Vanilla JavaScript localStorage

  304. Vanilla JavaScript Scroll to Top

  305. Slide Down Menu on Scroll

  306. CSS Blurry Background Image

  307. Vanilla JavaScript Check if Date is in the Past

  308. Vanilla JavaScript Comparison Operators

  309. Vanilla JavaScript == vs ===

  310. CSS Offset background-position

  311. Image Lazy Loading

  312. CSS Double Border Radius

  313. CSS Rounded Corners

  314. Vanilla JavaScript String Split

  315. CSS Calc Function

  316. Vanilla JavaScript Random Number

  317. JavaScript Sort Array of Objects by Value

  318. Vanilla JavaScript Slice vs Splice

  319. Vanilla JavaScript get Timestamp

  320. Vanilla JavaScript Chunk Array

  321. JavaScript Arrow Function

  322. Basic Developer Path

  323. CSS Shorthand Properties

  324. HTML a href Download Attribute

  325. Vanilla JavaScript Number toLocaleString

  326. Vanilla JavaScript get Month Name

  327. Vanilla JavaScript How many Days Between Two Dates

  328. CSS Attribute Selectors

  329. Vanilla JavaScript Drag n Drop Position

  330. Vanilla JavaScript Removing an Element

  331. Vanilla JavaScript Drag and Drop

  332. CSS Only Word Rotator

  333. Chrome Screenshot Specific Element

  334. CSS Easy Masonry Grid

  335. Vanilla JavaScript Trim White Space

  336. HTML Input Types

  337. CSS Only Loader

  338. Vanilla JavaScript string includes

  339. Pointer Events explained

  340. Happy Birthday CSS animation with confetti

  341. CSS Toggle grid or List view

  342. Vanilla JavaScript string endsWith

  343. Vanilla JavaScript string startsWith

  344. CSS Font-display and how to use it

  345. How to use Google Fonts

  346. How to use CSS Vars

  347. CSS Flip Card

  348. Vanilla JS add event listener on multiple elements

  349. Vanilla JavaScript Timing Functions

  350. Vanilla JavaScript Element.scrollIntoView

  351. Vanilla JavaScript Image Magnifier ๐Ÿ”Ž

  352. Animated Hamburger Side Menu ๐Ÿ”

  353. CSS Pseudo-elements

  354. CSS Custom Checkbox โœ…

  355. Adding Pages to Eleventy

  356. Vanilla JavaScript Fullscreen Video

  357. Hosting a Static Blog on Netlify

  358. Building a Static Blog with 11ty

  359. Get and Set Data Attributes with JavaScript

  360. CSS Animated snake ๐Ÿ

  361. CSS Only Accordion

  362. Vanilla JavaScript try...catch

  363. CSS only Parallax Scrolling

  364. Vanilla JS classLists: Add, Remove & Toggle

  365. CSS only expanding slider ๐Ÿ˜ฒ

  366. Vanilla JavaScript playing Audio

  367. React props and components

  368. Our first React application

  369. Basic Node.js Express application

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

  371. Vanilla JavaScript Copy Text with the Clipboard API

  372. CSS Flexbox most easy center vertical and horizontal

  373. Vanilla JavaScript Switch statement

  374. JavaScript ES6 Sets

  375. Vanilla JavaScript clone a DOM element

  376. CSS keyframe animation floating blocks

  377. Fetch API in Vanilla JavaScript

  378. CSS Text color difference based on background

  379. Vanilla JavaScript add leading zeroes to date

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

  381. Theme switching Favicon? ๐Ÿ™Š

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

  383. How to work with CSS Viewport units

  384. Posting to Twitter via Node.js

  385. Posting with the Facebook API via Node.js

  386. RSS reader in node.js

  387. String replace in Vanilla JS

  388. Weekend tip: Watch the Vue documentary

  389. Promise chains in JavaScript

  390. Match all urls from a string in vanilla JS