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 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