How to Model SEO Content for Websites
Give flexibility and control to web content editors by building smart content models for SEO meta tags.
Recent Posts
The freshest written thoughts, tips, and tutorials from the site.
10 Angular Tools to Build Creative Web Apps
To help the developers build robust and high-quality web apps, Angular offers plenty of useful tools.
Open External next/link Links in a New Tab
Add a component that dynamically swaps between next/link and a native anchor tag, and decides how to write the target attribute, all based on the href property.
A Brief Introduction to Inlining Critical CSS
Although more applicable to traditionally-built sites, inlining critical CSS can be a quick and easy performance boost for your site, especially as it grows.
One of My Favorite Performance-Boosting Netlify Plugins
Inlining critical CSS is a breeze for classic SSG sites built and deployed using Netlify. Here’s how it works.
JavaScript
The latest from one of the site's most popular subjects.
Styling Placeholders for Select Fields
A (limited) CSS-only approach for styling placeholders, along with a way to work around the limitations with a custom JS-based solution.
Pro Tip: Simplify If Statements Using Exit Conditions
Exit clauses can help you write less code and make your code more readable. Here is a simple example, along with some additional tips.
Mapping Dynamic Object Keys in TypeScript
Dynamic property maps are a super powerful paradigm in JavaScript, but they can be tricky to type correctly with TypeScript.
Use Dynamic Property Maps over Switch Case Statements
An everyday JavaScript pattern to avoid clunky switch-case statements and unnecessary if conditionals.
Videos
The latest from one of the site's most popular subjects.
Guest Posts
Content contributed to this blog by community members.
Popular Web Animation Techniques in 2022
Web animation is a great way to grab attention. Check out the web animation trends in 2022.
Avoid these 6 Common Mistakes when Building a Website
A list of six crucial factors to a strong, modern website to improve the content, performance, visibility, and aesthetics of your website.
Complete Guide to Getting Started with CSS
A handful of tips and tricks on getting started with CSS to make your website visually interesting.
8 Best Animation Tools for Beginners in 2021
Animation software is useful not only for professional designers but also for ordinary users. It is impossible to doubt their relevance. Only one question remains open – which application to choose?
Become a Contributor
Improve your development and writing skills by contributing content to the site.
Jamstack
Fresh off the Jamstack shelf.
The Best Thing about Jamstack
In exploring the artifacts of the early Jamstack movement, I’ve come to discover the best part of the Jamstack. This now guides how I describe Jamstack.
Run CI During Site Build Process: To Do or Not To Do
Four considerations when deciding to run continuous integrations with production builds or as a separate workflow.
The Missing Piece of the Jamstack
At Stackbit, we're working to fill in this missing piece in the Jamstack. We believe we can build a healthy contract between developers and content creators.
What Made the Essence of Jamstack Possible
The Jamstack may have been born out of pain, but it couldn't have existed without the convergence of a few key factors.
Reposts
Content contributed to other publications and reposted here.
Development Planning: Breaking Down a Design into Components
You've been handed a design and tasked with writing the code that will bring that design to life. Where do you start?
Six Traits of a Website Ready to Achieve its Goals
A "good website" is one that achieves its goals. Read these six traits of a website that stays focused on those goals.
Using a Headless CMS as a Multi-Channel Content Source
One of the biggest benefits of a headless CMS is that they can serve multiple front ends.
The Next Evolution of Stackbit
This next version of Stackbit is going to be incredible! And we're offering sneak peeks through our Early Access Program.