Here you will find a sub-set of articles from my blogabout Guides.
This is an area that I have been working in for many years and clearly quite writing about too! There are twenty-nine articles about it collected together for you below.
As always. do feel free to get in touchif you would like to discuss anything I've talked about here or anywhere else on the site.
Whilst they have been around for quite some time, static site generators have really increased in popularity over the past two or three years..
Tracking down phantom focused elements where keyboard interactions suddenly drop from view can be frustrating without using Web Developer Tools
As web developers, we are responsible for what gets output from our websites and applications to our users. A decent understanding of on-page SEO is essential.
Websites have not been set-and-forget for a long time now, and without the technical know-how to update a static site, CMSes are a key part of web development.
Most developers will find themselves - sometimes frequently - in a situation where they need to amend a Git commit. Amending Git is easy when you know how!
As someone new to the web, or hoping to launch your first website, hosting may come as a bit of a complicated shock. Hopefully I can help offer some advice!
React has become one of the main cornerstones of any web development project. It can be a struggle to find just the right one for your team...
Renaming a branch with Git is a bit of a tedious task when you need to update both your local and remote versions. Here is a step-by-step guide.
A brief look at what life is really like as a freelance developer in Brighton, and whether moving here for work is really a good idea...
AMP has long split opinion: Google's preferential treatment of sites using AMP has long been a contentious point. Is it worth implementing AMP any longer?
The second - and final - instalment in explaining the responsibility we - as web developers - have in making the web a better and safer place.
A key part of your web development team will be your front-end developers: those tasked with building the interactive areas of your site.
As a developer (and especially perhaps as a front end developer) we have a unique responsibility to our users, and to remove unethical practices from the web.
'Lead' and 'Senior' roles are the two seniorities of front-end development that I see most commonly confused. Here is where I feel the differences lie..
For something that I have been doing for years, it is still difficult to explain 'front-end web development' to someone else.
React components come in three succinct flavours: 'functional', 'class', and 'pure'. Here I try and offer guidance into the differences and uses of each.
It is fair to say that the programming and technology job markets are fairly buoyant, and now has never been a better time to make a career change.
Web development by its nature is difficult to protect from copyright theft. There are a few things you can do to protect yourself and your ownership though..
By default Gatsby collects anonymous usage data to understand of how the platform is being used. This does raise privacy concerns but can be disabled easily.
One of the quirks of rendering Rich Text from Contentful is that list items come wrapped in paragraph 'p' tags. Fortunately this is a simple one to resolve.
Gatsby + Contentful is a powerful and formidable combination. However, the inability to render code blocks is a real issue with a not-straightforward solution..
By default Gatsby will generate one - potentially huge - inline stylesheet in the head of your document. It is also possible to load this externally instead.
Although an extremely useful aspect of Gatsby, source maps cause a performance hit as well as leaving your source exposed. Here is how to turn them off!
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.
Using PHP it is quick and easy to automatically generate your urllist.txt sitemap from your sitemap.xml file (for example, using gatsby-plugin-sitemap).