Development & Dev Tools

Illustrated web development & javascript tutorials

Modern design tools, of both the vector and code kind, are amazing pieces of software that in recent years have transformed the design profession, but none of them seem to really understand the con…

Code depends on English—for reasons that are entirely unnecessary at a technical level.

Learn how to create a new branch from master and make your first Git commit

Compress and compare images with different codecs, right in your browser

Website planning tool, create your website structure.

Generating pdfs from websites has never been easier.

Heydon Pickering published a fantastic post called Reluctant Gatekeeping: The Problem With Full Stack. I have about 3 blog post drafts covering similar ground and apparently we see very much eye-to-eye on this, so I thought it might be worthwhile to walk through Heydon’s post and layer on my comment

Do you want to set your project up for success? This guide will help you to write a technical website specification for your next web project. Includes an outline of all relevant sections.

GitExplorer: Find the right git commands you need without digging through the web

I'm using Git Bash on Windows 7 and would like to set up Bash profile aliases such as alias gs='git status' to make my life easier. How can I do this?

Does front-end development as a we know it still exist; or has the role evolved into something we no longer recognise? As with evolution in nature, the evolution of "front-end" has resulted in several distinct flavours --- and in my opinion --- an identity crisis.

As a WordPress developer, the topic of testing isn’t something that we hear about that often. And, if we do hear about it, it’s more often than not just one specific type of testing: unit testing.

A small tool to make debugging css a little bit easier.

Rollbar provides real-time error alerting & debugging tools for developers. Ruby, Python, PHP, Node.js, JavaScript, Android, iOS & more languages supported.

Easily build, package, release, update, and deploy your project in any language—on GitHub or any external system—without having to run code yourself.

PHP namespaces are easy to use and make coding faster & easier. They work like a folder structure. Learn how to use them in WordPress plugins & themes.

Learn a simple trick how to force reload all cached CSS files on a page. Development or production environment - it works everywhere & has no dependancies.

You love rebasing, right? Rewriting history might be appealing, but there are good reasons not to.

🎮 The only Front-End Performance Checklist that runs faster than the others - thedaviddias/Front-End-Performance-Checklist

The Odin Project empowers aspiring web developers to learn together

WordPress Snippets | WordPress Plugin Generator

Fancy making a quantum leap forward with the quality of your WordPress Code? If so, you’ve come to the right place 🙂 Today we’re going to walk you through the exact steps to take setup all sorts of wonderful tools to improve your PHP, Javascript and CSS for WordPress projects. Specifically, we’re going to go […]

What should you do when you first get launched into an old, sprawling CSS codebase?