Category: Web Development

Creating Audio-Reactive Visuals with Dynamic Particles in Three.js

In this tutorial, you will learn how we at ARKx crafted the audio-reactive visuals for Coala Music’s website. We’ll walk through the concepts and techniques used to synchronize audio frequencies and tempo, creating a dynamic visualizer with procedural particle animations. Getting Started We will initialize our Three.js scene only after the user interacts; this way,… Continue reading Creating Audio-Reactive Visuals with Dynamic Particles in Three.js

30 Free Xmas Graphics

Compilations By Louise North 4 days ago We’ve reached that time of year when all marketing is on a singular theme: snow, presents, and turkey (or nut roast, if that’s your preference). These last few weeks running up to the Christmas break can be an endless trudge through grey, cold weather if you’re in the… Continue reading 30 Free Xmas Graphics

Creating an Interactive Mouse Effect with Instancing in Three.js

Mind-blowing effects that require thousands, possibly millions of objects like hundreds of paper planes, brains made out of triangles, or a galaxy of stars, push the limits of the GPU. However, sometimes it’s not because the GPU cannot draw enough, at times it’s bottlenecked by how much information it’s receiving. In this tutorial, we’ll learn… Continue reading Creating an Interactive Mouse Effect with Instancing in Three.js

How to Create Animated GIFs from GSAP Animations — SitePoint

In this article, I’m going to explain how you can convert animations created using GSAP into animated GIFs using modern-gif. Here’s a sneak peek of one I made earlier. 👇 On the links below, you’ll find a live preview and all the code I’ll be referencing throughout this article: There are two “pages” in the… Continue reading How to Create Animated GIFs from GSAP Animations — SitePoint

15 Best New Fonts, November 2023

Fonts By Ben Moss 2 days ago 2023 is almost over, and the new fonts are still coming thick and fast. This month, we’ve found some awesome variable fonts, some revivals, and one or two novelty fonts to get you through the holiday promotion work. Enjoy! Dash Dash is the result of detailed scientific study… Continue reading 15 Best New Fonts, November 2023

30 Amazing Chrome Extensions for Designers and Developers

Compilations By Robert Reeve 2 days ago Searching for a tool to make cross-platform design a breeze? Desperate for an extension that helps you figure out the HTML code of that fantastic color palette? Looking for a trick that will supercharge your productivity this year? We’ve got you covered. Chrome extensions are the bread and… Continue reading 30 Amazing Chrome Extensions for Designers and Developers

From Image Adjustments to AI: Photoshop Through the Years

Tech By Max Walton 2 days ago Remember when Merriam-Webster added Photoshop to the dictionary back in 2008? Want to learn how AI is changing design forever? Join us as we delve into the history of Photoshop, from its early beginnings right through to the dawn of artificial intelligence. Photoshop is nothing short of a… Continue reading From Image Adjustments to AI: Photoshop Through the Years

15 Best New Fonts, October 2023

Fonts By Ben Moss Yesterday We’re entering the final quarter of 2023, and even in the pre-holiday lull, there are still plenty of fonts to get excited about. In this month’s edition of our roundup of the best new fonts for designers, there are lots of revivals, some excellent options for logo designers, and some… Continue reading 15 Best New Fonts, October 2023

Exciting New Tools for Designers, October 2023

Compilations By Paddi MacDonnell 2 days ago Welcome to our all treats-no tricks, October tools collection. This month, we have a whole bag of goodies for designers, developers, and designevelopers alike. (Yes, we did just make up a new word.) There are some great new assets, apps, and resources for boosting your creativity and speeding… Continue reading Exciting New Tools for Designers, October 2023

15 Best New Fonts, September 2023

Fonts By Ben Moss 4 days ago Nothing upgrades your designs like selecting the right font. It’s all too easy to fall into the trap of using the same typeface over and over, so every month, we publish this roundup to freshen up your font menu. In this month’s edition, you’ll find plenty of sans-serifs… Continue reading 15 Best New Fonts, September 2023

The Dangers of Deceptive Design Patterns (And How to Avoid Them)

UX By Louise North Today As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user experiences that make visitors feel comfortable and respected. This, in turn, creates benefits for our clients by improving repeat visits and achieves the site’s ultimate aims, whether that is sales revenue or… Continue reading The Dangers of Deceptive Design Patterns (And How to Avoid Them)

3 Essential Design Trends, September 2023

Here’s what’s trending in design this month: 1. Monochrome Color Schemes One-color design patterns can be beautiful and somewhat enchanting. With tints and tones of the same base color, there is a certain elegance that comes with a monochrome color scheme. Designers who have worked with color in this way know that while the end result may look… Continue reading 3 Essential Design Trends, September 2023

A Guide to Migrating from Webpack to Vite — SitePoint

In this article, we’ll look at how to upgrade a frontend web application from Webpack to Vite. Vite is the latest frontend development tool to be enjoying a tremendous growth in popularity and adoption. Just check out these downloads from npm trends in the image below. Image source This trend is being driven by a… Continue reading A Guide to Migrating from Webpack to Vite — SitePoint

11 Free Website Builders to Try in 2023

Before we go any further, let’s get the whole ​‘all you need to make a website is a basic text editor and a browser’ thing out of the way before we start: Yes, it’s true, you can make a fully functioning, good-looking website with NotePad or TextEdit, but you also need a not inconsiderable level of knowledge and skill. And even… Continue reading 11 Free Website Builders to Try in 2023

LinkedIn is Experimenting with AI-Powered Microsoft Designer as a Tool for Designing Posts

Since launching in 2002, LinkedIn has slowly become the place to be for anyone looking to develop their career and build their network. The employment-focused social media enterprise allows users to post about their accomplishments, talk about new industry developments, and sell themselves to potential employers.  Unfortunately, LinkedIn’s popularity means it can be tough to… Continue reading LinkedIn is Experimenting with AI-Powered Microsoft Designer as a Tool for Designing Posts

Exciting New Tools for Designers, July 2023

In this month’s edition, you’ll find new ways of using AI, some excellent new services for streamlining your work, plus some great new UI kits. Enjoy! Cosmos Cosmos is a brand-new, beautifully realized Pinterest alternative for creatives. You can use it to create visual notes, record design inspiration, and curate your visual world via plugins on the… Continue reading Exciting New Tools for Designers, July 2023

OpenAI Accused of Data Theft in California

AI technology allows users to input a few words or phrases and generate output with a level of sophistication that is startlingly similar to human language. ChatGPT is currently the most successful attempt to code human language simulation, and companies such as Microsoft and Adobe are tapping into its potential to refine their products. However, ChatGPT scrapes… Continue reading OpenAI Accused of Data Theft in California

Creating a Bulge Distortion Effect with WebGL

Distortion in WebGL can be a lot of fun. Recently, I had to create a special effect called “Bulge” for a project on the Upperquad.com website. Here is a short video showcasing it. The idea was to create a distortion that originates from a point and pushes everything around it. In “Adobe After Effects,” you… Continue reading Creating a Bulge Distortion Effect with WebGL

Innovative Home Decor: How Custom Neon Signs Elevate Interior Design Strategies

‍“There’s No Place Like Home” LED sign by VoodooNeon.com Introduction to innovative home decor In recent years, the world of interior design has seen a significant shift towards innovative and unconventional home decor ideas. As homeowners, we are always on the lookout for unique ways to express our individuality and creativity in our living spaces.… Continue reading Innovative Home Decor: How Custom Neon Signs Elevate Interior Design Strategies