Podcast

Internet Explorer (and web compatibility) Revisited

You may not think about it but web compatibility can be tricky. This is exacerbated by Internet Explorer, find out what you should do about the IE problem.

Framer Motion

Page Transitions in React Router with Framer Motion

Transitions in React Router doesn't have to be difficult. Let's make a page transition with Framer Motion.

React

Animations in React - Getting started with Framer Motion

Take the first step to animating a react component and recreate a common fade-in animation with framer-motion. A new animation library from Framer which is easy to use and allows you to make animation in react easy.

Politics

What do Londoners in Tech think about Brexit?

The United Kingdom of Great Britain and Northern Ireland leaving the European Union is a contentious topic. Brexit has sparked divisions throughout the UK but as a software developer and a foreigner living in the UK, I wanted to know how people in tech felt about what was going on.

Reason

Minimum Viable Reason

To help JavaScript developers get started with Reason, I'm going to guide you through bootstrapping a minimum viable Reason project for the web.

Web Api

Resize Observer API with React

The Resize Observer API allows you to detect when a particular element changes size and how large it is.

Reason

What is Reason?

Reason - a syntax and set of tools packaged up into an easy to use bundle.

Business

Is JavaScript the right language for businesses?

Is JavaScript the right language for businesses? Is it right for your business? JavaScript can run everywhere, it's fast to develop and it has a rich ecosystem but there are some downsides you should know before you make a decision.

Web Api

Using the Fullscreen API with React

The web is a powerful platform that has more to offer than you might expect. Take advantage of the Fullscreen API to craft unique web experiences.

Front End Development

Harnessing the Page Visibility API with React

Take a look at how to use the Page Visibility API with a React hook

SaaS

I’m not subscribing to your SaaS

Everything is a monthly subscription: The business model of Sketch and why it’s perfectThe problem with subscriptionsIt seems that everywhere you look new products are vying for your attention

CSS

The reason developers avoid CSS

CSS has a stigma. As web developers we should embrace CSS and design as a whole.

CSS

Why CSS is difficult to get right?

Break the CSS Stigma: Don’t be afraid of CSSCascading Style Sheets (CSS) is the language for turning a webpage from a designer’s nightmare into something aesthetically pleasing. It

Analytics

Self-hosted Website Analytics without breaching user's privacy

Can you gain insights without sacrificing user privacy? Yes, take a look at how you can setup web analytics without compromise.

Opinion

Practicing Code Interview Questions is like Studying for the Exam

Getting into tech is popular but you shouldn't just study to pass the interview. Cheating the system doesn't help anyone.

Animation

Make a complex slider in React using SVG

Turn a static SVG into something exceptional with React and Pose.

Opinion

Moving from Medium to Ghost

There are many reasons for wanting to host your own blog but why bother when Medium does a great job already? Here are the reasons I chose to take the plunge and give self-hosting a shot.

React

Animate your React App with Pose

Pose makes animations in React easy. Why not give it a go and breath some life into your app today.

Meta

Introducing Benevolent Bytes

I started blogging about my video game development hobby back in 2012 on Blogger. It kept me productive and it was fun to share what I was learning with the

Opinion

JavaScript is the English of programming: Ubiquity by circumstance

JavaScript is like English because it shares many traits that have helped shape it into what we know today.

React

React Hooks for Greater Good

So what are Hooks and why should you take note?

CSS

Automatic Dark Mode for your website

Dark mode is in right now. How do you take advantage of this on the web using CSS?

Opinion

Will Apple Arcade be a beacon of hope?

Apple announced its upcoming gaming platform, Apple Arcade, a subscription service that promises no ads and no in-app purchases. I am tentatively excited.

React

Efficiently Rendering Lists in React

React has great rendering performance yet when it comes to huge amounts of data, like any framework, it can become bogged down. Let's use react-window to improve performance

React

React Suspense — Load the Essentials

Code-splitting is now easier than ever thanks to the work the React team has done on Suspense.