Let’s create a fully functional currency converter application using HTML, CSS, and vanilla JavaScript. By the end of this tutorial, we will have a responsive currency app that fetches real-time data with the Exchange Rate API and presents it in a user-friendly interface. HTML Structure Our currency application will have a simple interface containing :… Continue reading Create a Currency Converter with HTML, CSS, and Vanilla JavaScript
Google Maps: a refreshing turn in the right direction
Finally! Google Maps gets a much-needed makeover… and we’re here for it. Sometimes, a reroute is all it takes to rediscover the joy of the journey — Google Maps’ latest update is a testament to that. What’s New Since My Last Rant A few months back, I ripped into some serious user experience flaws in Google Maps. Google Maps: about that… Continue reading Google Maps: a refreshing turn in the right direction
Build a Grid-to-Full-Screen Image Animation With CSS (and a Touch of JavaScript)
In this tutorial, I’ll show you a motion effect where a split-screen image grid layout will turn into a full-screen image. 1. Begin With the HTML Markup We’ll define three sections: The first and third sections won’t have any real value, but we’ll utilize them to prove that the effect can work inside any page content.… Continue reading Build a Grid-to-Full-Screen Image Animation With CSS (and a Touch of JavaScript)
How to Make Bootleg Retro T-Shirts in Photoshop
In this tutorial, we’ll delve into the art of crafting your very own bootleg retro T-shirts using Adobe Photoshop. Embrace the essence of the ’90s as we create an authentic retro shirt that pays homage to the era’s cheesy but iconic style. What You’ll Need to Complete This Bootleg T-Shirt Tutorial How to Make Bootleg… Continue reading How to Make Bootleg Retro T-Shirts in Photoshop
How to Use Stable Diffusion for Free AI Video to Video in 2024
In the evolving landscape of artificial intelligence, Stable Diffusion stands out as a transformative tool in the creative domain. Stable Diffusion is a process known as image to video. Text to video is being released but at the time of this article it hasn’t been released yet. The model is being described by Stability as… Continue reading How to Use Stable Diffusion for Free AI Video to Video in 2024
Good design is subjective, contextual, and intentional
Urban planners have been designing for human experiences for nearly 200 years, and UI/UX designers can learn from this. Examples of The Chicago School of Architecture | Photo Credit: Tom Seiple When I finished my graduate degree, I was lucky to find my first job in Chicago. From a very early age, I had always hoped to… Continue reading Good design is subjective, contextual, and intentional
Top 7 Must-Read Books for Every Student in Search of Inspiration Graphic Design Junction
When you need to design success and achieve peace of mind both in your studies and daily life, you should turn to books that will help you to become inspired. Some books will help you to gain confidence, while others will bring tears to your eyes as you read about someone’s story that will hit… Continue reading Top 7 Must-Read Books for Every Student in Search of Inspiration Graphic Design Junction
Should I Hire a Resume Writer? Job Search Strategies for 2024
Are you searching for a job and worrying that your resume isn’t getting into the hands of the person? Maybe you’ve thought to yourself, is my resume getting rejected by an ATS? A resume writer helps people create a resume. (Image Source: Envato Elements) If you’ve considered hiring a resume writer or resume writing service… Continue reading Should I Hire a Resume Writer? Job Search Strategies for 2024
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
Learn How to Code a Simple JavaScript Calendar and Datepicker
Building a JavaScript calendar is the best way to understand date functionalities in JavaScript. This tutorial will create a real-time calendar similar to the one in your digital devices. By the end, you’ll have something like this: HTML Structure We will start our JavaScript calendar by building the structure with HTML and CSS. Once the… Continue reading Learn How to Code a Simple JavaScript Calendar and Datepicker
How to Create 5 Space Effects in Photoshop
In today’s tutorial, we’ll learn how to create five different spaced-themed Photoshop effects. We’ll cover how to create a galaxy in Photoshop, as well as several different Photoshop sci-fi brushes, an alien spaceship, and an entire planet. Let’s get started! What You’ll Learn in This Photoshop Tutorial How to create a planet in Photoshop … Continue reading How to Create 5 Space Effects in Photoshop
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
Norman Doors: how do we still get this wrong?
The confusing design of Cybertruck’s doors. Tesla Cybertruck The concept of the “Norman door” is a well-known and widely recognized principle among designers. Named after design guru Don Norman, it describes any door that proves confusing or difficult to use, highlighting a common design flaw. In this article, we will discuss the application of the… Continue reading Norman Doors: how do we still get this wrong?
All the Zelda Logos & How to Create the Triforce Logo
Whether you prefer the Zelda Ocarina of Time logo, the Twilight Princess logo, or the Majora’s Mask logo, which are all unique and beautiful, this tutorial is a great opportunity to learn new techniques whilst creating your own Zelda logo, Triforce! Before jumping in, we’ll briefly learn more about this iconic game series and discuss… Continue reading All the Zelda Logos & How to Create the Triforce Logo
Why weirdness is at the center of belonging, diversity, and innovation.
Why weirdness is at the center of belonging, diversity, and innovation In my senior year of college, I took a class about how to prepare for the workplace. The class taught us how to write a resume, what to wear to job interviews, and what companies look for in candidates. It was an easy A.… Continue reading Why weirdness is at the center of belonging, diversity, and innovation.
My apologies to you, the user
Chris Kiess · Follow Published in UX Collective · 9 min read · 2 days ago — 4 Share Photo by Nick Fewings on Unsplash This has been a long time coming. It’s taken me more than a decade to get here. But after 12 years as a healthcare experience designer, I’ve come to the… Continue reading My apologies to you, the user
Design Systems Teams: Understand Your Users So They Can Serve Theirs
Welcome to the next edition of my Design Strategy blog series. Today, I’ll be sharing a story from some recent client visits that will help y’all recognize WHY you should do things differently to mature and scale your digital accessibility program quickly. I will once again skip the “how-to” dry laundry lists of tactical “do… Continue reading Design Systems Teams: Understand Your Users So They Can Serve Theirs
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 Quickly Cut and Trim Audio in Audacity
Editing audio can seem daunting, particularly when confronted with complex software. This is where Audacity, a free, open-source audio editing tool, shines. It streamlines the editing process, making cutting and trimming audio files a straightforward task. Ideal for podcasters, musicians, and video editors, Audacity simplifies audio editing without sacrificing functionality. By mastering Audacity, users can… Continue reading How to Quickly Cut and Trim Audio in Audacity
Show, not tell: How to make use of restricted or scrapped design work
How to transform design work restricted by NDAs or scrapped prematurely Continue reading on UX Collective »
Can UX design actually be ethical?
We are designing products today for the users of tomorrow without knowing who they really are. Beth J · Follow Published in UX Collective · 8 min read · Just now — Share Photo by Adolfo Félix on Unsplash Many of you, like myself, entered into Product and UX Design because we want to do… Continue reading Can UX design actually be ethical?
Making Waves in India 2023: Why Accessibility Deserves a Spot on Tech Giants’ Radar
India has a new rising economy that is catching everybody’s attention with its development, innovation, and growth. But we won’t be talking about what’s out there on the internet. We will be diving deep into a topic that’s making waves and deserves a prime spot on the radar of tech giants – Web Accessibility. Now,… Continue reading Making Waves in India 2023: Why Accessibility Deserves a Spot on Tech Giants’ Radar
Using Figma variables for breakpoints
The hunt to find more use cases for local variables. At this point in 2023, almost all UX UI designers who use Figma should know about one of Figma’s biggest features of this year, local variables. Something I have continued to struggle with since its initial launch this past summer is how to actually apply… Continue reading Using Figma variables for breakpoints
Designing outside the lines
Your convergent mind is a powerful tool. It plants the critical pauses and arguments that shape ideas into solutions. “This is a good idea, but…..” or “This is better than the other considering…”. Yet, it frequently operates in unison with divergent thinking, restraining creativity. Designers navigate the product delivery wheel every day, sprinting from idea… Continue reading Designing outside the lines