Web Developer Tools & Resources
So this conversation is a deep dive into what it looks like for designers to approach their work with an engineering mindset. We talk about Julius’s deep background in prototyping, how he collaborates with designers at Linear. And we also get into why the current state of design engineering is a missed opportunity. If you’re looking to grow as a software designer then you’ll love this episode.
Even though it’s often overlooked or pushed aside, especially when time or budget is tight, user research is incredibly important for any product team. It helps you stop guessing, set aside your own biases, and actually get real insights into who your users are and what they need.
The world’s biggest online ferry booking site needed to add more personality, without impacting its sales.
With a single prompt, generate your entire AI workforce — agents, projects, and automations, fully wired up and ready to execute.
Balkan Bros Agency’s success is a story of long-term relationships, trust, and creative innovation. From a strong start with Progressive Insurance in 2016, the agency’s growth has been propelled by a steady stream of collaborations that have evolved. Ongoing work with Progressive helped shape internal tools and led to an impactful partnership when Progressive’s design lead transitioned to AWS. This exciting connection began a new chapter for Balkan Bros, as they...
Data, data, data… Any growth designer who’s ever been part of the A/B testing process (the continuous testing of design and content variations to learn what resonates with customers) is aware of how important it is. While data is at the core of every A/B test, growth teams can be so heavily focused on numbers and metrics that they lose sight of what these tests can reveal about customer needs...
UX designers work on a wide range of products, from websites and simple mobile apps to advanced and complex systems. It’s often with these systems that the biggest challenges appear: making sure the product is as simple and intuitive as possible for users, and that its content is well thought out and meets their needs.
The building blocks of feedback loops are learn, design, build – in that order. It’s Design’s job to create these loops, because no one else will do it for you.
The world of UX design is constantly evolving, and you deserve the tools to create truly engaging and impactful experiences. That’s why Material Design’s latest evolution — Material 3 Expressive — provides new ways to make your product more engaging, easy to use, and desirable. Read on for a full introduction to the new components, motion physics, color updates, and more.
Brazilian Portuguese becomes the fourth language for localization, with Latin American Spanish expected later this year.
Interaction to Next Paint is Google’s interactivity metric, included in its search engine algorithm. This post discusses its methodology, three key phases, and passing and failing thresholds, and then shows eight best practices that can help you optimize it on your website.
A behind-the-scenes look at building a physics-based character controller using AI, React Three Fiber, Three.js, and Rapier.
In today’s digital landscape, video content reigns supreme. Whether for compelling marketing campaigns, preserving cherished personal memories, or delivering impactful presentations, video slideshows offer a dynamic and versatile format. Adobe After Effects stands as a powerhouse for creating professional-grade motion graphics and video edits. However, the very power that makes After Effects so capable can also present a steep learning curve, appearing as an “intimidating program” to newcomers. Furthermore, investing in premium templates or...
Hello! I recently took some time off to see family and friends in the UK so I’m writing to you as a one-off on a Tuesday. I’m back in NYC now and have an exciting roster of newsletters to share over the coming weeks ð¦
Figma makes it easy to collaborate on design projects, but without a solid structure, even the best-designed files can become a mess.
Let’s create an infinite text scroll for any webpage with HTML, CSS and JavaScript—perfect for banners at the top of the page, or even to the side.
What’s the difference between data, findings, and UX insights? And how do you argue for statistical significance in your UX research? Let’s unpack it. Kindly powered by How To Measure UX and Design Impact, a friendly course on how to show the impact of your incredible UX work on business.
What worked back in the day–or even a few years ago (cough, cough: emojis in email subject lines; random personalization that feels specific but isn’t), no longer captures attention. In fact, there are some common reasons why your emails might end up in the SPAM folder (or be left unread forever).
At Config 2025, we were in our feelings about AI—but not in the ways you’d expect. This time around, the buzz was around building connection and care.
At Adobe, we’re constantly working to enhance the creative apps and tools you rely on every day. We want to empower you with more time to explore ideas and create, so we’re focused on continually upgrading your apps’ performance, delivering innovations to your core workflows, and integrating generative AI-powered capabilities across Creative Cloud and through our new Firefly app that make you more productive.
Learn the core concepts of recursion, optimize your functions, and solve real-world problems with elegant code.
Artificial Intelligence (AI) is no longer just a buzzword in the marketing world. It has become a practical tool that helps businesses make sense of large amounts of data, run smarter campaigns, and understand their customers better than ever before. For companies looking to stay ahead, using AI in marketing is now a necessity, not an option.
Scalability isn’t just a buzzword – it’s crucial for any application’s survival. It’s your application’s ability to handle more users, data, or features without performance degradation. A scalable app adapts, allowing you to focus on new features, not fixing performance issues.
Creating CSS Shapes is a classic and one of my favorite exercise. Indeed, I have one of the biggest collections of CSS Shapes from where you can easily copy the code of any shape. I also wrote an extensive guide on how to create them: The Modern Guide For Making CSS Shapes.
At Google I/O 2025 the What’s new in web keynote shared all of the Baseline announcements, along with a look at just some of the features that have become part of Baseline this year. It’s been an amazing year for the web, and for Baseline, this post is a roundup of everything that was mentioned, with all the links to find out more.
I don’t need to tell you that generative AI can be useful for ideation, writing, or communication — you probably already know and believe that. In speaking with hundreds of UX practitioners about their uses of AI, it’s clear that many see it as a companion in their work. But what happens when we bring AI into group settings? Does it enhance or diminish the collaborative advantage? The results of a recent...
Brad Frost is a leading expert in the field of design systems, best known for his Atomic Design methodology. His work has profoundly shaped how organisations approach building scalable, consistent, and flexible design systems across brands and platforms.
When you get the desired position, the dream place, a job at a company you admired and secretly dreamed of being a part of and changing the world, you are hired because of you as a person.
That’s why we built the AI-Powered Finance & Investment UI Kit: A ready-to-use, beautifully structured UI kit designed to help startups, creators, and innovators build the finance apps of tomorrow — today.
Deploying a WordPress website can seem intimidating for junior developers, but with the right guidance, it becomes a straightforward process. In this comprehensive guide, we’ll walk through each step of deploying a WordPress application on a Netcup Virtual Private Server (VPS) using DeployHQ, breaking down complex tasks into manageable actions.
CSS offers various tools for font management, including utilities like font-sans and font-mono. These simplify font family specification and can be customized using CSS variables, such as --font-display. Theme variables help maintain design consistency while allowing for adjustments.
Stuck staring at a blank Figma canvas? Feeling like your UI solutions are becoming… predictable? If you’re a UI designer, you know that generating fresh, innovative ideas is crucial, but sometimes the creative well runs dry. After 18 years in the UI/UX design industry, I’ve seen countless designers struggle with effective brainstorming. It’s often seen as chaotic or unproductive, but when done right, it’s the engine that drives truly user-centered and groundbreaking...
What does it take to master craft? Patience, precision, and a willingness to push boundaries.
This tool will convert an SVG shape created with <path d="..."> into a CSS Shape. You will get a responsive code made with the new shape() function of clip-path.
In London and Los Angeles, Rob Alderson speaks with Teo Connor about Airbnb’s new direction, her career, and the enduring influence of the Girl Guides.
In my experience, most UX teams find themselves primarily implementing other people’s ideas rather than leading the conversation about user experience. This happens because stakeholders and decision-makers often lack a deep understanding of UX’s capabilities and potential. Without a clear UX strategy framework, professionals get relegated to a purely tactical role — wireframing and testing solutions conceived by others.
The article explores the fundamental shift in UX as AI-first systems minimize the role of UI, rendering traditional design tools like Figma increasingly obsolete.
More than just a nice-to-have feature to avoid legal trouble, accessibility is a must-have. An inaccessible website can easily cost you your brand’s credibility and the audience’s trust.
AI-generated imagery has become an essential part of the modern product designer’s toolkit — powering everything from early-stage ideation to polished design assets. Stable Diffusion is one of the most popular and flexible platforms for creatives that enables designers to generate a wide range of imagery with ease. However, with growing competition in this space, new services are offering better outputs tailored specifically for design teams. I want to explore...
If you’ve worked in digital design over the last few years, you’ve likely spent considerable time researching or/and designing cookie consent banners. These ubiquitous interface elements, born from privacy regulations like GDPR and CCPA, have become a frequent source of UX frustration.
Ever noticed those gray, shimmering boxes that appear while a webpage loads? Those are skeleton loaders—âa powerful UX technique that makes waiting feel faster.
These templates allow you to create a professional hero photo by combining various static elements, such as backgrounds, objects, and text, to make any photorealistic design presentation your project requires. And doing all of this in Photoshop couldn’t be easier.
Remember that last team brainstorming session where you were supposed to generate a long list of brilliant ideas? How many of those ideas actually stuck? Did leadership act on any of those ideas? In this article, Eric Olive challenges the value of exercises like brainstorming and explores more effective methods for sparking creativity to improve design and enhance the user’s experience.
Meta’s Chief Technology Officer on consciousness, questioning design paradigms, and building for the future.
Themes can be free or premium, and some developers even choose to create a custom WordPress theme for your site to match the unique branding and functionality of a business. Custom themes offer flexibility and allow developers to integrate features that might not be available in pre-built options.
Artificial Intelligence (AI) is making significant progress in healthcare, changing the way medical professionals diagnose diseases, plan treatments, and deliver patient care. As AI technologies mature, they are helping healthcare providers and businesses address long-standing challenges, improve efficiency, and offer better outcomes for patients. This blog explores how AI is influencing healthcare, with a focus on diagnosis, treatment, and patient care excellence. It also highlights practical applications and benefits for...
The Duolingo CEO recently compared the AI shift to the mobile-first revolution.
The way we access the internet has changed dramatically. No longer are desktops the primary access point; mobile devices now dominate, and tablets occupy a significant middle ground. This shift necessitates a fundamental change in how we design websites. A one-size-fits-all, fixed-width design is no longer sufficient. Instead, responsive web design has become essential. This article provides data-driven recommendations for optimal website design widths and breakpoints in 2025, to help...
I had the pleasure of speaking with Vy Alechnavicius on the Experienced Design podcast. We had a great wide-ranging conversation!
So we want to set up a new design system for your product. How do we get it up and running from scratch? Do we start with key stakeholders, UI audits, or naming conventions? And what are some of the critical conversations we need to have early to avoid problems down the line?
Then, you’ll need the services of a software development firm. So, the next obvious question that pops up is – how to choose a software development company?
Artificial Intelligence (AI) is changing every sector day by day, and the business sector is not an exception. Whether you are running a small business or large company, businesses everywhere started to use AI tools to work faster and smarter. With the help of AI, businesses can automate repetitive and boring tasks, protect their data from cyber threats, and improve customer support, and analyze data more efficiently.
Artificial Intelligence (AI) is rapidly reshaping the way businesses operate, make decisions, and interact with customers. As AI becomes more integrated into daily business activities, the focus on responsible development and use has never been greater. For organizations and clients seeking AI development services, understanding the evolving world of AI governance and regulation is essential for building trust, minimizing risk, and fostering sustainable growth.
GIGL (Great Ideas, Great Life) bridges this gap by offering concise book summaries — in text and audio — allowing users to grow personally and professionally even with limited time.
AI has transformed how we interact with the web such as how we could handle some browser tasks. From data extraction and form submissions to workflow automation, AI-powered tools can handle these processes easily.
Various members of the team shared their designs for me to review. Here I’ll show you Jamie’s redesign because it shows how good design leads to more problems.
The creative software giant has unveiled a new brand identity developed in collaboration with Mother Design. Read on to find out what’s changed and what designers can learn from it.
Easy to Learn – Lottie Animation & Micro-Interactions.
Dylan Field runs down everything we launched at Config 2025 and explains why pushing design further matters more now than ever.
Most of the work I’ve done over the past few weeks has been focused on print design projects, many of which involved multi-page materials like flyers, brochures, manuals, catalogs and workbooks. In other words, this is the type of work that is best managed using Adobe InDesign. Some of these include multiple sections, each with different page numbering styles. Maybe you’ve been wondering how you add page numbers to your...
Figma Sites just dropped, promising to kill WordPress and dethrone Framer — but under the glossy UI lies a half-baked toy, not a revolution. It might be the future of web design… just not today.
Learn how to make a Lottie animation by preparing your Adobe Illustrator files for animation in After Effects. This tutorial covers organizing layers, optimizing vector graphics, and creating an animated logo.
Logogenie is a powerful online logo generator that helps kickstart your business brand identity designs with professional logos in just a few easy steps.
In the dynamic world of UI design, color is far more than just an aesthetic choice; it’s a fundamental building block of user experience. Moving beyond fleeting trends or purely subjective preferences towards a defined, structured color system can dramatically elevate your designs. This guide, written for experienced UI designers like you, delves deep into crafting a harmonious and highly effective 6-Color UI Palette, primarily leveraging the power of Adobe Color. We’ll...
A hands-on guide to integrating Rive into a React project, blending smooth interactivity with whimsical animation for Chumbi Valley’s Adventures.
UX plays a vital role in shaping the customer journey, from the moment the user lands on the website to completing a transaction. This underscores the need to follow UX best practices, which, when ignored, can lead to missed opportunities.
UX isn’t just about how things look. It’s about how people feel when they interact with what you’ve built. And when something feels off, users can tell.
On mobile, controls are below the game, for PC controls are explained in the pen.
Learn how two designers tackled the challenges of building a localization-ready design system for a global audience. This case study dives into how Rebecca and Mark combined Figma Variables and design tokens to address multilingual design issues, such as text overflow, RTL layouts, and font inconsistencies. They share key lessons learned and the hurdles they faced — including Figma’s limitations — along with the solutions they developed to create dynamic,...
Last week, Figma held their annual user conference Config in San Francisco. Since its inception in 2020, it has become a significant UX conference that covers more than just Figma’s products and community. While I’ve not yet had the privilege of attending in person, I do try to catch the livestreams or videos afterwards.
Artificial Intelligence (AI) is changing how we work, live and make decisions in today’s world. It has progressed quickly, influencing different industries in various areas. Hence, AI tools have become a vital part of our everyday lives, from improving creativity to helping businesses streamline operations. These tools have only gotten better as 2025 approaches, offering…
Clippy lets you run a variety of large language models (LLMs) locally on your computer while sticking with a user interface of the 1990s. It’s a love letter and homage to the late, great Clippy – and the visual design created by Microsoft in that era.
Figma just updated their design tool at Figma Config! Today we are looking at all the amazing features and launches like Figma Make, Figma Sites and more!
Overview: Staying updated with trending GitHub repositories is crucial for CTOs aiming to drive innovation and keep their tech stack competitive. Top repositories often highlight emerging tools, frameworks, and practices that can reshape development workflows and infrastructure strategies. With over 420 million repositories and 150 million developers, GitHub offers vast resources.
Welcome to Fundament, a weekly product design newsletter where we share actionable tips and insightful stories with the worldwide design community.
ChatGPT is an AI tool which is developed by Open AI, to understand and respond in human like language. It helps users with writing, coding, emails and answering questions. It works as a smart, easy to use, saves a lot of time and also reduces human effort. But many other Artificial Intelligence tools are emerging…
Using scroll shadows, especially for mobile devices, is a subtle bit of UX that Chris has covered before (indeed, it’s one of his all-time favorite CSS tricks), by layering background gradients with different attachments, we can get shadows that are covered up when you’ve scrolled to the limits of the element.
WCAG is evolving. Since 1999, the Web Content Accessibility Guidelines have defined accessibility in binary terms: either a success criterion is met or not. But real user experience is rarely that simple. WCAG 3.0 rethinks the model — prioritizing usability over compliance and shifting the focus toward the quality of access rather than the mere presence of features. Could this be the start of a new era in accessibility?
Over five years ago, I transitioned from architecture to UX design. At the time, the internet was full of think pieces drawing parallels between the two disciplines: how both are about designing systems for people, how architects shape physical spaces while UX designers shape digital ones. I agreed with all of itâ—âand I still do. The conversation largely focused on what UX can borrow from architecture: structure, planning, conceptual thinking.
Custom fields are among WordPress’s most powerful features. They allow us to customize the front and back end of a website, and there are all manner of creative uses for them. Everything from displaying niche content to changing page layouts based on field values is possible.
It’s up to website owners and creators to reduce the internet’s carbon footprint. Here are ten ways to begin making your site more sustainable.
In March, we announced that Dribbble was pivoting from an advertising-supported community to a revenue-sharing marketplace. This business model transformation began last September, when we introduced basic transactional features, allowing clients to request work and make payments, and designers to deliver work and receive payouts.
We take the temperature of the agency world as studio heads share their experiences of 2025 so far, good and bad.
This topic is especially close to my heart. Over the years, I’ve run close to 100 workshops, coached designers through dozens more, and even created some of my own formats along the way. It’s safe to say I’ve learned a lot about what makes a workshop truly effective (and what doesn’t) — and I’m excited to share some of that with you.
Ships and vehicles are a fascinating area of concept art because they can communicate so much about the world where a game or movie is set. Sometimes vehicle designs can feel cold or uninspired, but I have some favourite techniques for ensuring designs have character and really bring a world to life.
In this article we’ll look at 12 things you can do on your website to make it load faster. But first, let’s take a look at what website performance is all about and how it’s measured.
Superhuman is the most secretive and hyped email experience right now.
For years, our industry has debated (and sometimes derided) the concept of the “UX unicorn,” that mythical professional who can do it all: qualitative research, quantitative research, design, content strategy, and more. Over the past decade, we’ve concluded that specialization is more practical, especially as larger design organizations and focused roles became the norm. As AI reshapes our field, we’re seeing an interesting shift: the return of the generalist.
A great poster does more than just look good—it grabs attention, communicates a message, and leaves a lasting impression.
In the fast-paced world of design, development, and marketing, a polished presentation can make all the difference. Whether you’re pitching a client, showcasing a portfolio, or sharing project updates, your slides need to look sharp and professional. But crafting a stunning presentation from scratch takes valuable time – time you could be spending on your actual work. That’s where free Google Slides templates come in. Finding high-quality, visually appealing, and actually free options, however, can...
You install a page builder only to find out it doesn’t do half the things you need. So you pile on plugins to fill the gaps, and they end up conflicting with one another.
Think about your past projects. Did they finish on time and on budget? Did they end up getting delivered without cutting corners? Did they get disrupted along the way with a changed scope, conflicted interests, unexpected delays, and surprising blockers?
Artificial Intelligence (AI) is no longer just a buzzword-it’s a practical tool that businesses are using to solve real-world problems, automate tasks, and gain a competitive edge. However, for many business leaders and stakeholders, one of the first questions that comes up is: How long does it actually take to build an AI solution?
In today’s business world, artificial intelligence (AI) is no longer a futuristic concept- it’s a practical tool that helps companies work smarter, make better decisions, and stay competitive. For enterprises seeking to stay ahead, partnering with an experienced AI Development Company can be the key to unlocking the full potential of AI-driven digital transformation. Whether you’re looking to automate processes, gain deeper insights from your data, or create new products...
Any one, or any organisation, can put together a dashboard. However a useful dashboards is a different story altogether. The most impressive dashboard examples of 2025 share key characteristics that make them stand out from the market. They present complex information through clean, intuitive interfaces that guide users naturally to the insights they need, fast. They do this by:
Welcome to another edition of our Weekly JavaScript Roundup. As we move deeper into spring 2025, the JavaScript ecosystem continues to evolve at a remarkable pace. This week brings us exciting new library releases, performance optimization techniques, and innovative approaches to building modern web applications.
Walk around in the average parking lot, and you’ll find yourself in a sea of black, white, and silver vehicles. Watch Netflix at home or catch a film in the theaters, and you’ll get the same washed-out color grade on either screen. Glance at the logos of the world’s largest companies, and you’ll notice a shrinking palette.
For decades, interfaces have guided users along predefined roads. Think files and folders, buttons and menus, screens and flows. These familiar structures organize information and provide the comfort of knowing where you are and what’s possible.
I’ve tried my best to make sure that this site works great (or at least reasonably well) even without JavaScript, but when JavaScript isn’t available, it can be a little clunky to hide things that do require it. With a mere 7 lines (or a one-liner if you’re nasty), you can easily hide elements that require JavaScript so that you don’t end up with broken functionality visible to users who...
Want to learn Figma but not sure where to start? Meet our Product Education team—your guides, cheerleaders, and fellow learners helping you discover the joy of creating.
Are you also getting lost in all the files, deliverables, shared docs, PDFs, and reports related to your UX work? What about decisions scattered everywhere between email, Slack conversations, Dropbox folders, SharePoint, Notion, and Figma?
The cursor CSS property affects user experience as they interact with webpage elements. It signals possible actions through visual cues. By adjusting cursor type, developers can indicate if an element is clickable, selectable, or interactive.
Clear navigation is key to a great charity website. In this post, we’ll share five easy steps to simplify a cluttered menu.
If you are overwhelmed with dozens of UI frameworks and libraries available, you are not alone as a developer. With so many UI Frameworks for Nextjs each claiming to be the best it’s tough to decide which one truly fits your project.
I mean, anything like “How to Build a Mobile app”? or even “How to Bake a Cake”, you will be bombarded with “Gen AI” results!