What’s new in ECMAScript 2024

The new JavaScript features explained with examples.

Stripe Workbench

New developer tools for the popular payment solution.

Framer vs. Webflow

The ins and outs of the popular no-code website builders.

Cache grab

How much browser caching potential are you wasting?

The HTML ‘article’ element

An HTML5 element that is often misunderstood.

JavaScript regexes got good

The history and future of regular expressions in JavaScript.

Epoch Converter

A versatile Unix date format converter and cheatsheet.

Using the serial position effect in UX design

How to take users’ short-term memory into account.

Frontend security checklist

Common vulnerabilities and practical solutions explained.

Just use Postgres

Why not one of the many other databases?

Screen Ruler

Measure elements, distances, and spaces on the web.

What’s new in DevTools, Chrome 128

Console AI (Europe), performance panel updates, and more.

Search Console data survives after domain expiration

When domains change, your data might be misused.

JavaScript standard gets an extra stage

The TC39 committee moves from annual to faster rollouts.

From role playing games to UX

How progress indicators affect user engagement.

Common misconceptions about optimizing LCP

Where developers should focus their optimization efforts.

Mastering typography in logo design

“Choosing the right typeface for a logo goes beyond personal taste.”

Custom range slider

Made with CSS anchor positioning/scroll-driven animations.

PHP 8.4 property hooks

How you might use the upcoming feature in your projects.

The design process selection matrix

What if we stop debating THE design/development process?

“Pricing isn’t just about numbers. It’s about setting the foundation for a successful project and a positive client relationship.”

Data confirms disruptive potential of SearchGPT

BrightEdge’s takeaways on Google, Perplexity, and SearchGPT.

Upcoming changes for EU iOS/iPadOS users

Even Safari will be deletable for users in the European Union.

Celebrating an important step forward

Mozilla supports the latest definition of open-source AI.

CSS stripes()

“The border function you never knew you needed.”

Design Playlists

What designers are listening to while they work.

MySQL Visual Explain

A tool to visualize and optimize MySQL database queries.

SVG Shape Dividers

A simple online tool to bring web layouts to life.

It might be worth converting that GIF

It makes sense to move to (animated) WebPs.

JavaScript dates are about to be fixed

“The Temporal API revolutionizes time handling in JavaScript.”

Do we really need icon bounding boxes?

Ways to address icon inconsistencies in system design.

What RSS needs

Who’s up for taking web feeds to the next level?

8 Figma tips for UI3

What to expect from the design tool’s redesigned interface.

Benefits of writing clean, maintainable code

Insights from nearly 20 years of coding experience.

Can you convert a video to pure CSS?

Yes, you can, and there is now a web tool for that.

Eye tracking comes to Wolvic

A new way to browse the web in virtual reality.

Objection handling

The secret to improving your website conversion rate.

Good refactoring vs. bad refactoring

A look at some common pitfalls and how to avoid them.

Drop-down menu with modern CSS

CSS now does what once needed tricky scripts.

Free Public APIs

A comprehensive API list with endpoints checked daily.

The monospace web

What if we used only monospaced fonts in web design?

Readers prefer to click on a clear, simple headline

Simple words and short sentences boost engagement.

Writing to the clipboard in JavaScript

Browser support, techniques, examples, and use cases.

Tumblr to move its blogs to WordPress

With 500 million Tumblr blogs, the move is a challenge.

The ‘other’ C in CSS

The various ways CSS can and does impact accessibility.

“It’s so tempting to write for everyone. But everyone isn’t going to read your work, someone is. Name the people you’re writing for. Ignore everyone else.”

Slop is good

“The generative AI slop is going to be a great thing for the open web.”

What’s missing from HTML and CSS

Do you agree with the top ten from the CSS Day?

Why I don’t block AI scrapers

“I’m betting on more legal action against what looks like theft.”

Gemini AI now ready in Chrome’s address bar

