Case Study: Troa 25′ Folio | Codrops
Creating something for yourself is always a special experience. Our previous portfolio had been around for years, and we wanted to craft a new one that truly reflects the agency’s evolving values. Originally published in 2021, our old portfolio no longer aligned with our identity. It was clear that the time had come for a […]
Taking RWD To The Extreme — Smashing Magazine
Tomasz Jakut reflects on the evolution of web design, recalling the days when table layouts were all the rage and Flash games were shaping the online culture. And then responsive web design (RWD) happened — and it often feels like the end of history; well, at least for web design. After all, we still create […]
How to create an auto “text typing effect” with vanilla JavaScript
An auto text typing effect is one way to grab a user’s attention. It can give users cues when using an application, and it’s also a way to convey an important message. Let’s make one! 1. HTML Structure As so often in this type of tutorial, we’ll create our interface using Bootstrap components. The HTML Structure […]
Adaptive Video Streaming With Dash.js In React — Smashing Magazine
HTML <video> is the de facto element we turn to for embedding video content, but it comes with constraints. For example, it downloads the video file linearly over HTTP, which leads to performance hiccups, especially for large videos consumed on slower connections. But with adaptive bitrate streaming, we can split the video into multiple segments […]
Send email in Python with API method: a step-by-step guide
If you want to send emails in Python, use a reliable and secure email API solution. In this article, you’ll learn the step-by-step process of sending emails in Python using the API method. Setting up the email API To streamline email sending in Python, you can use a transactional email service such as Mailtrap, Gmail […]
Developer Spotlight: Jorge Toloza | Codrops
Jorge has been sharing truly inspiring tutorials with the Codrops community. His work consistently explores the creative edges of interactive design, blending motion, detail, and intent. We’re excited to highlight his journey and favorite works in this Developer Spotlight! Hi, my name is Jorge Toloza. I’m a Creative Developer and Co-Founder at DDS Studio. I’ve […]
Beyond Server Response Time — Smashing Magazine
Optimizing web performance means looking beyond surface-level metrics. Time to First Byte (TTFB) is crucial, but improving it requires more than tweaking server response time. Matt Zeunert breaks down what TTFB is, what causes its poor score, and why reducing server response time alone isn’t enough for optimization and often won’t be the most impactful […]
What to do when one of your WordPress plugins gets compromised
There are over a billion websites. It’s much easier for hackers to exploit a single vulnerable resource that connects to countless websites than to go after them one at a time. This is why WordPress plugins are a popular way in which hackers break into websites. So, let’s talk about what happens when one of […]
How To Test And Measure Content In UX — Smashing Magazine
The goal of content design is to reduce confusion and improve clarity. Yet often it’s difficult to pinpoint a problem as user feedback tends to be not specific enough. But: we can use a few simple techniques to assess how users understand and perceive content. Let’s take a look. Part of How To Measure UX […]
How to create and animate SVG spinners and loaders
Why SVG? SVGs are perfect for this exercise, because they’re scalable, and we can easily manipulate all kinds of SVG properties to make them look and behave exactly how we like. An SVG (scalable vector graphic) is an image format used for creating graphics such as logos, illustrations, and animations. Unlike raster (pixel-based) images, SVGs […]