ShareHub

Author Carrie Webster — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

How to Center Any Element in CSS: 7 Methods That Always Work

Centering elements in CSS often seems straightforward at first, but it quickly becomes confusing once you start building real layouts. A property like text-a...

AI — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

How to Build a Production-Ready Voice Agent Architecture with WebRTC

In this tutorial, you'll build a production-ready voice agent architecture: a browser client that streams audio over WebRTC (Web Real-Time Communication), a ...

AI — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

There are 2 kinds of devs. One of them is screwed. Justin Searls interview [Podcast #210]

Today Quincy Larson interviews Justin Searls. He's a software engineer who cofounded a software agency 15 years ago that's still going – even after he figure...

— Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

Usability — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

The freeCodeCamp Staff

The freeCodeCamp community has thousands of volunteer contributors around the world. And thanks to generous donations from more than 10,000 people each month...

Psychology — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

How to Build Real-Time Update Systems with MQTT and Express.js

Real-time updates are everywhere – like live sports scores, stock tickers, chat applications, and IoT dashboards. If you want to build systems that push data...

Persuasive Design: Ten Years Later — Smashing Magazine

Many product teams still lean on usability improvements and isolated behavioral tweaks to address weak activation, drop-offs, and low retention – only to see...

How to Apply Borders to Clip Paths with CSS

By Michael Frederick Applying borders to non-rectangular shapes in CSS can be challenging. In this article, we will explore ways to apply different border ty...

Author Anders Toxboe — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

— Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

How to Build an MCP Server with Python, Docker, and Claude Code

Every MCP tutorial I've found so far has followed the same basic script: build a server, point Claude Desktop at it, screenshot the chat window, done. This i...

Author Sunil Sandhu — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

React — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

How to Find the Top-K Items: Heap and Streaming Approaches in Go

Finding the top K items in a dataset pops up everywhere: from highlighting the hottest posts in a social feed, to detecting the largest transactions in a fin...

Usability — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

How to Build a Spam Email Detector with Python and Naive Bayes Classifier

Ever wondered how Gmail knows that an email promising you $10 million is spam? Or how it catches those "You've won a free iPhone!" messages before they reach...

Building Dynamic Forms In React And Next.js — Smashing Magazine

Some forms stay UI, while others quietly become rule engines. Here’s why these two different approaches exist and how to choose between them.

Web Design — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

Psychology — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

Learn how to fine-tune LLMs in 12 hours

The goal isn't just to train a model; it's to build a system that understands your specific data as well as you do. We just posted a massive, 12-hour course ...

How to Use Flex in Tailwind CSS and Justify Flex Items

Hey there! If you're building modern web interfaces, chances are you've already fallen in love with Tailwind CSS for its speed and flexibility. One of the mo...

UI (User Interfaces) — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

CI/CD in Production with Jenkins

Automation is no longer just a "nice-to-have" skill, it powers modern software development. To help you master automation and CI/CD, we’ve just released a ma...

Persuasive Design: Ten Years Later — Smashing Magazine

Many product teams still lean on usability improvements and isolated behavioral tweaks to address weak activation, drop-offs, and low retention – only to see...

CSS — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

How to Build an Autonomous AI Agent with n8n and Decapod

I tried out Open Claw two weeks ago. I loved the potential, but did not enjoy the tool itself. I, like many others, struggled with the installation process. ...

Author Brecht De Ruyte — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

Author Anders Toxboe — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

A Comprehensive Guide to Financial Storytelling using Data Visualization

In any analysis project, raw tables of numbers often don’t tell the full story. Visualisations simplify complexity by transforming data into shapes that our ...

Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine

For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything o...

How to Implement the Strategy Pattern in Python

Have you ever opened a food delivery app and chosen between "fastest route", "cheapest option", or "fewest stops"? Or picked a payment method at checkout lik...

You can style alt text like any other text | CSS-Tricks

Clever, clever that Andy Bell. He shares a technique for displaying image alt text when the image fails to load. Well, more precisely, it's a technique to ap...

Learn How AI Agents Are Changing Software Development by Building a Flutter App Using Antigravity and Stitch

Software development has always evolved alongside the tools we build. There was a time when developers wrote everything in assembly language. Then higher-lev...

Moving From Moment.js To The JS Temporal API — Smashing Magazine

The way JavaScript handles time has evolved significantly, from the built-in `Date` API to Moment.js and now Temporal. The new standard fills gaps in the ori...

Author Sunil Sandhu — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

What We Know (So Far) About CSS Reading Order | CSS-Tricks

The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, ho...

How to Use WebSockets: From Python to FastAPI

Real-time data powers much of modern software: live stock prices, chat applications, sports scores, collaborative tools. And to build these systems, you'll n...

Author Joe Attardi — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

Using & Styling the Details Element | CSS-Tricks

Now that we're 5+ years into the details element, we know more about it than ever before. I thought I'd round that information up so it's in one place I can ...

JavaScript — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

How to Build a Serverless RAG Pipeline on AWS That Scales to Zero

Most RAG tutorials end the same way: you've got a working prototype and a bill for a vector database that runs whether anyone's querying it or not. Add an al...

How to Create a Table of Contents for Your Article

When you create an article, such as a blog post for freeCodeCamp, Hashnode, Medium, or DEV.to, you can help guide the reader by creating a Table of Contents ...

React — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

Quick Hit #48 | CSS-Tricks

Firefox 139 includes an update where content inside a element is included in an in-page search. Previously, that content was ignored when the

Coding — Smashing Magazine

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.