Learnability in Web Design: 5 Best Practices
Design & UX
By Michiel Mulders,
Michiel introduces five best practices you can use to provide a more learnable interface to your users, from consistency to familiarity and storification.
SitePoint Blog – The best Web Development & Design Blog
Recent
How to Bundle a Simple Static Site Using Webpack
JavaScript
By James Hibbard,
You don't need to be working on a fancy, large-scale project to use Webpack. James Hibbard demonstrates how you can use it to bundle a simple static site.
How to Create a Reddit Clone Using React and Firebase
JavaScript
By Nirmalya Ghosh,
Nirmalya Ghosh shows you how to use Firebase's real-time database features, coupled with Create React App, to build a basic Reddit clone with live voting.
How to Create Your First REST API with Fastify
JavaScript
By Michiel Mulders,
An introduction to Fastify, showing how to set up a Fastify API, define API routes, add schema validation to requests, load and use plugins, and define hooks.
Core Web Vitals: A Guide to Google’s Web Performance Metrics
Web
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.
How to Test Responsive Web Design Cross-Browser Compatibility
HTML & CSS
By Craig Buckler,
Craig introduces CSS options for setting up a responsive website, including media queries, Flexbox and Grid, and covers tools for testing cross-browser compatibility.
How to Create an Ecommerce Site with React
JavaScript
By Deven Rathore,
Deven creates a basic ecommerce site with React, using React Context for state management, and adding a basic method for handling authentication and cart management.
An Introduction to JSX
JavaScript
By Matt Burnett, Pavels Jelisejevs,
An introduction to JSX, explaining how it makes development easier, and why you shouldn’t be worried about separation-of-concerns issues.
React Hooks: How to Get Started & Build Your Own
JavaScript
By Michael Wanyoike,
React Hooks is a revolutionary feature that will simplify your code, making it easy to read, maintain, test in isolation and re-use in your projects.
Getting Started with React: A Beginner’s Guide
JavaScript
By Michael Wanyoike,
Michael Wanyoike introduces the fundamentals of React, showing how to get started with Create React App and how to create a simple React app.
Build a Node.js CRUD App Using React and FeathersJS
JavaScript
By Michael Wanyoike,
Michael Wanyoike walks you through building a full-stack JavaScript CRUD contact list application, using Node, FeathersJS and MongoDB for the back-end API.
A Guide to HTML & CSS Forms (No Hacks!)
HTML & CSS
By Daniel Schwarz,
Daniel Schwarz shows how to mark up forms using only HTML and CSS, covering new CSS3 options that make it easier to style inputs.
Getting Started with Gatsby: Build Your First Static Site
JavaScript
By Maria Antonietta Perna,
Gatsby is the Jamstack king, with power, plugins, and community. Our guide will help you get started with Gatsby's basic use case — a static site generator.
Create a Toggle Switch in React as a Reusable Component
JavaScript
By Praveen Kumar, Michael Wanyoike,
Learn how to create an iOS-inspired toggle switch using React components, building a simple demo React App for using this custom toggle switch component.
Webflow vs WordPress: A Head-to-head Comparison
Web
By Ivan Kreimer,
Ivan compares WordPress with its rising rival Webflow, looking at the pros and cons of these platforms and why each might be the best option for you.
How to Create a WooCommerce Store on the Cloud in 10 Minutes
WordPress
By Shaumik Daityari,
An eCommerce store enables businesses to reach a larger market. In this tutorial, we explain how you can create an eCommerce store with WooCommerce.