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
Category: Web Development
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
Dynamic Tooltip Reveal Animations | Codrops
The other day I stumbled across this awesome Dribbble shot by Michael Crawford for one of his invented projects Adult Protection Agency, a playful reminder that the art of growing up is becoming an endangered skill in our ever-devolving world 🙂 A wonderful integration of the Minesweeper game concept gave me this small idea of… Continue reading Dynamic Tooltip Reveal Animations | Codrops
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
Google Set to Enable New API in Bid to Eliminate Cookies
News By Robert Reeve 2 days ago In January 2020, Google announced its ambitious plan to eliminate third-party cookies from Chrome. Now, after over three years (and countless delays), the first phase of Google’s cookie-killing strategy is almost complete.
Inspiration for Text Block Transitions
Some inspiration for transitioning text blocks with different word animations. Today I would like to share a couple of simple text animation ideas with you that I have been playing with. It’s all about transitioning from one block of text to another, using different kind of animations on the words. They are simple but I… Continue reading Inspiration for Text Block Transitions
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
Gooey Cursor Effect | Codrops
The other day I visited Lorenzo Dal Dasso’s fantastic website and had a lot of fun with the cool cursor effect! Of course I had to try it out and see what crazy stuff I could do with this and after having a peek under the hood, I saw that the wonderful duo @ETStudio5 who… Continue reading Gooey Cursor Effect | Codrops
3 Essential Design Trends, June 2023
That’s a big part of the reason so many designers are stripping down menus to more minimal styles. (Plus, it can create a cleaner, more sleek overall design.) Here’s what’s trending in design this month – and it is all about navigation. 1. Pop-Out Navigation There’s an obvious connection to mobile-friendliness here – website designs that use… Continue reading 3 Essential Design Trends, June 2023
15 Best New Fonts, May 2023
Every month we put together this roundup of the best new fonts we’ve found online in the previous four weeks. Enjoy! Publish Serif The Publish family consists of Publish Gothic, Public Sans, and Publish Serif. It was originally designed for the short-lived Danish newspaper “Dagen” and is now available publicly. It’s a versatile set of fonts… Continue reading 15 Best New Fonts, May 2023
Discover 10 Best Multipurpose WordPress Themes to Use in 2023
Posted · Category: Best Collections, Design, Tools Some people may tell you that anything worth inventing has already been invented. That is not true, it probably never will be, and it certainly will not be the case for the website design world, which just keeps growing and improving. Website requirements keep becoming more and more… Continue reading Discover 10 Best Multipurpose WordPress Themes to Use in 2023
The Power of Place in Photography
Place in photography is everything to the photographer, as it helps him capture and investigate various concepts such as culture and identity, traditions, and environmental challenges. But also, place plays a more significant role in the photograph’s appearance and can give you a bad day at the office if not controlled. Although place can add… Continue reading The Power of Place in Photography