The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Let’s celebrate this great achievement by creating something YouTube-oriented! We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; we’ll build a simple UI where we can enter the ID of a channel and our app… Continue reading Build a Simple YouTube App with Vanilla JavaScript
Build a Simple YouTube App with Vanilla JavaScript
The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Let’s celebrate this great achievement by creating something YoutTube-oriented! We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; we’ll build a simple UI where we can enter the ID of a channel and our app… Continue reading Build a Simple YouTube App with Vanilla JavaScript
Test smart: How to validate product on a business-facing level?
It took a long time since my story How to Select Testing Techniques for an Agile Team was published (if you ask me what happened in between, the short answer will be: a war in Ukraine and a career pivot). The mentioned story focused on Agile Testing Quadrants, a method presented by Lisa Crispin and… Continue reading Test smart: How to validate product on a business-facing level?
The deeper meaning behind Japan’s unique UX design culture
The Japanese writing system is a combination of several scripts. Kanji, the main script, was borrowed from the Chinese. Kanji literally means “characters of Han (China).” The Chinese alphabet didn’t cover all of the Japanese cases. Japan had their own terms and names. Therefore, Hiragana and Katakana were added later. Hiragana is a phonetic lettering… Continue reading The deeper meaning behind Japan’s unique UX design culture
Rock Solid WordPress Security: Keeping Your Business Safe
Development By Simon Sterne Today WordPress is the web’s favourite CMS (content management system), renowned for its low-entry level and vast array of themes and plugins. WordPress’s open-source nature allows for endless flexibility, catering to diverse needs and technical skills. Unfortunately, 10,950,000 websites are hacked yearly, and 4,708,500 of those belong to small businesses. WordPress’s… Continue reading Rock Solid WordPress Security: Keeping Your Business Safe
Create a Currency Converter with HTML, CSS, and Vanilla JavaScript
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
Create a Currency Converter with HTML, CSS, and Vanilla JavaScript
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
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
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