Plenty of time in the past, I’ve shown you how to create different types of charts using CSS and JavaScript. Today, I’ll guide you on how to build line charts in pure CSS. What is a Line Chart? A line chart looks like a cardiogram; it consists of data points that are connected through a… Continue reading How to Make Line Charts in Pure CSS
Metis Lighting’s Editorial Design Journey in Paris
Delve into ‘Metis in Paris’, an editorial design and graphic design editorial showcase of Metis Lighting’s project voyage in Paris, narrated through a meticulously designed photo book. When it comes to lighting design, Metis Lighting has long been a beacon of innovation and elegance. Their recent editorial venture, “Metis in Paris,” documented by the keen… Continue reading Metis Lighting’s Editorial Design Journey in Paris
13 Top UXarmy Alternatives & Competitors in 2024
Everything has an alternative these days. With so many options, your users won’t settle for something mediocre. Your website must be easy and enjoyable to use. But, how do you know if your website is effective or not? For this, you need UX testing tools. Picking the right tool to do this can… Continue reading 13 Top UXarmy Alternatives & Competitors in 2024
To Ignite a Personalization Practice, Run this Prepersonalization Workshop
Picture this. You’ve joined a squad at your company that’s designing new product features with an emphasis on automation or AI. Or your company has just implemented a personalization engine. Either way, you’re designing with data. Now what? When it comes to designing for personalization, there are many cautionary tales, no overnight successes, and few… Continue reading To Ignite a Personalization Practice, Run this Prepersonalization Workshop
Success Lies in Mastering the Fundamentals Like Consistency
Learn about lean user research and testing this May with my upcoming workshop. Find out more here or just email me and I’ll tell you all about it. https://cdn.simplecast.com/audio/9a370638-98b2-4070-b6d0-c16b5b5c99b3/episodes/521c1564-0606-496f-8641-a38b4cb92442/audio/3da2d2a5-9302-402e-af44-7a9b1e8670c8/default_tc.mp3?nocache Listen to this post and subscribe using Apple Podcasts, Google Play, Spotify or RSS Hey all. I have been working on web apps a lot lately.… Continue reading Success Lies in Mastering the Fundamentals Like Consistency
Blurry Text Reveal on Scroll
A blurry text reveal animation on scroll inspired by Rauno’s “Blur reveal”. Some interesting experiments have been shared lately on X showing progressive blurs on all kinds of elements and this one by Rauno caught my eye: It’s a stunning effect and I was wondering if something similar could be achieved by simply “unblurring” text… Continue reading Blurry Text Reveal on Scroll
Create Your Own AI Image Generator App With JavaScript and DALL-E 3
DALL-E 3 is an image generation model that excels at generating images from text prompts. It can understand and interpret complex textual descriptions and translate them into visual representations. The images generated are also high-resolution and diverse in style.By the end of this tutorial, we will have something like this: HTML Structure The HTML structure… Continue reading Create Your Own AI Image Generator App With JavaScript and DALL-E 3
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility
In today’s digital age, creating inclusive designs that cater to all users is paramount. Accessibility in web design ensures that everyone, regardless of their abilities, can access and interact with digital content seamlessly. One crucial aspect of accessible design is color contrast, which plays a significant role in making content legible for all users, including… Continue reading Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility
Better Web Security Means Less Convenience – For Now
The web makes our lives more convenient. We can order a T-shirt or a pizza with a few clicks. We can conduct global research without leaving our seats. It has changed the way we do just about everything. As web designers, we seek to add even more convenience. We employ systems to “remember” users. We… Continue reading Better Web Security Means Less Convenience – For Now
A Field Guide to Great UX Prototyping
Posted on: 9 January 2024 Jonathan Pusic UX Architect A sketch on the back of a napkin, a few lines on the whiteboard, a fully interactive digital mockup – prototypes are anything that makes your ideas more tangible. Ranging from conceptual to concrete, they are excellent tools for communicating, testing, and even marketing ideas throughout… Continue reading A Field Guide to Great UX Prototyping
Barcelona vs Real Madrid: Battle of the Websites
We studied 11 of the most popular sections and compared their usability, user experience, appearance, and functionality. If the section was better, a goal was scored for the winning team. In case of a draw, a goal was added to both clubs. Let the battle begin! Home page Both websites start with an almost full-screen… Continue reading Barcelona vs Real Madrid: Battle of the Websites
How to Create Fog in Photoshop
Wondering how to change the weather in Photoshop? Today, we’ll be covering my favorite fog effect Photoshop technique! It’s fast, customizable, and perfect for both landscape and portrait weather effects. And if you prefer videos, don’t miss this new video from the Envato Tuts+ YouTube channel: How to Make Fog in Photoshop Step 1 To… Continue reading How to Create Fog in Photoshop
Best Halftones Brushes, Textures and Effects for Photoshop and Illustrator
61 Shares Halftone art, with its distinctive dotted patterns, has been a timeless favorite among graphic designers and artists alike. It adds depth, texture, and a vintage charm to designs, making them stand out with character and style. In the realm of digital design, harnessing the power of halftones requires the right tools – and… Continue reading Best Halftones Brushes, Textures and Effects for Photoshop and Illustrator
8 Conversion-Driving UX Tactics For Ecommerce Websites
Positive user experience (UX) is a prerequisite for retaining buyers, boosting eCommerce SEO results, and increasing website conversion rates. In this post, we’ll discuss actionable UX design tactics that’ll help you create a fascinating customer journey on your site which will skyrocket sales and bring in even more brand advocates. 1. Ease the navigation with… Continue reading 8 Conversion-Driving UX Tactics For Ecommerce Websites
How to Create the Baldur’s Gate 3 Logo Text Effect
Tutorial Assets You’ll need the following resources to complete this project and create the Baldur’s Gate logo 3D gold text effect: 1. How to Create the Number “3” Shape Step 1 Let’s get started by launching Adobe Photoshop and going to File > New to open the New Document window. From there, type “Baldur’s Gate Logo”… Continue reading How to Create the Baldur’s Gate 3 Logo Text Effect
Fresh Fonts: Elevate Your Designs with the Latest Free Fonts
29 Shares In the world of graphic design, the quest for fresh fonts is perpetual. Designers, both seasoned and novice, are constantly on the lookout for new free fonts to infuse vitality into their projects. The significance of typography in conveying messages, evoking emotions, and establishing brand identity cannot be overstated. Hence, the availability of… Continue reading Fresh Fonts: Elevate Your Designs with the Latest Free Fonts
Some On-Scroll Text Highlight Animations
Some ideas for scroll-based text highlight animations. Today I’d love to share some text highlight effects that have been whirling in my mind for a while. They are inspired by some details I saw in Dribbble shots and some other videos. The idea is to highlight text, particularly words, on scroll, when they come into… Continue reading Some On-Scroll Text Highlight Animations
Customer Experience Development: Building Stronger Connections with Your Customers
The Power of CX Development: Building Strong Connections with Customers The significance of a customer experience process is increasing rapidly in the e-commerce realm. Without the physical touchpoints applied in brick-and-mortar retail, it encompasses the entire customer journey. The foundation of effective digital selling, therefore, is the seamless fusion of technology, comfort, and human connection… Continue reading Customer Experience Development: Building Stronger Connections with Your Customers
How to Create a Meeting Agenda Presentation
Agenda slides can be used as a plan for your presentation. They can give you the structure and help you set the tone for what your audience needs and expects. This is true for any type of agenda, whether a team meeting or a conference agenda. Business Agenda is a premium template from Envato Elements. … Continue reading How to Create a Meeting Agenda Presentation
How to Make Fire Effects in Photoshop (Flames, Smoke, Embers and More)
In today’s tutorial, we will be covering five different fire effects in Photoshop. From how to add a smoke effect in Photoshop to how to make a flame in Photoshop, we’ll be covering it all. I’ll also show you my absolute favorite effect to pair with fire: how to make a charred or burnt surface.… Continue reading How to Make Fire Effects in Photoshop (Flames, Smoke, Embers and More)
13 Top Great Question Alternatives & Competitors in 2024
Finding the best user testing platform is more challenging than it sounds. There are many existing giants and rising stars in the market. One of them is Great Question. But, if you’ve clicked this article, it means Great Question may not be the best tool for your needs. That’s why we’ve listed… Continue reading 13 Top Great Question Alternatives & Competitors in 2024
AI UX-Design Tools Are Not Ready for Primetime: Status Update
Summary: Our research and evaluation shows that there are currently few design-specific AI tools that meaningfully enhance UX design workflows. AI tools won’t be replacing UX designers any time soon. Currently available LLM-based tools are not shortcutting steps in the design process just yet. Our Study There’s so much marketing hype around AI that it’s… Continue reading AI UX-Design Tools Are Not Ready for Primetime: Status Update
Do You Suffer from User Research Imposter Syndrome?
Learn about lean user research and testing this May with my upcoming workshop. Find out more here or just email me and I’ll tell you all about it. https://cdn.simplecast.com/audio/9a370638-98b2-4070-b6d0-c16b5b5c99b3/episodes/35e18724-4f1e-46b8-a472-a50b0236a845/audio/7eda2666-8c08-42fb-a8c4-b35343002c1c/default_tc.mp3?nocache Listen to this post and subscribe using Apple Podcasts, Google Play, Spotify or RSS Hi all. I’ll go out on a limb and hope I’m not… Continue reading Do You Suffer from User Research Imposter Syndrome?
10 Awesome WordPress Themes to Check Out in 2024
Posted · Category: Design, Tools <!– –> The good news is there is no shortage of awesome WordPress themes that can help you create an engaging and well-functioning website. The not-so-good news is that the options open to you can be overwhelming because of the thousands of great WordPress themes available. Finding one you can… Continue reading 10 Awesome WordPress Themes to Check Out in 2024