Topic

Coding

A collection of 13 issues

Can ChatGPT Help me code?

Everywhere you turn around at the moment there is some sort of AI disrupting industry after industry. Today's flavour 'ChatGPT' is making the rounds. So what problem can we throw at it? If you have been following me on twTwitterou may have seen that during Hacktoberfest last year, I started

Pull Github Template Changes to local repository

This week I have been working on a repository at work that has been forked from another 'template' repo. As such when changes are made to this template repository, I needed a way to pull those changes back down to my repo. Luckily my boss at work had some nice

20 new CSS Viewport units are here. Including 'svh', 'lvh', 'dvh',

As a frontend developer, I have been pained so many times by trying to support mobile when the design has a full height. Hours and hours have been wasted trying to take into account the fact that when you scroll on your mobile device. The device will start to remove

Simple Gradient Text CSS [Code Snippet]

I have been playing around with CSS gradients lately and discovered that you can use the gradient to mask text in a div and apply that effect to the text itself. Here is a codepen of it in action and the code for this is below.

Lorem ipsum dolor sit

AurumUI - Designing the Accordion

Recently I decided to start building out a UI Web Component Library called Aurum UI [https://aurum-ui.vercel.app/]. To get the project going I made its first component an accordion. You can see below that the accordion is very simple, it is just one accordion on its own that

Ways to use the CSS nth-child Selector (Code Snippet)

The look into the CSS selector :nth-child and the cool ways it can be used.

Speeding up dev with Emmet

Emmet [https://emmet.io/]is a snippet library that is available in most IDEs. My current IDE of choice from frontend work is WebStorm and comes pre installed. How does this speed up development time? If like me and you spend most of you day building out html elements to

Introducing Aurum UI

Last night I published 0.0.1 version of my new Web Component library. Aurum UI. It is brand new and currently only contains just one UI element, an Accordion which you can see below. This is some content that will appear when needed, Boom yer. This is awesomeThe plan

Delving into Web Components

If you have done any amount of frontend dev work you will have no doubt had to implement your own reusable UI components. This especially gets annoying when you find yourself making the same ones over and over again in various projects and in different frontend frameworks. Thankfully the tech

JavaScript Console Methods (Code Snippets)

Working on frontend projects can be 100% fun to figure out what is going wrong. That is why browsers now allow you to do all sorts of debug messages from your JavaScript code. Today I will be going through these and showing what they can look like in a browser