Type ‘@‘ in the bar and select ‘Chat with Gemini’.

80 / 20 accessibility

Don’t fear web accessibility, it’s easier than you think.

Developers rail against JavaScript ‘merchants of complexity’

The rebelling against JavaScript frameworks continues.

Component testing in Storybook

“We’re betting on component testing as the future of UI testing.”

New to the web platform (August 2024)

The latest browser features at a glance.

Elasticsearch is open source, again

The popular search engine now includes an AGPL license.

Paragraphs

“Don’t just assume the use of a div is a bad thing.”

Polotno Studio

A design editor for quickly mixing text, images, and more.

Departure Mono

A font for data, code, documentation, and pixel/ASCII art.

ChartDB

A powerful, web-based database diagramming editor.

User Searcher

Search usernames across 2000+ popular websites.

React is (becoming) a full-stack framework

It has bridged the gap between frontend and backend.

The problem with surveys

And why you should take the State of CSS survey.

Where AI enhances UX design, and where it doesn’t

Drawing the line between AI and human creativity.

The web’s clipboard

How it works and stores data of different types.

Meta Previews

A web tool to boost your content for social sharing.

Captured custom properties

A noteworthy naming pattern for CSS variables.

A note on estimated reading times

“They aren’t that useful, at least not in the way people think.”

IndieWeb vs. indie web

“It’s unfortunate that the IndieWeb has that name.”

Smallest GIF?

Meh, the tiniest data URL is a BMP!

Before Midjourney, there was NightCafe

The wild story of one of oldest generative AI web spaces.

Canva says AI features justify the 300% price hike

Some of their subscribers can expect much higher prices.

Digital product design vs. web design

How usage frequency impacts our design approach.

Python Developers Survey 2023

The current state of the language and its ecosystem.

The Figma auto-layout dilemma

To use or not to use,  that is the question.

Discovering third-party performance risks

How to assess if a third-party script needs further review.

Awesome Indie

Products made by independent makers and creators.

Information architecture first principles

What IA makes unique among other design disciplines.

Git: avoid ‘reset --hard’, use ‘reset --keep’ instead

The safe way to undo commits in a Git repository.

A release note for the web platform

How the WebDX CG aims to inform us of web platform updates.

How a new Chrome AI feature challenges SEO

Browser history search with AI diversifies web traffic.

Remote Work Dictionary

What do we mean when we say ‘remote work’?

CSS ‘display: contents’

How the property helps to build more fluid layouts.

AggregateError in JavaScript

Benefits of handling multiple JavaScript errors at once.

The HTML ‘aside’ element

How it relates to the ‘article’ element and what makes it special.

Normal UI

A usability technique for non-designers.

The story of Figma

Living long enough as a hero to become a villain?

The new digital world order?

“A new form of power has been quietly taking shape.”

Challenge: Buttons vs. links

A crash course to creating accessible buttons and links.

“There’s something vulnerable about publishing a personal website for the whole world to see, like standing up before a big crowd. And there’s no bigger crowd than the whole internet.”

Every webpage deserves to be a place

What happens when blog users’ cursors meet online?

Icon IQ

Test your digital icon knowledge with a quiz.

Look out, kids: PHP is the new JavaScript

“I’ll tell ya what: Laravel makes PHP fun again.”

1.3 million subtests

The Servo browser engine project crossed a milestone.

Front-end web development is changing, quickly

A first look at the latest shadcn/ui with Vercel’s V0 tool.

Going buildless

Can we drop our build tools in web development soon?

Take off your glasses

A proven way to test the fundamentals of your design.

Should form labels be wrapped or separate?

“Wrapping is enough in theory, but isn’t quite in practice.”

The undeniable utility of CSS :has

“The CSS :has selector is incredibly powerful.”

In search of a clutter metric for websites

How do we quantify the perception of website clutter?

caniuse-cli

A command line tool for ‘Can I use…’ and browser-compat-data.