Canvas vs SVG: Choosing the Right Tool for the Job
HTML & CSSMaria Antonietta Perna,
SitePoint Blog – The best Web Development & Design Blog
Featured
Advertise with usRecent
Canvas vs SVG: Choosing the Right Tool for the Job
HTML & CSS
By Maria Antonietta Perna,
Should you use Canvas or SVG? It depends! Let's walk through all the scenarios where Canvas and SVG are an option and work out which is the best choice.
How to Use PostCSS as a Configurable Alternative to Sass
HTML & CSS
By Craig Buckler,
Sass is handy, but can't do everything. Learn how to use PostCSS to create a custom CSS preprocessor that compiles Sass syntax but also adds extra features.
Build a Twitter Clone Using TypeScript, Prisma and Next.js
JavaScript
By Nirmalya Ghosh,
The best way to explore React is by example. Learn how easy it is to build a React Twitter clone with Prisma and the powerful Next.js framework.
How I Built a Wheel of Fortune JavaScript Game for My Zoom Group
JavaScript
By Timothy Boronczyk,
Have you ever wanted to build a JavaScript game but didn't know where to start? Learn how to quickly create a simple, fun game to share with friends.
5 Web Design Trends for 2021
Design & UX
By SitePoint Sponsors,
Web design trends come and go. 2020 was no exception. Web designers will see some familiar trends replaced by safer and more dependable design choices.
Static Site Generators: A Beginner’s Guide
JavaScript
By Maria Antonietta Perna,
Static site generators are a key element of the modern Jamstack architecture. We explore the standout features of seven leading static site generators.
Creating Directionally Lit 3D Buttons with CSS
HTML & CSS
By Jhey Tompkins,
Ever thought of adding lighting effects to your UI buttons? You can! Learn how to create directionally lit 3D buttons with CSS and just a little bit of JS.
Learn Snowpack: A High-Performance Frontend Build Tool
JavaScript
By Jack Franklin,
Webpack can get slow when you're rebuilding a large app. Enter Snowpack. Find out how Snowpack serves your app unbundled during dev, and why this matters.
10 Web Developer Resumé Tweaks to Get More Interviews
Web
By Andrew Stetsenko,
Not landing as many job interviews as you hoped? Learn these ten simple resumé tweaks that will improve your chances of getting a developer job interview.
An Introduction to Wireframing with Figma
Design & UX
By Daniel Schwarz,
Wireframes are important for ensuring good UX. Learn how to use Figma to figure out the best UX design workflow for your layout.
Build a Rest API for the Jamstack with Hapi and TypeScript
JavaScript
By Camilo Reyes,
Ever taken a Jamstack view of a REST API? Learn how to evolve an API without breaking clients, with the help of Hapi, Joi, TypeScript, TDD, Mongo and more.
Lightweight Autocomplete Controls with the HTML5 Datalist
HTML & CSS
By Craig Buckler,
Too many options in your HTML Select list? Try a Datalist! Learn how to work with this lightweight, accessible, cross-browser autocomplete form control.
Asynchronous Programming Using Async/Await in C#
Programming
By Kerem Ispirli,
New to asynchronous programming? Learn what it's about, how to use the async and await keywords, avoid deadlock pitfalls and refactor blocking C# code.
12 Best WordPress Themes for Your 2021 Projects
Web
By SitePoint Sponsors,
Need a fully-featured WordPress theme? Check out these 12 outstanding, powerful WordPress themes that will save you time and supercharge your next website.
High-output Project Management in Notion
Web
By Khe Hy, Kate Andlund,
Learn how to architect, implement and maintain a minimalist setup for team-based Notion setups. We walk you through setting up primary tables and show you how to best leverage them using Notion's unique superpowers.
Setting Up a Modern PHP Development Environment with Docker
PHP
By Tom Butler,
There are so many ways to set up your PHP development environment, but using Docker is the current best practice. Let's walk through how to do it properly.