Category: Web Development

Exciting New Tools for Designers, June 2025

Another month, another roundup packed with design tools that use artificial intelligence features to supercharge your workflows. Expect this trend in new design, development, and productivity tools to continue for a while. (And hopefully, some of these tools actually help you work smarter and faster!) Here’s what’s new for designers. Magic UI is a set… Continue reading Exciting New Tools for Designers, June 2025

10 Best WordPress Plugins for Your 2025 Website Projects

Posted · Category: Best Collections, Inspiration, Tools <!– –> Even those feature-rich WordPress themes that offer virtually unlimited flexibility can’t necessarily handle every possible demand a designer or developer may throw at them, leaving the website builder with the choice of relying on coding to resolve the issue or seek another solution.  That other solution… Continue reading 10 Best WordPress Plugins for Your 2025 Website Projects

Building a Real-Time Dithering Shader

In this post, we’ll take a closer look at the dithering-shader project: a minimal, real-time ordered dithering effect built using GLSL and the Post Processing library. Rather than just creating a one-off visual effect, the goal was to build something clean, composable, and extendable: a drop-in shader pass that brings pixel-based texture into modern WebGL… Continue reading Building a Real-Time Dithering Shader

Introducing MusicGen: Create Music with Simple Text Prompts

Creating music used to require years of practice, expensive gear, or a team of collaborators. Today, you can generate full tracks with just a few clicks. Enter MusicGen , a powerful new tool that uses artificial intelligence to compose original music. You don’t need to be a musician to use it. You don’t even need… Continue reading Introducing MusicGen: Create Music with Simple Text Prompts

Learn How to Display WordPress Custom Field Data With Blocks — Speckyboy

Custom fields are among WordPress’s most powerful features. They allow us to customize the front and back end of a website, and there are all manner of creative uses for them. Everything from displaying niche content to changing page layouts based on field values is possible. Traditionally, using custom fields meant navigating obstacles. They require… Continue reading Learn How to Display WordPress Custom Field Data With Blocks — Speckyboy

Whitenoise Celebrates 25 Years with Graphic Design Playing Cards

Belfast’s Whitenoise agency marks 25 years with custom playing cards. Each card features unique graphic design. A celebration of design and play. To celebrate its 25th anniversary, Belfast-based agency Whitenoise created a unique and playful project: a custom deck of playing cards. This initiative showcases the agency’s graphic design talent and its passion for storytelling.… Continue reading Whitenoise Celebrates 25 Years with Graphic Design Playing Cards

New Mapping Feature Available with Every Email Send

Zoom in to discover where your emails are being read. A great new feature offering more insight into your subscribers is now available with every email send and monthly insight report: Geographic data on engagement stats. And not just the numbers, the team went a step further and added a mapping feature for visual representation.… Continue reading New Mapping Feature Available with Every Email Send

Digital Typography: Fonts and Techniques for Modern UI/UX

In today’s modern era of artificial intelligence, digital typography plays a pivotal role in shaping user experiences across websites, mobile apps, and other digital platforms. Digital typography refers to the art and science of arranging typefaces in a way that enhances readability, usability, and aesthetic appeal within digital interfaces. As screen resolutions improve and devices… Continue reading Digital Typography: Fonts and Techniques for Modern UI/UX

The Best Online Python Courses: From Beginner to Pro

Python has become one of the most popular programming languages due to its simplicity, versatility, and widespread use in fields like web development, data science, artificial intelligence, and automation. As a result, the demand for Python courses has skyrocketed, leading to a surge in online learning platforms offering structured and flexible learning experiences. Online Python… Continue reading The Best Online Python Courses: From Beginner to Pro

WebGPU Scanning Effect with Depth Maps

Today we’re sharing a creative demo that showcases a scanning light effect using a depth map. The scene is rendered with WebGPU via Three.js and react-three-fiber, and enhanced using TSL shaders for dynamic visual depth. This demo includes three variations of the effect, each showing a different visual direction. The goal is to demonstrate how… Continue reading WebGPU Scanning Effect with Depth Maps

The Death of Coding Jobs: How AI, No-Code, and Corporate Greed Are Killing the Industry

For the last two decades, the promise of a lucrative career in coding has been drilled into our heads. “Learn to code,” they said. “It’s the skill of the future,” they insisted. Well, the future is here—and coding jobs are disappearing faster than an intern after a critical server crash. AI is writing code better… Continue reading The Death of Coding Jobs: How AI, No-Code, and Corporate Greed Are Killing the Industry

