Craig is a freelance UK web consultant who built his first page for IE2.0 in 1995. Since that time he's been advocating standards, accessibility, and best-practice HTML5 techniques. He's created enterprise specifications, websites and online applications for companies and organisations including the UK Parliament, the European Parliament, the Department of Energy & Climate Change, Microsoft, and more. He's written more than 1,000 articles for SitePoint and you can find him @craigbuckler.
Craig's articles
Learn how Deno modules work – the biggest change from Node.js. Find out how to use them, best practices to make your life easier, and what differs from npm.
A step-by-step guide to manually installing the Apache Web Server on Windows, with links to further reading and resources.
Master modern CSS with these project suggestions, starting with the easiest and designed to build a breadth of skill in modern techniques.
Craig Buckler presents a series of tips, tricks, techniques and tools for debugging a Node.js application.
Installing MySQL is easier than you think. Craig provides a step-by-step guide to get your database up and running in minutes.
Craig Buckler examines the proposed class fields feature of JavaScript, which aim to deliver simpler constructors with private and static members.
Learn how to edit source files within Chrome and save the result to a local file. Changes can also be applied immediately without refreshing the browser.
Our list of the top ten tools to help web developers manage their agile workflows. Comparing the benefits, shortcomings and prices of what's in market.
This article, sponsored by New Relic, provides an introduction to the automated task runner, Gulp.js, and shows how it can be used to improve page size.
Browser DevTools have evolved from basic JavaScript consoles to fully-integrated development and debugging environments. We'll explore their features.
Web performance is a hot topic. Users expect fast, OS-like application performance. Craig Buckler explains how to do as little DOM blocking possible, and covers options for when long-running tasks can’t be avoided.
Weighing up whether to keep using XMLHttpRequest vs the Fetch API's modern take? We look at the pros and cons of both options.
Learn how to migrate to Gulp.js 4.0 and update your 3.0 gulpfile.js configurations. Find out what you need to know about changes in Gulp.js functionality.
Craig Buckler comes up with his list of the top JavaScript frameworks, libraries and tools, and explains when to use them.
Writing code can be fun. Testing is another matter. Errors can still slip into the best production code. How can you detect those issues?
WordPress theme developers need little more than a text editor and graphics package. But modern tools like Gulp can revolutionize your development workflow.
Craig Buckler shows you how to get a WordPress site up and running for the first time.
Craig Buckler demonstrates how use Gulp.js to automate CSS tasks, such as optimizing images, compiling Sass files, handling and inlining assets, automatically appending vendor prefixes, removing unused CSS selectors, minifying CSS, reporting file sizes, outputting sourcemaps and more.
Craig Buckler discusses 20 ways to optimize your CSS so that it’s faster-loading, easier to work with and more efficient, covering analysis tools, CDNs, HTTP/2, CSS3, animations and transitions, fonts, concatenation and minifying, build tools, flexbox, grid, SVG, critical CSS, and more.
Craig Buckler discusses form layout in the age of CSS Grid, discussing the difficulties of laying out forms with floats and flexbox, and demonstrating the benefits of grid in terms of form layout, the possibilities it offers, and how and why to take a progressive enhancement approach to form layout.
Craig Buckler shows how to add another dimension to your web pages and applications with the new 3D transformation functions and properties in CSS, covering transform, translate, rotations, scaling, perspective and more, along with z-index, browser gotchas, and ideal use cases.
Craig Buckler gives you an accessible introduction to using media queries with JavaScript with matchMedia for a robust responsive design approach.
Craig looks at new features in ES2018 (ES9), including asynchronous iteration, Promise.finally(), rest/spread properties and RegEx lookbehind assertions.
Craig Buckler reviews the main JavaScript updates introduced with ES2017, and also giving a brief outline of how the updating process works.
Craig looks at object literals, digging into new features introduced from ES2015 (ES6) that make object handling even easier in modern browsers and Node.js.
Provide a great mobile experience without building native apps. Craig Buckler walks you through converting an existing site to a Progressive Web App.
Craig Buckler introduces ES6 modules, showing how they can be used today with the help of a transpiler.
Craig's latest tutorial explains how to use complex-sounding ES6 destructuring assignment shorthand syntax to simplify your code and save typing effort.
Craig describes how to use proxies in ES6 to perform meta-programming operations such as intercepting object property inspections and function calls.
Craig Buckler shows you how to use Material Design for Bootstrap to build great websites for projects and clients faster.