Performance & UX

Love it or hate it, AI is here to stay. One of the biggest areas that’s changing is how software engineers build applications. From writing code faster to launching full products, AI is transforming software development right before our eyes. Today, the internet is full of examples of people using AI-powered coding tools to bring […]

CSS has improved a lot over the years. With new specifications and better browser support, it can now handle animations, interactions, and UI components that previously required JavaScript. This means we don’t always need JavaScript for certain effects, which helps make websites faster and easier to maintain. In this article, we will look at some

CSS Grid is a powerful way to layout and position content within the webpages we create. But, dealing with column and row line numbers inside a grid can be cumbersome, especially at the beginning, and confusing. This is where Grid Template Areas can help. In this post, we will explore Grid Template Areas and how

Accordions are UI components that allow you to organize content into sections that expand or collapse when users interact with them, typically by clicking. Common use cases include FAQs, navigation menus, product filters, and mobile layouts where screen space is limited. They help you present information in a structured, user-friendly way while keeping pages clean

Welcome to this month’s Prismic Chronicle! We’re trying something a little different this time around. Instead of our usual monthly feature spotlight, we’re dedicating this entire Chronicle to the Page Builder and everything it can do. Over the past year, we’ve been busy shipping new features and improvements that make building pages faster, more intuitive,

CSS sliders let you show content like images, text, or videos in a sliding or rotating format. They’re often used for image galleries, product showcases, testimonials, featured articles, or banners. Sliders allow you to present multiple items in the same space while keeping the page visually engaging. In this article, we’ll explore 40 examples of

A footer that floats in the middle of a screen when there’s not enough content can make a page feel unfinished or awkward. This is where CSS sticky footers come in. A sticky footer stays anchored to the bottom of the viewport on short pages but behaves like a normal footer on pages with long

From Prismic’s Website Exploration Lab: We’re testing what happens when you ask visitors what they want instead of trying to guess and what it means for the future of autonomous websites. The expensive guessing game we’re all playing Most website personalization feels like a really expensive guessing game. Tools analyze IP addresses, track browsing behavior,

CSS Grid is the most powerful layout tool currently available in CSS. It allows us to easily create, manipulate, and populate two-dimensional layouts with just a few lines of CSS. And, in the last few years, that power and flexibility have been expanded even further by the wide adoption of the subgrid value in CSS

TL;DR: After years of avoiding AI tools, I tried multiple coding assistants and nearly gave up before discovering Claude Code. It’s now an essential part of my workflow, functioning more like a code editor than a typical AI tool. Here’s my honest experience and setup. Like many others, I use AI in my day-to-day work