Intercepting Clipboard Events with JavaScript
Browsers now support the 'copy' element event, which allows developers to intercept and modify content placed onto a clipboard, when copied from their site.

For somebody who quite enjoys reading and writing, I'm not much of a blogger...
You are currently on the fifth page (out of a total of six) within my blog. The more recent articles are towards the start so you may find that going to the first pageis most relevant. Or you might find exactly the article you are looking for right here!
Browsers now support the 'copy' element event, which allows developers to intercept and modify content placed onto a clipboard, when copied from their site.
Gatsby does an excellent job of optimising assets, but sometimes you just need a way to add specific files into the site without being processed by Webpack..
Overriding :focus outline without providing a viable alternative should never be an option. Here I discuss implementing alternatives that keep UI and UX happy.
The omission of a parent selector within CSS has been a long-standing weakness within the spec. Sass does provide a sort-of answer though.
Gatsby is a static website generator, the output from which you can host more-or-less wherever you wish. You can add FTP to your CI pipeline to automate this.
Orphans are annoying single-word lines of text that hang at the end of a paragraph. It is straightforward using React and JS to banish them from your site.
In typography, a 'widow' is the last line of a paragraph, which falls alone on the following page or column. On the web, this can be easily tackled with CSS.
In React, it is not as straightforward as you might think to include less-than or more-than symbols within your JSX..
The brightness filter is a very straightforward and easy way to edit the appearance of an image (or other HTML elements) directly via CSS.
Although there are limited situations where you may still need to place HTML comments into the rendered output from React, it is still sometimes necessary..!
A common issue I come across when auditing sites with Lighthouse is the "Links do not have a discernible name" error where links don't contain text.
One of the most common pitfalls for developers new to Sass is string interpolation: why isn't their var behaving as they expect when inside a calc() function?
Static site generation has continued to grow and grow in popularity. I try and explain what one is, and why it might be suitable to you or your project.
When you set up a custom domain in Netlify, the default netlify.com subdomain still returns your app, which can lead to duplicate content. It is an easy fix.
On the occasion that you need to break a single (or several) CSS rules out of the nested structure of your CSS, the Sass @at-root rule is exactly what you need.
SASS is an incredibly powerful tool for enhancing and automating your CSS development. Today, I discuss using loops to programmatically generate styles.