10+ Great Tools & Resources you need to try in 2025

Posted · Category: Best Collections, Design, Inspiration, Tools <!– –> If you are building a website from scratch you have to rely heavily on your own creativity to achieve any measure of success. In truth, building a great website lies in the underpinning the tools you use are able to create. Drag and drop alone… Continue reading 10+ Great Tools & Resources you need to try in 2025

30 Best Word Resume Templates – Easy to Edit & Customize

A well-structured resume is essential in today’s competitive job market. With Word resume templates, job seekers can create polished, professional resumes without advanced design skills. These templates offer preformatted layouts that ensure readability, clarity, and a modern aesthetic. Whether applying for a corporate position or a creative role, choosing the right template can make a… Continue reading 30 Best Word Resume Templates – Easy to Edit & Customize

How to Make The Fluffiest Grass With Three.js

I spent over 200 hours researching how to make fluffy grass that I used in my project Elysium. I wanted to use a technique that was simple, but extremely effective and performant enough to run on older devices. In this detailed article, I will breakdown all of the techniques used and explain how I made… Continue reading How to Make The Fluffiest Grass With Three.js

How to Get Quality Graphic Design Training

A career in graphic design might be the best option for you if you enjoy creative work. Then again, your passion will only get you so far in your journey. You may have the skills and knowledge as an innovative but considering the effort that’s put into graphic design, quality training makes all the difference.… Continue reading How to Get Quality Graphic Design Training

Digital Marketing Tips for Success in 2025

In today’s fast-paced digital landscape, staying competitive and effectively reaching your audience requires more than just a website or a social media account. Digital marketing is an ongoing process that involves a range of strategies to help businesses connect with their customers and convert leads into loyal clients. Whether you’re a small business owner or… Continue reading Digital Marketing Tips for Success in 2025

The Decade Collection: 100 Fonts, Less Than $1 a Font! 10 Years in the Making

Prepare for any design project that you might face in 2025 and beyond with a lifetime’s worth of vintage fonts! Over $2000 worth of meticulously crafted vintage fonts are available at the exceptional price of just $99, offering unbeatable value for money. What’s more, Spoon Graphics readers can get an extra 20% off with the… Continue reading The Decade Collection: 100 Fonts, Less Than $1 a Font! 10 Years in the Making

30+ Must-Have Premium Product Mockups

Impress your clients with these 30+ Premium Product Mockups. When it comes to showcasing your designs, nothing beats the power of high-quality mockups. They not only help bring your ideas to life but also present them in a professional, polished way that impresses clients and customers alike. Whether you’re working on packaging mockups, branding, or… Continue reading 30+ Must-Have Premium Product Mockups

Creating Dynamic Terrain Deformation with React Three Fiber

In this tutorial, we will explore how to dynamically deform terrain, a feature widely used in modern games. Some time ago, we learned about how to create the PS1 jitter shader, taking a nostalgic journey into retro graphics. Transitioning from that retro vibe to cutting-edge techniques has been exciting to me, and I’m happy to… Continue reading Creating Dynamic Terrain Deformation with React Three Fiber

How to Create a Gooey Search Interaction with Framer Motion and React

I’ve been eager to create something with the Gooey effect for a while. While many of our peers on X have been experimenting with it, I wanted to apply it to a more practical component. Recently, I stumbled upon a video showcasing dynamic island animations, which sparked my inspiration. Inspired by this, I decided to… Continue reading How to Create a Gooey Search Interaction with Framer Motion and React

Fresh Free PSD Mockup Templates (50+ Mockups)

Written by Yasir Jawaid• November 6, 2024• 2:12 pm• Mockups • One Comment A comprehensive collection of high-quality, free PSD mockup templates for both commercial and personal use. These free PSD files feature smart objects, allowing you to customize designs in seconds. This showcase includes professionally crafted product presentation mockups, such as iPhone X mockups,… Continue reading Fresh Free PSD Mockup Templates (50+ Mockups)

How to Code a Subtle Shader Background Effect with React Three Fiber

Hey there 👋! I’m Matias, a creative web dev based in Buenos Aires, Argentina. I currently run joyco.studio, and we recently released the first version of our website. It features a comic-like dot grid shader background, and in this post, I’ll show you how it’s coded, breaking it down into 4 simple steps. But before… Continue reading How to Code a Subtle Shader Background Effect with React Three Fiber