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
JavaScript’s New Immutable Data Types: Records and Tuples
By Craig Buckler,
Are you frustrated by immutability issues in JavaScript? Learn how records and tuples will finally permit robust immutable data storage and comparisons.
5 JavaScript Tools to Look Out For in 2021
By Craig Buckler,
Got your JavaScript toolset organized for 2021? Not so fast! Check out our predictions for rising stars that are looking hot for 2021.
Cut, Copy and Paste in JavaScript with the Clipboard API
By Craig Buckler,
Need to access the OS clipboard using browser JS? Learn how to use the new asynchronous Clipboard API, a better option than the old document.execCommand().
How to Draw Cubic Bézier Curves on HTML5 SVGs
By Craig Buckler,
The SVG path element offers a range of curve effects, and in this article, Craig Buckler demonstrates how to draw cubic bézier curves.
How to Draw Quadratic Bézier Curves on HTML5 SVGs
By Craig Buckler,
The SVG path element offers a range of curve effects. In his first tutorial, Craig demonstrates how to draw quadratic bézier curves.
How to Translate from DOM to SVG Coordinates and Back Again
By Craig Buckler,
Mix DOM and vector interactions in SVG, translating from SVG to DOM coordinates and back, and translating to transformed SVG coordinates.
CSS with SVG: Real World Usage
By Craig Buckler,
Craig explains how to add CSS styles to SVGs when used as static images, inlined backgrounds and HTML, sprites, HTML content effects and portable files.
How to Create Complex Paths in SVGs
By Craig Buckler,
Craig Buckler demonstrates more advanced uses of the SVG path element, explaining how each of its various parts actually work.
Scalable Vector Graphics: Drawing Basics
By Craig Buckler,
Craig Buckler introduces SVG drawing basics, explaining the SVG viewbox, document structure, and how to draw shapes such as lines, circles, and rectangles.
Core Web Vitals: A Guide to Google’s Web Performance Metrics
By Craig Buckler,
Core Web Vitals are Google's metrics for evaluating real-world web performance. Learn how to optimize for Core Web Vitals and improve both UX and SEO.