Web Developer Tools & Resources
In his Three Conversations in Design presentation at Convey UX Andrew Hogan shared trends in user experience jobs, scaling, and the impact of AI on designers. Here are my notes from his talk:
Designers are the right innovators for defining hybrid AI experiences, blending proactive and reactive intelligence
From how designers, developers, and their colleagues in marketing come together to how businesses can deliver better digital experiences to their end users, let’s take a look at how design systems offer a solution for website owners’ critical business concerns.
Project Music GenAI Control can generate audio using text prompts and provides editing features to customize the results within the same workflow.
The Internet is very powerful. Despite its ability and usefulness as a tool, recent trends and standards have rendered this globally available and enhancing technology into a space that is unpredictable and frustrating from a user experience.
A strategy for applying new or strict linting rules to existing code without loss of development
I offer a single bit of advice to friends and family when they become new parents: When you start to think that you’ve got everything figured out, everything will change.
It was March 2022 when I sold CSS-Tricks to DigitalOcean. So it’s been just about 2 years now…
The worlds of illustration and variable fonts collide in a new project from creative duo Rob en Robin titled F. C. Variable. In it, the pair explore how users can manipulate exported images to create customisable results.
“This is almost impressively bad.”
A change in Microsoft Word’s default typeface, from Calibri to Aptos, didn’t register for everyone, but fans of typography got excited.
Automattic, which owns Tumblr and WordPress, is in talks with Midjourney and OpenAI to sell data from user posts to train artificial intelligence systems.
Or why you should quit your dead-end job before it’s too late
10 vital tips for designers and entrepreneurs
The rabbit is here to stay, and you can still stream everything for free, too.
Biden administration calls for developers to embrace memory-safe programing languages and move away from those that cause buffer overflows and other memory access vulnerabilities.
Inspired by the new platform Vision Pro, are are interesting changes happening to IOS as well and i think that’s where it’s going.
Dying is easy, comedy is hard. No truer words have been uttered.
Journey through the design process for our new default font
A team led by former Twitter engineers is rethinking how AI can be used to help people process news and information. Particle.news, which entered into private beta over the weekend, is a new startup offering a personalized, “multi-perspective” news reading experience that not only leverages AI to summarize the news, but also aims to do so in a way that fairly compensates authors and publishers — or so is the...
Maybe Apple will fix the System Settings design.
Forget the hype: how are AI tools actually being employed in the creative world right now? For this special report, we spoke to more than 25 creative agencies to find out.
Ever imagined yourself and your loved ones as characters in a whimsical cartoon world? Dive into a realm of joy and transform everyday smiles into animated delight!
We take a closer look at industry legal practices, seeking to grasp how authors and companies endeavor to tilt the scales in their favor and discuss predictions, providing insights into the potential future trajectory of copyright issues in the GenAI field.
We’ve updated our design for more pop and more purpose.
Is it a ship? Is it a compass? In fact, it’s both.
Wait… clowns are humans, right? Right!?
Replit Vice President of Marketing and Design David Hoang talks about how AI is reshaping the future of product design and development, and the role it’s playing in the company’s team and products.
Building an advanced design system for true white-label products with full control over colours, typography and visual styles
We’ve curated a stunning collection of colors to create a user-friendly component-based system for theming and color inspiration, offering a kaleidoscope of creative possibilities…
Create and save your presets for future use or to share with other artists.
Understanding why UX is not enough and three ways to augment your skills
The UXDA team assessed the potential of humanizing financial brands using ChatGPT and Midjourney by creating digital mascots based on the mobile service interface.
The most minimal sites on the web, curated in one place.
Whether you’re aiming for a clean and modern aesthetic or want to inject some personality into your design, the footer is a prime opportunity to showcase your brand’s identity.
Layers is a design community platform built by designers for designers. Share your work, connect with other designers and build your portfolio.
Examining the ethical, psychological, and practical concerns surrounding design challenges, and advocating for a more inclusive, human centered and effective approach to evaluating designers.
Usability heuristics suggest what influences the design of successful board games.
Discover how Microsoft’s switch from Calibri to Aptos as the default font has sparked a wave of reactions, blending nostalgia with modernity in the ever-evolving digital text landscape.
Even some of the world’s biggest brands and most reputable designers make mistakes. Today, we take a look at some of the famously bad design examples to see what you can learn from them.
Do your research before you buy, though.
Be warned: Hackers may take advantage of any confusion around what the login page should look like.
Fontonic lets you easily change the fonts of any website with the fonts downloaded on your device. Changes are saved even after you close the tab. Changes are reflected on every page of the website. Revert back to original fonts anytime
The classic Superman logo is known around the world, but like any brand, Clark Kent’s alter ego has sported several designs over the years. Many are wondering what design he’ll be wearing in James Gunn’s upcoming Superman: Legacy, and some fans think they’ve just discovered the answer.
Your planning master doc can be an effective hub for everyone. A senior UX director breaks down how to create your team’s roadmap.
React simplifies the process of building user interfaces by offering a declarative and component-based approach, leveraging the power of JavaScript, and optimizing performance through features like the virtual DOM.
These deceptive design tactics, intended to manipulate users into actions they may not have intended, pose a significant ethical dilemma in the realm of design. This article delves into the prevalence of dark patterns, the importance of ethical design principles, and serves as a guide for designers committed to creating with integrity.
Putting a name to the typeface that defined the visual identity of the science fiction series and its author, Frank Herbert
For the first time since the 1880s, the product recognized by Guinness World Records for having the world’s oldest branding and packaging is undergoing a major redesign.
From highly curated to more organic UGC — Unsplash+ is home to the new look and feel that will elevate your next project. Capturing the latest trends, and reimagining popular concepts, the Unsplash+ library can help you create work that stands out to clients, coworkers, or customers.
2024 will be the most exciting Config yet, with programming designed to connect a dynamic community of builders to the future of product development.
15 of our favorite Chrome extensions — from color pickers to accessibility checkers — that will boost the efficiency of your design process.
Figma founders never cared about designers; they needed a use case for their real-time web-based app. That’s how it came about.
A brief history of getting content onto the web and why that matters for effective content management system design and implementation.
Whilst the dream for most designers is to start a new project from scratch and have all of the creative licence and control that comes with that, this unfortunately isn’t always the case. Putting aside those fun projects that you may do when starting out (anyone else guilty of designing multiple travel and adventure apps just for fun?), a large proportion of projects will be some form of a redesign...
Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative variable fonts, a handful of revivals, and some excellent options for logo designers. Enjoy!
Joining other reactions on the web to Steve Jobs’ sudden resignation as the CEO of Apple yesterday, Google’s vice president of engineering Vic Gundotra recalled on Google+ a particular Sunday in January 2008 when Apple’s boss asked him to call his home. The reason? The Google logo on the iPhone!
Now let’s have a look at physical buttons in product (or industrial) design and what’s happened to those in recent years. If you are strictly a UI/UX designer in the context of design for screens, you should still read this article. In my view, the importance of the experiences of the physical world should not be underestimated when designing for screens. We use the same brain to make sense of...
Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we melt our brains with 20 of the greatest optical illusions of all time.
10-step guide on how to design information architecture
Artemis 2, the first human moon mission in 50 years, will carry the iconic NASA “worm” logo upon the solid rocket boosters helping to heft the astronauts into space, agency officials stated on Thursday (Feb. 16).
Copilot Pro is a $20 per month subscription that includes AI features in Office apps and better image generation tools.
WordPress has released the beta for the release of version 6.5 for testing. It will be the first major WordPress update of 2024, and many people have done significant work on it.
Gemma is built for responsible AI development from the same research and technology used to create Gemini models.
A code editor for macOS built by the community, include syntax highlighting, code completion, project find and replace, snippets, terminal, task running, debugging, git integration, code review, extensions, and more.
Challenges I faced in Design Systems with Cross-Functional Teams
In this post, you’ll find the ultimate collection of 45 popular and practical plugins for Figma in 2024. Carefully curated, these plugins are poised to enhance your workflow, amplify your creativity, and elevate your Figma experience. Dive into this meticulously crafted selection, designed to serve you best in your collaborative design journey with Figma.
A trio of Google engineers recently came up with a futuristic way to help anyone who stumbles through presentations on video calls. They propose that when algorithms detect a speaker’s pulse racing or “umms” lengthening, a generative AI bot that mimics their voice could simply take over.
Learn how to find and delete unused images in WordPress without having to write code — simply by using the Image Source Control plugin.
Given this rapid commercialization of generative AI technologies, there is an urgent need for guidance on how to design user experiences that foster effective and safe use.
After its sale to Adobe fell through, Figma has doubled down on targeting developers. We spoke to Figma’s CTO about its new Dev Mode.
A beta version of Adobe’s AI Assistant is here to help you navigate large documents more easily.
We asked the community what tools save them the most time and effort, and here’s what they had to say.
Figma has a billion dollars and big plans for expansion as it emerges from the acquisition with its ‘foot on the gas.’
In this tutorial, we’ll look into how to create a highly effective color palette in WordPress that you can reuse anywhere on your site and that works with any type of content you may want to publish. To do so, we’ll use our stellar Blocksy theme, which gives you access to all of its color features in the free version.
For decades, robots.txt governed the behavior of web crawlers. But as unscrupulous AI companies seek out more and more data, the basic social contract of the web is falling apart.
This article describes the impact of disabled buttons on the overall user experience (UX). What are the usability issues related to disabled buttons UX and how can we avoid them?
These seemingly mundane digital dead-ends have evolved into captivating showcases of artistic expression, reflecting the ingenuity and personality of their creators.
Join us as we delve into the enigmatic world of Snapchat, peeling back the layers of its UI to uncover the secrets that have captivated an entire generation. From its intuitive navigation to its addictive features, we’ll examine how Snapchat has mastered the art of user experience, setting new standards for interaction design in the digital age.
This article is for aspiring designers who are still creating a strong introduction to their UX or UI portfolio. You may be struggling with how to summarize who you are and what your skills are on your resume, LinkedIn profile, personal portfolio website or even your social media page.
The new logo has been created by the Government Digital Service (GDS), the Government Communication Service (GCS) and the Royal Household.
Covering current 2024 design trends
Taking screenshots and building the flow from beginning to end provides you with a solid foundation to do your analysis.
In this article, I’ll explain the importance of crafting color-accessible Web sites and explore some practical tips on designing Web sites that are friendly to individuals who have some form of color-deficient vision.
Digital transformation removed the human partnership layer from every product/service. Now we will add it back in — synthetically.
Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great quiz can do wonders for your website. In this guide, we’re going to reveal ten WordPress quiz plugins you need to know about.
We chat with an independent designer and art director at YouTube Music about his inspirations, career trajectory, and the importance of learning from setbacks.
The NFL actually hired an artist.
Designers will turn to type escapism. Typography will be the balm in an increasingly irritated society.
Results from the annual WordPress survey reveals frustration with the Gutenberg site editor and lagging performance
The New York Times’ lawsuit against OpenAI is part of a broader, industry-shaking copyright challenge that could define the future of AI.
A decorative reflection effect where we simulate a reflected page and scroll it along with the content.
So, how can we use this spatial computing opportunity to create the next generation of banking experiences? The UXDA team has spent 1000 hours of work to design its vision of AI-powered spatial banking of the future on the visionOS platform.
So, how can we use this spatial computing opportunity to create the next generation of banking experiences? The UXDA team has spent 1000 hours of work to design its vision of AI-powered spatial banking of the future on the visionOS platform.
Elevating user experience through intelligent content enhancement and personalization.
How learning app Duolingo’s cheeky five-second spot beat the odds in a crowded field.
I’ve rounded up a fantastic collection of AI tools designed to elevate your design game. From crafting icons to refining UI/UX and simplifying documentation, these AI tools are game-changers. Give them a try and see how they can revolutionize your design workflow.
Hello friends, today I’m excited to announce something special: Simple Type Club! A very special calendar-year 2024 subscription which bundles all of our typefaces along with other great perks through December 31, 2024.
The star golfer has also revealed that each time he scores another major, the tiger logo will earn another stripe.
Your typographic soulmate is out there waiting for you. Find them with our quiz!
I am a creative. What I do is alchemy. It is a mystery. I do not so much do it, as let it be done through me.
It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.
As independent type foundry Colophon joins Monotype, I catch up with Colophon’s co-founder Anthony Sheret to chat about the state of the industry.
rom a small bed & breakfast opened in the founder’s rented house, to a billion dollar multi-national hospitality company — one thing that is crucial to their success has been design.
The story is personal, but I hope readers find something they can relate to in their own life stream (I guess that’s the point of blogs)
I am a creative. What I do is alchemy. It is a mystery. I do not so much do it, as let it be done through me.
o boost your chances of success, let’s dive into some strategies and examples to re-engage and retain customers with cart abandonment reminders.
Should we embrace this as inevitable and tell our kids they no longer need to learn to code? There’s strong evidence that AI has already surpassed the ability of human coders, let’s look at three datapoints…
European app makers are seething, comparing Apple to “the Mafia” and piling pressure on lawmakers to act.
Are you ready for the worldwide Creative Cloud price hike?
Summary: Unsure how to design and implement user-interface patterns? Use this collection of links to our content about specific patterns.
When fast onboarding gets in the way of long-term retention.
In reading Joe Dolson’s recent piece on the intersection of AI and accessibility, I absolutely appreciated the skepticism that he has for AI in general as well as for the ways that many have been using it. In fact, I’m very skeptical of AI myself, despite my role at Microsoft as an accessibility innovation strategist who helps run the AI for Accessibility grant program. As with any too
Just another usability and accessibility pro telling authors not to do the thing they continue to do.
At some point in a designer’s career, the age-old question is asked: “Should designers code?” My direct answer for people who design software interfaces is yes.
A new Gmail login display announced that Google will be revamping its look
The logo is the letters “TTPD” linked together and people on X, formerly Twitter, have shared their thoughts on what it looks like. “Is she launching a private-equity firm,” X user @chrisstanton27 wroteand, at the time of writing, it had been viewed more than 2.7 million times and received over 68,000 likes.
Pixel-art.ai: purpose-built to produce pixel-art with pixel-perfect precision. Provide the program with a prompt and it will present a picturesque portrayal, perfectly pixelated. Plus, there’s a provided pixel painter to polish pieces perfectly.
Ideally, aesthetics and functionality would merge seamlessly in digital design, but that isn’t always the case. Here, we discuss when to prioritize one or the other for the optimal user experience.
What could we learn from entry-level students in front-end web development? As seasoned professionals, you might think you’ve seen it all, but the truth is that the newcomers are asking the most intriguing questions and making connections that those of us who have spent years on the front end may have never considered.
When Airbnb announces something new, it’s the result of months of hard work, thinking, and testing.
Unleash your creativity with out-of-this-world web design inspiration from across the web
Apple has released MGIE, a new open-source AI model for image editing based on natural language instructions. As reported by VentureBeast, MGIE was developed in collaboration with researchers from the University of California, Santa Barbara, MGIE leverages multimodal large language models (MLLMs) to understand user commands and perform pixel-level manipulations on images.
An overwhelming number of frameworks and tooling available today gives the impression that web development has gotten perhaps too complex. As a newcomer, it can be frightening to have so many to consider, almost creating a fear of missing out that we see exploited to sell courses and tutorials on the new hot framework that you “cannot work without.”
For typography aficionados everywhere, there are a few banner days throughout the year to look forward to annually. The release of the Monotype Type Trends Report is one such highlight when the experts over at the heralded font foundry unveil the key trends in the typography space they forecast for the upcoming year. And guess what? Today’s the day for 2024!
Redesign of the oldest continuously published magazine in the US, with a focus on a scientific research and ideas.
Bard has been the best way for people to directly experience our most capable models. To reflect the advanced tech at its core, Bard will now simply be called Gemini. It’s available in 40 languages on the web, and is coming to a new Gemini app on Android and on the Google app on iOS.
“It really does feel like the rug got pulled out from underneath you,” said Jason Pearson, who left Figma in 2021 and owns company stock.
Discover new user interface animations and interactive designs in our latest collection.
2024 is well underway and shaping up to be an interesting year. So, to help you keep your focus on working hard and getting stuff done, we’ve collected another bunch of helpful bits and pieces from across the web.
Boutique digital type foundry at the vanguard of contemporary typeface culture and design finalises asset sale today.
Adobe Firefly, the creativity giant’s popular art-generating artificial intelligence, has spread its wings to reach Apple’s new Vision Pro as a standalone app, allowing users to paint vivid images in the room around them at a whim.
The Apple Vision Pro opens up a whole new dimension for type design.
Firefox Monitor is now Mozilla Monitor as the company introduces a new Plus paid subscription.
As you can see, even the checkmark wasn’t always there. But one thing remained constant: checkboxes were square.
The Search is a flexible tool. It can work very differently depending on the context. To understand the topic better, we have outlined a list of principles according to which search can operate.
Whether you’re generating content, solving complex data problems, or creating stunning digital art, the quality of the outcomes you receive is directly influenced by the prompts you provide.
These principles shape not just the visual appeal but also the functionality, accessibility, and emotional impact of a product. As we explore the design philosophies of tech giants like Google, Apple, Airbnb, Facebook, and Medium, we begin by understanding the range and nature of good design principles.
Due to some technical issues, our site will undergo some maintenance. Posting of new content will be paused for the time being and resume February 7th. Thank you for your continued support and patience!