How to Make Buttons Stand Out with CSSThe first thing you’ll notice when you add a button to your website is that you’ve taken a trip back in time to 1999. The default button style is very old-fashioned and I can’t think of a use case where you’d want to keep it as it is. The good news i...Mar 3, 2022·4 min read
Advanced array methods: array.forEach array.filter & array.maparray.forEach, array.filter & array.map are array methods which take functions as arguments. Below we will look at how they work. forEach .forEach will loop through an array and perform an action (execute a function) for every iteration in that loop...Jan 20, 2022·4 min read
How to become a web developer in 2022 (from scratch). What I've learned from teaching myself web development.Teaching yourself web development has never been easier. There are hundreds of free courses, free books and bundles of content on YouTube. There are also reasonably priced resources and some very expensive options like Bootcamps. You can go from not ...Jan 18, 2022·7 min read
Wordpress VS Hashnode: where should I host my tech blog?There are so many blogging platforms out there now days, how do you know which one to choose? I've spent many years writing blogs on WordPress and I've also recently started using has Hashnode. Here's my honest opinion on which one is best. Full disc...Jan 13, 2022·3 min read
CSS variables: What are they and how to use themWhat are they CSS custom properties aka CSS variables allow you to define a property in a variable that you can use over and over again. There are a number of use cases for this: often you will use the same colors for a brand or a particular theme. T...Jan 12, 2022·1 min read
CSS Hacks: What is ::before and ::after?::before and ::after are CSS pseudo elements. They can add content before or after that element. This is the syntax .class::after { content: "some content" } This can be used with pseudo classes to add content when an event occurs. In the example b...Jan 11, 2022·1 min read
CSS Pseudo Selectors: What's the difference between :first-of-type and :first-childfirst-of-type and first-child are very similar pseudo selectors and will often target the same element. When they don't it can be confusing, so let's look at what they do. First Child first-child will look only at the first child element. In example ...Jan 10, 2022·2 min read
