Web Developer Tools & Resources
Slim is a free and open source icon library featuring 100+ minimalist icons. Its sleek style is perfect for enhancing website and product design. Integrate it for a modern touch that’s sure to impress.
How Artificial Intelligence might shape the next generation of software UX
Alex Hollender led the redesign that launched in January. Here, he walks readers through the entire process.
This month, my research led me a step further into the AI-generated video revolution with Runway which now allows its users to create new video content by applying the style of an image to an existing video.
It’s a hot debate in SEO right now: You can block OpenAI’s ChatGPT-User bot with robots.txt – but should you? Short answer: No. Here’s why.
Pepsi brought back their midcentury look, but with revamped packaging and a promising design system that prepares the brand to live in both the physical and digital arenas.
Please complete this form to request access. We’ll be sending out invites gradually over time. We’ll email you instructions on how to get started once you’ve been given access.
An updated version of the Ubuntu font boasting better support for non-latin languages is nearing release.
Adobe has unveiled the winners of its first-ever Adobe Stock Artist Awards that honor some of the “very best examples of aesthetic, technical, and narrative quality” on Adobe Stock.
OKCC Labs has a fantastic design, showcasing a fusion of a vibrant main color, innovative 3D scroll animations, and sleek design elements that come together to create a truly joyful user experience.
Several eBay teams worked together to create a plug-in that makes it easy to include accessibility in a design right from the start.
The ‘sound of all human knowledge’ is surprisingly chirpy.
Beautify your code, as only code seems to be boring
It’s a companion app. It’s a sidebar. It’s definitely not trying to replace mobile Safari, at least not yet.
Transform your life using the fundamentals of interaction design.
Bing Image Creator will make you whatever you ask it to.
Workshops are all about people: they involve people, are conducted by people, and aim to close the gaps in people’s communication. Slava Shestopalov shares a checklist with everything you need to keep in mind when running a workshop.
Contracts can be confusing. Here’s how AI can help.
The company confirmed it’s now testing a revamp of its user profiles, which includes a card-style layout that lets users establish more of a social identity on the platform in addition to providing easy access to Spotify’s unique features — like its personalized recommendations, Blend playlists, co-listening experiences and more.
5 things UX professionals need to know about working for startups
In this article, I will review each of the ten usability heuristics and discuss some interesting examples of applying or deliberately breaking these rules in both computer games and boardgames.
Just when you think you’ve seen it all, mathematicians go and discover the existence of a new shape. That’s right a new shape. The new 13-sided two-dimensional shape has been called the ‘Hat’ and could open up all manner of new design and graphic design challenges and ideas.
ChatGPT, Bing, and Bard excel at making stuff up—even if you just want facts.
If you’re a developer, you know how important it is to keep track of code changes and collaborate with your team. That’s where version control software comes in handy.
The logo design for the project presents the combination mark in which the symbol echoes botanical motifs elegantly organized in a square shape, and the typographic part sets a strong visual connection with it using the same leaf shape as a part of the letter.
Storytelling is by far one of the most powerful instruments in the arsenal of a UX specialist. By telling stories, brands and individuals alike can better connect with their respective audiences and build strong and lasting relationships in the long run.
Proxy servers are invaluable assets to many designers around the world. Let’s dive into the benefits of using a proxy to transform your web design workflow.
When is the right time to rebrand? Almost never. But if you must, these rebranding efforts might provide some useful hints.
This gorgeous chart illustrates the intricacies of managing one of our nation’s most crucial—and invisible—national assets: the radio spectrum.
User experience design is a powerful discipline with a fine line between assistance and manipulation. Organizations often use dark patterns to trick users into decisions they otherwise wouldn’t choose. Sometimes these dark patterns don’t have malicious intent, but the result is the same.
Relatable visual stories that surprise, delight, and guide user outcomes
In this detailed tutorial you will learn how to turn 3D models into voxel art with Three.js.
Design handoffs are inefficient and painful. They cause frustration, friction and a lot of back and forth. Can we avoid them altogether? Of course we can! Let’s see how to do just that.
In a gripping UX challenge organized by Youtuber and UX designer vaexperience, participants were tasked with improving the touchscreen interactions for the 2018 Tesla Model S. The stakes were high, as the challenge centered around one specific case involving a user named Kevin.
All new Saarthi design language system (DLS) to create a simple, smooth, and amazing experience.
As ProductHunt is a site that I visit daily, I decided to create this little utility to be able to have moments without AI and to be able to keep discovering incredible products that are appearing and that are not related to AI.
Data empowers designers. It gives them the key to design accurately, and nobody should be afraid or shy away from it. Being able to access the right data and use it correctly will change the way designers do things for the better.
Microsoft’s Notion clone has a few smart ideas and plenty of quirks.
Anyone who has remotely worked in the digital product landscape must have heard some version of the phrase “design for stupid users.” On calls, in meetings and in our daily conversations — the idea of simplicity is propagated using dumbed-down phrases like these. But what does it mean to design for ‘dumb’ users and is it worth following this flavour of product design?
AI won’t replace designers, but designers who use AI will replace those who don’t.
While some users may try to hide that an image was generated using AI, others are honest and indicate the real source of their image. Sometimes the purpose of using AI image generators is to demonstrate the tool’s performance, in which case it is necessary to indicate on which software the image was produced.
I feel like Google’s search result quality has been steadily declining since at least five years, and from what I’m reading both on HN and on other platforms, people feel the same.
OpenAI’s plugins could represent the second major phase in the rise of AI chatbots.
A few derisive reactions to the new design shouldn’t have surprised anyone, but they might not have expected quite so many memes.
This announcement will send shivers down the spine of giants like Google, who have just released Bard to US and UK users. In fact, I don’t think anyone expected OpenAI to do this so soon, which might also indicate that they had been working on adding Plugins support for quite some time already.
Turning bar charts into progress bars
The new Weâ¤ï¸NYC logo shocked the internet, is the reaction just a sign of the times? Does the new logo better represent New York and its people? Do people dislike it because it’s an unexpected change, or because it actually isn’t a good design?
The new Spotify user interface is here. But is it a transformative or incremental change to the Spotify experience?
Decimal is a sharp website with a brutalist intro and visually stunning hover effects in their Works section, making it our inspirational website of the week.
We chat with Balson and Okorn about working together as a couple, their love of design, and the many wonderful sources of inspiration that have impacted their careers.
In reality, users are not lazy — they are efficient. In this post, we’ll explore why this is the case and why it matters in UX design.
Everything you need to create stunning visuals for your products – in seconds! Teleport your products to professional-grade AI-generated backgrounds. Get 1000s of customizable templates with an intuitive editor. Stand out and sell more on the internet.
In today’s Canva Create presentation, the platform will unveil a ton of new branding features and AI tools showing that it aims to become nothing less than a one-stop shop for brand managers and creative teams, covering almost every communicational need…
Developers will now be able to rely on GitHub Copilot Chat, a chat interface that allows them to take advantage of GPT-4’s advanced technology.
Sometimes a design trend can start from an unlikely source. Blockchain, a technology designed for secure information transfer, has impacted the online community.
Many teams envision creating a design system as a difficult, time-consuming project. It forces team members to audit their user interface, create a repository of design system elements and design guidelines and combine it in a way it’s usable for the entire organization
A good product strategy aligns team efforts, cuts costs, and encourages long-lasting conflict resolution. Three Toptal product design experts discuss how product strategies get derailed and what designers can do to help get things back on track.
The browser maker also plans to develop its own GPT-based browser AI engine.
GitHub is announcing its Copilot X initiative today, an extension of its work on its popular Copilot code completion tool, which originally launched into preview all the way back in 2021.
Microsoft’s Notion competitor has futuristic Lego-like Office documents and its AI-powered Copilot assistant.
As an economic downturn looms, companies are cutting back on CX design teams. That’s exactly the wrong move.
What does a letter feel like? It’s impossible not to ask this question when experiencing the typographic works of UK-based animator, creative director, and 3D artist Thomas Burden. He creates and explores lively worlds of words and letters with textures that look realistic enough to touch.
Cats, dogs, parrots and more; the artist’s work shows the awe-inspiring physicality of animals.
Check the creative story of brand identity and UX design for NibbleHealth, a healthcare operating system, effectively eliminating financial barriers to great care.
Learn how to code a vibrant Cyberpunk scene using Three.js, complete with post-processing and dynamic lighting, no shader expertise needed!
Create an account or login in to your existing account. Then, select a piece of art from the wide range of Coca-Cola imagery in our gallery.
If you are close or are finishing up your design after a series of iterations, then you are probably anticipating the next step—the design handoff. There are many ways to unsuccessfully pass along your designs to the development team.
Inclusive design is the practice of “intentionally including the needs of users who likely experience exclusion in many aspects of their daily lives due to being part of an oppressed group or a statistical minority.”
Empty states are a pause, not a dead end. Whether a user stumbles across an empty state due to first-use, accomplishment, or error, your product needs to guide them to the next logical step.
We’re starting to open access to Bard, an early experiment that lets you collaborate with generative AI. We’re beginning with the U.S. and the U.K., and will expand to more countries and languages over time.
Founders unveils a new city-wide campaign with 30 uniquely New York symbols – the first city to be represented with its own set of official emojis.
A curated list and review of my favorites
In this tutorial, we’re going to dive deep into Git merge, its benefits, potential risks, and best practices for using it in a team environment.
Adobe says the system is only trained on content that’s licensed or out of copyright — not work from artists across the internet.
This logo design trend may have some downsides for branding, it turns out. New research warns that “debranding” – stripping away elements that made the brand unique and recognisable – may be turning brands into ‘blands’.
Explore the collection of 120+ basic SVG shapes for your upcoming project. Simply click on a shape to copy its SVG code to your clipboard.
In this article, I will share my top 7 podcasts for Designers and one essential takeaway from each that has helped me.
Just a few beautiful, well-crafted fonts for headings and body text that you probably haven’t spotted before. Free for personal and commercial use. Enjoy!
Use these AI image, video, and sound generators to easily create content—including pitches, podcasts, and music.
The right font choice for titles and headlines can significantly impact the visual appeal and effectiveness of your design work.
The ultimate guide to integrating AI into your design thinking process
A senior UX researcher shares concrete tips for activating findings as a team, plus templates and resources to get you started.
I want to scan everything I own with the Lumafield Neptune.
One reason for the trend towards overcomplication in UX design and software is the pressure to constantly innovate and add new features. In an effort to stay competitive and keep up with changing user needs and expectations, designers may add more and more features to their products, leading to a cluttered and confusing user interface.
UX keeps learning and working with AI tools to recognize any opportunity.
A design pattern is a document that describes a common solution to a recurring design problem…
Monospace has added typeface families from the Milieu Grotesque and Paulo Goode type catalogues to its library of typefaces, and very nice additions they are too…
It seems there is an exodus on the product market: product managers, product designers, data scientists, user researchers were let go en masse. As of this writing, there are more than 250.000 people let go from these roles, including Head Of User Research and similar positions of the biggest players.
Getting a job in UX design is tough, but one particular case study helped me stand out from the crowd. I designed a non-traditional learning app that teaches the Korean language using Korean media such as K-pop, K-drama, and K-webtoon with an emphasis on building a habit.
I have a lot of nostalgia for the era of blogging that I grew up with during the first decade or so of the 2000s.
Lightship is an exceptional website that has been carefully crafted to create a cohesive and visually appealing user experience. Our pick this week.
On Thursday, Microsoft Corp. announced it is bringing the power of next-generation AI to its workplace productivity tools with Microsoft 365 Copilot.
In this three-part series, we’ll focus on the unique challenges (and opportunities!) people managers face today, and provide tips and tricks on how to solve them. For this installment, we’ll look at some simple tactics and tools to organize and motivate teams.
Ready to level up your typography game? We’ve got your back with our ultimate guide to font tools that’ll help you select the perfect fonts and pair them harmoniously.
A collection of creative code experiments from the past couple of weeks.
Angular and React are two of the most popular JavaScript tools for frontend development. They’re both powerful, well-supported, and actively developed by their respective communities.
Perhaps more than any other person in history, Leonardo da Vinci showed the kind of magic that can happen in the overlap between art and science, where much of web development lives. His methods and outlooks are just as applicable to the web today as they were in Renaissance Italy.
Now, with the advent of GPT-4, the just-released multi-modal product from Open AI, the promise is even better results using both text and images, and eventually, audio and video.
Thoughts on possible interaction scenarios of the future
Get 10% off any campaigns on Prodvigate with code FF97BDFDEF. Official Google Partner. Trusted by over 14k YouTube creators and agencies. Start your campaign today!
Inspired by the function and flair of cinema’s eclectic typographic history, British type foundry Frost’s grotesk sans serif Calhern takes typographic range to new heights; offering all the variety one might need in a single collection.
We’ve created GPT-4, the latest milestone in OpenAI’s effort in scaling up deep learning. GPT-4 is a large multimodal model (accepting image and text inputs, emitting text outputs) that, while less capable than humans in many real-world scenarios, exhibits human-level performance on various professional and academic benchmarks.
This page collects all the familiar navigation patterns for structuring iOS apps, like drill-downs, modals, pyramids, sequences, and more! Think of it as an unofficial bonus chapter for Apple’s Human Interface Guidelines, written by someone who cares deeply about well-crafted user interfaces.
While modals can be useful for certain tasks, they also have some disadvantages. One of the main drawbacks is that they can interrupt the user’s workflow and cause them to lose their place in the application.
This shift towards financialization is evident in many industries, from tech startups to established corporations, and has significant implications for designers who work in these businesses.
Shantell Sans mixes variable axes for Weight, Italic, Informality, and Bounce to deliver a wide array of font styles, from friendly, readable, everyday typographic workhorses to striking, high-energy, experimental styles meant especially for animation.
McDonald’s has a history of distorted ad campaigns – the latest from No Fixed Address shows the brand is not done with the technique just yet.
You know what’s important with type? That you can read it! And not only you, as many people as possible. This is the idea behind accessibility and having a minimum color contrast. But this also goes for UI components… which was news for me.
Then, I realise that the conversation has been quite one-sided so I try to change that and say “okay, do you have any questions for me?” You reply with a short “no, I’m good.”
Customer data has become something of a currency, with many users consenting to this unknowingly or without concern, whilst others are a little more sceptical. But generally, people are much more likely to share their data if there is a clear exchange of value.
Product-led is currently the shiniest of companies’ growth strategies. And for a good reason (among others): it is shaking up the old dusty B2B world!
To keep the list manageable, we’ve limited it to just ten typefaces. There were many more great releases on ILT throughout 2022, that aren’t on this list, but rest assured, we’ll remind you about those in the coming weeks and months.
Some inspiration for clip-path animations where a fullscreen image moves into a row/grid of smaller images, morphing its shape along the way.
Include is a Figma plugin that helps designers build more accessible digital tools from the start.
We’re bringing the power of generative AI to developers and businesses through Google Cloud and MakerSuite. And we’re introducing new AI-powered features in Google Workspace.
How language brings logic to a subjective topic
The website user interface & user experience are crucial in attracting and retaining customers. But does UI really matter?
Munari, almost for whole his life has balanced between art and design worlds. Are they really two separate beings? Can valuable design also be attractive? How not to lose yourself completely in the world of design?
Stark’s easy-to-use browser extension gives designers and web developers the tools they need to design an accessible website.
Progressive disclosure is one of the ways of reducing UI complexity and it may come in handy whenever designers want to make products less overwhelming for the end-user.
You may have noticed a lot of pixelation on the web lately. And it is by design.
In this article, we’ll explore 23+ powerful CSS tools that will take your web development game to the next level in 2023 — for free!
Learn about the history, significance, and design elements of this crucially important artform.
When social media swings between a force for good and bad
See a curated gallery of various desk setups, featuring our personal favourites.
A growing, public, collaborative collection of type design resources. Everything from learning the basics to running your own foundry.
Résumés are becoming increasingly ineffective in today’s rapidly changing job market.
Our today’s article provides some handy insights and design practices for making internal search intuitive and easy to use.
Since, seemingly, the beginning of the time, pretty much every startup founder has adhered to an enduring cliche of product development: waiting to build their new mobile or web app after all the mockups are ready. Bottom line: this is wrong.
Supporting Women’s History Month, I celebrate these 4 women whose work made a massive impact on me and the world by redirecting design thinking to be more planet-friendly and socially just
Microsoft’s new design tool emphasises generative AI. How good is its UI?
An AI scientist has shared what they claim to be a “huge upgrade” for font design. Word-As-Image is an AI-powered Stable Diffusion tool designed to present a visualisation of the meaning of the word, while also preserving its readability.
For the last decade, Matt Needle has redesigned the poster for every Best Picture Academy Awards nominee, transforming them from big budget bores to works of art.
This week’s pick is an impressive all-rounder: beautiful scroll animations, smooth page transitions and engaging details.
Why learning typography is key & what my favorite resources are…/
Even a small amount of user research can save so much time. Instead of telling you once again what the best practice is and adding to your imposter syndrome, let’s concentrate on some practical approaches to user research that we might be able to fit into our existing projects without being left disillusioned.
Spotify has gone through updates and iterations throughout the years, but today, during Stream On, they unveiled our biggest evolution yet…
Using neuroscience, Adobe created blue, green, and orange office ‘nodes’ all with very specific purposes.
Over the past year we’ve been working on a new technology that greatly unlocks a new world of potential on the canvas.
hile not yet mainstream, static site generators are gaining traction due to their improved speed, heightened security, and possibilities for scalability.
I can’t count the times I realised that this is actually not true. For years, I left meetings disappointed. Or maybe confused. Why are the people I work with slowing me down? Isn’t user satisfaction the reason why we build our product in the first place?
The purpose of this report is to look at real-world data to better understand the relationship between framework choice, performance, and actual user experience on the web.
The targeted ad initiative was initially launched as “content targeting advertising” 20 years ago this month. The internet was never the same.
In this article, we’ll break down the panel design pattern and talk about some best practices and common mistakes to avoid when using side panels in your designs.
Privacy-focused search engine DuckDuckGo has followed Microsoft and Google to become the latest veteran search player to dip its beak in the generative AI trend — announcing the launch today in beta of an AI-powered summarization feature, called DuckAssist, which can directly answer straightforward search queries for users.
Consider popular use-case scenarios where AI tools can make a web developer’s workflow more productive and enjoyable.
No-code tools are not meant to replace developers; they were created to empower non-technical founders to bring their ideas to life.
Launched in December, it’s already more versatile than Google Docs, Word and other traditional writing tools.
The Directory of Non-Profit Websites
Very few designers devote as much time to the presentation as it takes to get the team or the client excited about their ideas. So I put together the recommendations that help me make quality presentations.
With spring cleaning trends on our minds, we’ve refreshed the Search Trends site, making it easier to explore what’s trending around you and across the world.
It’s not just about being short and to the point.
There are many programming languages in use today (over 700), each with its own syntax and structure.
Do you sometimes feel that all websites look the same? In this post, we compiled web design showcases that prove differently. They highlight some of the finest web designs, well-crafted experiences, and delightful interactions from across the web. Inspiration is guaranteed.
This month’s edition of Exciting New Tools for Designers and Developers focuses on getting work done smarter.
Creating smooth transitions on the web is a complex task. The View Transitions API is here to make the creation of polished transitions simpler by snapshotting views and allowing the DOM to change without any overlap between states.
Learn why this is a huge red flag and how to avoid it.
Are you fighting for design? Or are you fighting for your designs?
From having never touched letters to rapidly becoming an expert typographer, the Japanese designer’s journey is a lesson in perseverance.
Micosoft’s first toolkit reshaped the field of inclusive design. In this new version, the company wants to inspire designers to see beyond physical and sensory disabilities.
Exploring solutions and challenges for the controversial debate about AI art
Educator and designer Mitch Goldstein on banning grades, soft critiques, and design as a process.
In this post, we’ll look at the top 8 free avatar tools for creating personalised avatars!
Visually pleasing designs use consistent type styles and spacing, create a visual hierarchy, and utilize an underlying grid structure.
Maximizing Productivity with Figma Plugins and ChatGPT for creating Design System Documentation
As the brand partially moves production to Slovakia, it will no longer be able to use its logo – in use since 1970 – under “Swissness” legislation.
If you’re a designer looking to expand your reach and connect with a larger audience, you may be wondering if it’s possible to make money from your writing skills. A good approach to doing this is by publishing articles on Medium.
In this article, we’ll explore the best AI productivity tools available today. We’ll cover their features, benefits, and use cases, so you can make an informed decision about which tool is right for you.
Products are built by people for people. To do it right, UX designers must have a genuine interest in human psychology – to understand the emotions and motivations behind users’ actions.
Use AI Prompts to help with coding, marketing, research, product management, and much more.
Your branding may be polished with a few clicks and swipes using online graphic design tools like Canva and Adobe. But what if you could create a professionally designed artwork from a blank canvas with just a few words?
Forget your title, this is about how to work cross-functionally and make an impact. “UX design” was a necessary variation, but now it boxes us in. You can practice the same skills but reformat your communications.
On ecommerce apps, livestream helps answer user questions in real time. On social-networking apps, it encourages shopping as a new way of entertainment.
No-Code Ninja: 780+ no-code tools for startups. Marketing, design, finance and more. Easy-to-use interface and organized categories. Try free version with 110+ tools or upgrade to pro for 380+.
Ironhack challenged us to create a Wellness app to understand people’s relationship with mental, physical and emotional wellbeing and develop a tool to drive them to action.
No physical or visual interaction needed
How minimum choices enhance users’ peace of mind.
This week, our pick for the inspirational website of the week goes to ContraBureau. It has an exceptional design with a killer introduction and sharp typography that truly sets it apart.
The content will come from humans, but the ‘conversation starters’ are powered by computers.
Landing your first design job is no different! You may even feel more sentimental about your first design job. While your first job may have been mainly motivated by financial gain (nothing beats those hard-earned babysitting bucks), your first design job was likely more intrinsically valuable.
What makes a text nice to read? To know more about this, it is important to take a closer look at how people are reading. Additionally, it may be the case that someone is impaired, physically or mentally, to read a text. How does it work?
UX metrics such as page speed and mobile friendliness have become primary ranking factors for Google. Therefore, it’s crucial to consider user experience in terms of SEO because search engines rank websites based on how users interact with them.
There’s a common theme in this month’s collection of website design trends – typography. All three of these trends showcase popular type elements that seem to be exploding in popularity.
The campaign celebrates a diversity of dating possibilities, as well as genders, orientations and multiculturalism, all produced with a diverse cast and crew that “reflects the fluid and inclusive attitude that is so inherent to Tinder.”
In this article, we’ll explore several use cases for individuals and businesses to take advantage of a new trend in AI: no-code tools.
In this article, we will explore some of the most popular build tools for front-end developers and discuss their key features and benefits.
Overall, designers have a unique opportunity to promote sustainability through their work.
List of my favourite ChatGPT prompts that will greatly enhance your efficiency as a product designer.
The rise of AI-generated art makes design practitioners wonder if AI will replace designers. In this article, Nick and Gleb shed light on the current state of design, answer common questions designers have about AI tools, and share practical tips on how designers can make the most of using AI tools.
Some publications are already using text and image generators. Here’s how WIRED will—and won’t—use the technology.
What sucks the most counts the most
‘Creative’ mode is supposed to bring back some of that opinionated Bing AI flair, but Microsoft has maintained strong restrictions on responses.
Reactions to the color pink have tended to be divided and contradictory. Pink provokes exceptionally strong feelings of both attraction and repulsion. Indeed, it has been called the most divisive of colors…
Ah, feedback. It’s the source of most graphic design memes, and dreaded by every artist at every level. Which probably explains why Design Twitter is currently going wild for an image depicting notes on a famous Milton Glaser artwork.
Creating a Color Scheme with the 2023 Pantone Color of the Year and its Complement
Here, we chat with folks across the industry on how plugins, widgets, and tooling are changing the landscape, and what they hope for the future.
Wise, the money management and transfer service has announced a complete redesign.
An open letter to those joining the industry wearing rose-coloured glasses
The rise of industrialization and automation has led to a shift from traditional craft skills to more assembly-based work. With the development of AI, we are seeing the possibility of even more automation in design.
How Stable Diffusion can inspire creators, and how we can design its UX?
Digital product design can be perilous—but we can gain valuable design wisdom by looking beyond our discipline.
Some ideas for hover effects using clip-path animations where the same image gets revealed in a creative way.
We’ve put together 15 ReactJS websites and web apps to demonstrate what’s possible with this versatile framework. We also showcase tools product developers use to achieve specific outcomes or optimize ReactJS website performance.
Hipgnosis designed the famous Pink Floyd album cover in 1973. Fifty years on, Pentagram is reimagining it.
Matthew Gilbert, a talented artist, has created a stunning set of 3D illustrations that showcase the versatility and beauty of this art form