These are some of my thoughts, rants, tutorials and learnings from my time as a web developer. I try to find time to write down what I've learnt as it helps my understanding as well as being useful for future reference for myself, or someone else.
How I got my Nuxt App to fetch data from HTTPS endpoints on localhost
Date posted: Thursday, 18 July 2024
Tags: Nuxt,Vue,Proxy,HTTPS,SSL,API
I finally have a real use case for the new defineModel() macro that was introduced in the latest version of Vue 3.3/3.4. I'm using it so users can toggle the visibility of password inputs.
Date posted: Friday, 24 May 2024
Tags: Vue,JavaScript
I ran in to some issues when setting up Supabase in a new SwiftUI project. I've documented the issue and solution for future reference.
Date posted: Tuesday, 14 May 2024
Tags: SwiftUI,iOS,Database
Learn how you can easily center your content with modern CSS. I'll show you the _old way_ and then how you can use Grid, Flexbox and then the latest 'block level'positioning.
Date posted: Wednesday, 8 May 2024
Tags: CSS,Grid,Flexbox
How to create text with a gradient background using CSS
Date posted: Tuesday, 23 April 2024
Tags: CSS,HTML
Learn how to use the new CSS :has() pseudo class to select a previous sibling element.
Date posted: Sunday, 31 March 2024
Tags: HTML,CSS
This is a place where I'll be keeping track of some tailwindCss tricks and tips that I've discovered. I thought I'd share them for everyone else too.
Date posted: Wednesday, 21 February 2024
Tags: tailwindcss,CSS
How to setup DaisyUI, a component library based on tailwindcss, with Vue and Vite
Date posted: Sunday, 21 August 2022
Tags: Vue,Vite,DaisyUI,tailwindcss,JavaScript
A look in to how I'm filtering the blog posts with the use of Tags and how easy it is to render using Vue's `Computed` properties.
Date posted: Saturday, 26 February 2022
Tags: Vue,JavaScript
Handling user input using the v-model and v-on directives.
Date posted: Tuesday, 22 February 2022
Tags: Vue,JavaScript
Using v-for to render a list of items in HTML from the application state.
Date posted: Wednesday, 16 February 2022
Tags: Vue,JavaScript
How to get started with using Vue via a CDN, the options API, and no build tools...
Date posted: Sunday, 13 February 2022
Tags: Vue,JavaScript
FiraCode is a font that supports ligatures, using this in my IDE makes reading code a lot easier... and it looks cleaner and cooler!
Date posted: Tuesday, 4 January 2022
Tags: IDE,CSS,HTML,JavaScript
I've rebuilt this site multiple times locally, now it's in production. Here's what I've changed
Date posted: Thursday, 30 December 2021
Tags: Vue,Nuxt,Netlify,Markdown,Responsive,CSS,HTML,JavaScript
Migrating from my top-end early 2015 13" MacBook Pro was a breeze. I decided to do a clean install and use iCloud backup/restore for my user profile & documents. This meant I would only install what I actually needed...
Date posted: Thursday, 22 April 2021
Tags: MacBook Pro,M1,Apple,CSS,HTML,JavaScript,Git,IDE
A Vue accordion component that can be re-used to create....
Date posted: Friday, 2 October 2020
Tags: Vue,JavaScript
A React application that uses the Open Weathermap API for local weather informaiton.
Date posted: Friday, 18 January 2019
Tags: API,JavaScript,React,Responsive,REST,React
A look in to functional React components
Date posted: Saturday, 3 November 2018
Tags: React,JavaScript
A simple underline effect for navigation links
Date posted: Friday, 5 June 2015
Tags: Animation,CSS
How to feelback to .png when transitioning to .svg images
Date posted: Monday, 18 May 2015
Tags: SVG,CSS
How I went about implementing a left and right slide in/out panel for LuxDeco
Date posted: Wednesday, 20 November 2013
Tags: Animation,CSS,HTML,PHP
My version of a thumbnail gallery grid
Date posted: Tuesday, 19 November 2013
Tags: JavaScript,Responsive
Responsive image gallery with slide-down panel
Date posted: Monday, 30 September 2013
Tags: Responsive,CSS,HTML,JavaScript
Responsive image gallery with slide-down panel
Date posted: Monday, 30 September 2013
Tags: Responsive,CSS,HTML,JavaScript
How I designed and created a circular loading indicator
Date posted: Thursday, 5 September 2013
Tags: Responsive,CSS,HTML,JavaScript
A custom 24 responsive grid
Date posted: Wednesday, 4 September 2013
Tags: Responsive,CSS,HTML
Using CSS3 and HTML to create a small animation when something is hovered
Date posted: Thursday, 22 August 2013
Tags: CSS,HTML
How I created the menu for Asian Football Awards website
Date posted: Friday, 16 August 2013
Tags: JavaScript,Responsive,CSS,HTML,PHP
Welcome to my blog...
Date posted: Wednesday, 7 August 2013
Tags: Introduction