Web Developer Tools & Resources
In a blow to LGBTQ rights, the court said creative businesses can refuse to sell certain products and services if they disagree with the message the customer wishes to convey.
Ten years after its untimely death, the team that built the much-beloved feed reader reflects on what went wrong and what could have been.
What do recruiters look for in a UX candidate? We surveyed a few. Use their insights to dig deeper in your resume, portfolio, and storytelling.
Three strikes and you’re out
TikTok could be launching an online retail store in the U.S. as early as next month. The in-app shopping section would feature TikTok’s own line of products — supplied by manufacturers in China — allowing the company to compete directly with Amazon, Shein, Temu and other major e-commerce platforms.
The capabilities of AI chatbots are growing rapidly. But can they code yet, and which is better at the task?
Users are urged to go on My Photo Stream – which is accessible through Apple’s Photos app – and save the contents to their device
Where basic search displays a list of results, advanced search enables users to refine their search queries for highly targeted results using filters, facet selection, and other parameters. This filtering lets users find specific information faster than sifting through queries–especially when there is vast content.
Pretty realistic!
In the realm of product design, I’ve come to recognise that there’s a unique blend of skills and perspectives that distinguish the top 1% of designers. It’s not a secret formula, but a mindset and approach that can be cultivated.
Which is unfortunate because it’s an improvement on the current one.
Penpot wants to make design-dev collaboration easier
Adobe’s very first MAX event in London shared how generative AI can be integrated into creative practices, alongside inspiring talks from leading industry voices.
We love the simplicity and elegance of this design. It’s enhanced with smooth animations and an interesting menu hover effect. Our pick this week.
The new logo was unveiled at CES 2023, catching many off guard. The revamped design features a 3D green robot and a prominent uppercase “A” accompanied by a new font for the “Android” text.
Are you looking for ways to improve your business website? Want to learn the key website design facts and figures that should guide your online strategy?
Learn how to create a fun bulge effect in WebGL using the OGL library and shaders.
The design process is messy. You might be following a structured approach, but too often, it takes a life of its own. And before you know it, you are designing in chaos, with last-minute changes and missed deadlines. So, what’s the “perfect” design process?
Sports logos virtuoso Chris Creamer not only realized that the New York Knicks made a subtle change in their renowned logo but that they did so in consecutive seasons.
Minhaj talks to Adweek about how PDFs play a pivotal role in his life
To be sure, I asked ChatGPT itself and it didn’t disappoint me…
Content decay is the decline in organic traffic and search rankings over time. Unless you update the content, you will continue to lose rankings and traffic.
Are you tired of grappling with clunky payment processes, frustrated customers, and missed growth opportunities? It’s time to revolutionize the way you handle transactions and take your business to new heights.
But what exactly are extended typefaces, I hear you ask? Well, to some extent, they are precisely what they say on the tin: typefaces that are extended. However, the artistry, technicality and rigour behind them is a little more complicated than it seems.
The company has been pushing its e-commerce business on its app, most recently with an in-app shopping feature for brands.
Effortlessly create wireframe mockups for both desktop and mobile platforms. Unleash your design creativity and productivity and generate designs that truly resonate with your audience. Describe your vision, design with a single click!
Create stunning icons for your business with our cutting-edge AI Technology. Our intelligent icon generator takes your prompts and transforms them into unique, professional logos that truly reflect your brand’s identity.
You might think you know all the tricks when it comes to browser DevTools, but did you know that there are dozens of panels and hundreds of features waiting to supercharge your debugging workflow? Whatever your debugging use case is, there’s probably a tool that’s right for the job. Let’s discover the most popular DevTools tips that can boost your productivity.
Content farms using chatbots like ChatGPT have exploded in prevalence and threatens the lifeblood of the internet.
10 JavaScript Questions worth trying.
The AI-powered Intelligent Director improves connection and enhances the conference room experience for hybrid work
A new Microsoft internal presentation reveals the company’s long-term goal for Windows.
Flagship is a project about how communication systems can be reimagined to create something new. It follows a design system to create new brand patterns every day for 100 days.
DevTools gets a number of improvements to help you identify and debug issues with missing stylesheets faster…
Below you can see the new 2023 logo for Adobe, or at least a new variation of its current logo. Plus, a comparison of the two latest Adobe logos.
Figma has over 3,000 plugins in its arsenal. They fall into several general categories. We will highlight the best ones so that you can jump into design prototyping with reliable tools at your fingertips.
Photographers and creators have raised concerns over Adobe’s Firefly accusing the software giant of setting up competition against them without being paid for it.
I recently discovered a secret browser located inside the “Manage my account” popup that Android has in various apps (quite important apps, such as Settings, and all Google suite apps). The browser even bypasses parental control!
Loaf takes the hassle out of manually creating SVG animations.
Understanding the psychology of attention helps to make sense of how humans are perceiving and navigating through digital interfaces.
Belsky says even though the court has yet to rule on the copyright issues related to content created with generative AI, Adobe feels comfortable taking this stance because it has trained Firefly on Adobe Stock images, which it has broad permission to use, along with openly licensed content and public domain content where the copyright has expired.
Beautiful QRCodes that make your audience eager to scan them.
We have since discovered the new Find My Device logo. Google is continuing the maps/location motif with a crosshair design in the four company colors that also evokes radar and scanning. It’s less literal than the previous version, but Find My Device is no longer just for phones and hasn’t been for some time with the addition of tablets, watches, and headphones.
Issue 149: On entering an era of designers building companies (and it’s exciting)
Step-by-step instructions to systematically review your product to find potential usability and experience problems. Download a free heuristic evaluation template.
A cautionary tale of Figma and the series of events that led to its latest release at the Config23 Conference. Read to the end to see the other side.
While the summer season seems to be the time when trends slow down some, there are still new things happening in website design. Often this is a season of design evolution, rather than complete overhauls of standard design practices.
When objects look similar to one another, the mind perceives them as a group or pattern.
Looks legit!
A curated collection of high-quality free fonts you might not have seen before
A library of over 70 custom-color elements ready to paste into your project.
A legible monospace font… the very typeface you’ve been trained to recognize since childhood. This font is a fork of Shannon Miwa’s Comic Shanns(version 1).
To be honest, the layoff didn’t come as a shock. Over the past few weeks, I noticed that my workload was gradually decreasing. I went from worrying about meeting deadlines to spending hours documenting my work.
A tool for creating and exporting in SVG or PNG curved point design patterns through configurable properties for graphic designers, UI/UX and other visual professionals to use in their projects.
In Snippets Studio, save code that you frequently use or want to reference later. Organize your code with custom languages and tags and sync your snippets to your iCloud-enabled devices. No need to search through old projects or browser tabs for code you need!
But how long until they take the human out of it as well?
You can create anything with AI, but getting great results is tough. With Freeflo’s curated library of images and prompts, you have the power to create great content you’ll actually want to use. Simply find an image you like, grab its prompt, and generate your own unique variations.
With the current unrest at Reddit, perhaps Google sees an opportunity.
Accessible web design is not just a ‘nice to have’ it is required by law in countries such as the US, Israel, Canada, the United Kingdom among others. In fact, 2,000 website accessibility lawsuits were filed in the United States in 2019 alone.
Upscale your images, photos, cartoons and more with AI
You can now build your own ChatGPT plugins from your own website and documents—in minutes! The best part: deploy in minutes and no coding experience necessary.
AI image generator Midjourney has launched its latest 5.2 version which has excited fans with its new “Zoom Out” feature allowing users to widen the field of view.
The Wikipedia team shipped a redesign of the ubiquitous and one of the most visited websites on the web. Alex Hollendar and Jon Robson led the work and generously discussed the effort with us in a thorough, wide-ranging interview that covers the design, development, and processes that went into the project.
Stay safe with privacy tools from the makers of Firefox that protect you from hackers and companies that publish and sell your personal information. We’ll alert you of any known data breaches, find and remove your exposed info and continually watch for new exposures.
We love the website of Euphemia for its clean and slick design. It has a wonderful motif and some playful interactions. Our pick for the inspirational website of the week.
If you have noticed more cartoon-style design elements lately, you aren’t alone. Quite a few projects are using design themes that feature cartoon elements, making this a trending design style.
‘Project Gingerbread’ makes waves at Config 2023.
With iOS 17, Apple IDs will automatically get passkeys.
PageVitals is the most affordable all-in-one website performance monitoring tool. Avoid unhappy users and being de-ranked by Google by keeping your website fast. For $12/m you get automated Lighthouse tests, Google CrUX analytics and Real-User Monitoring.
Get started with a collection of free and open-source collection of SVG icons compatible with Flowbite and Tailwind CSS based on solid and outline styles and raw SVG or JSX support for your next project.
The visionOS software development kit (SDK) enables Apple’s developer community to bring their apps to life in ways never before possible
When people wear Apple Vision Pro, they enter an infinite 3D space where they can engage with your app or game while staying connected to their surroundings.
Here are all the updates that have been announced in Figma Config 2023, some updates are too advanced and some are basic but necessary features. Let’s dive into new features and I’ll try to explain every new feature.
Universal personal search is an old idea, but Dropbox thinks it has the tech — and the docs — to make it work.
Theme toggles is a collection of awesome, easy to use, animated toggles; designed for switching between light and dark modes. It’s a modular library which aims to provide ample customization where needed. Works great utility CSS frameworks such as Tailwindcss.
A switcher that changes the layout between grid and list view can be a very useful feature on many websites or applications. While the grid view provides better insights and more details about each item, the list view allows for displaying more items in a smaller space and thus potentially facilitates faster identification of a specific item.
Mac OS control panel, 1984. No labels or explanations, just controls.
Command-line interfaces have barely changed in decades, but remain beloved by techies. Warp aims to modernize the whole experience—and add a dash of AI.
Unlike most of its competitors, the company claims that it transforms voices in real time and with low latency, enabling users to converse as they would in real life.
Adobe XD is no longer available for purchase as a single application but will continue to be supported for existing users. XD will continue to be available as part of our Adobe Creative Cloud All Apps subscription. We will continue to support existing Adobe XD customers.
Learn how to code a similar hover animation to the one seen on the website of Quai Network.
Determine whether an image has been generated by artificial intelligence or a human
A lively discussion is happening on the Gutenberg repository about renaming the Command Center.
Microsoft has announced Fluent 2, an updated version of its design system that is described as enabling more seamless collaboration and creativity.
A woman showed how she uses generative artificial intelligence to make a selfie look like she’s laying down in a hospital bed accompanied by a nurse.
The new changes are designed to align Spotify’s desktop experience with its mobile app. You can now explore, browse and organize your libraries like you do on the company’s mobile app.
Every product has a story. Often, that story unfolds in Figma. Shortcut’s mission is to tell stories about people, and the priorities, plans, and pivots they discover along the path of bringing new ideas to life.
Intel One Mono is an expressive monospaced font family that’s built with clarity, legibility, and the needs of developers in mind. It’s easier to read, and available for free, with an open-source font license.
AI coding assistants are software tools that use AI techniques to assist developers in various aspects of the coding process. They’re designed to augment developers’ capabilities, increase productivity, and improve the overall coding experience
Netflix has a promotional website(opens in a new tab) that lets you “sign up” to Streamberry, which looks extremely similar to Netflix’s own website.
This collection is compiled and curated by Valery Marier. It is a labour of love ran in her free time.
Boosting e-commerce conversion with countdowns and the prisoner’s dilemma.
Subreddits switching to NSFW mode as a form of protest because Reddit can’t serve ads if the community is tagged as NSFW
As you take the survey, you’ll be able to bookmark any feature you want and learn more about it after you submit your answers.
Opera is marking its 100th version of its web browser by replacing it with a brand new one called Opera One, bringing a modern redesign and a big AI feature to boot.
The guidelines, ‘Principles of Spatial Design,’ ‘Design for spatial interfaces,’ and ‘Design for Spatial Input,’ offer invaluable insights into how to approach AR design.
According to the findings, 92% of developers already use AI-powered coding tools in their work. Yet despite investments in DevOps, developers still face challenges.
Let’s explore design trends in UI/UX design, the history of art, and typography in our in-depth post covering millennia of human creativity by our Lead Designer, Hrvoje.
Apple has been trying to trademark the apple in Switzerland since 2017 and has launched similar applications in several other countries.
Choosing the right font is essential not just because it conveys a tone of voice or a personality for your text but because some typefaces are more simply more readable than others. We write this roundup of the best new fonts we’ve found online each month, to give you a place to start.
The old friend of the band was a sign writer and designed the logo as a favor in 1962.
Multiple subreddits are adopting alternative methods of protesting like publishing only one kind of post, changing the topic in focus, and days when the community turns private.
Einstein’s theory was the golden moment of the 20th century. Generative spatial computing would be the next golden moment for the 21st century.
11 Slack themes inspired by each of Wes Anderson’s films. With the worldwide release of Wes Anderson’s newest film “Asteroid City” this Friday, spend the week working in whimsical Wes Anderson style.
Canva’s landing page is a high-converting, well-designed page that has been iterated on over time on its road to becoming a $40 billion startup.
For only the third time in history, Intel evolved their iconic logo and revitalized their brand. The new logo is simple, confident and transformational. It represents a dramatic simplification of the Intel brand identity.
UX writing lessons from an ugly encounter at a bank
This website is a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.
The mind is capable of perceiving more information than what is actually visible.
Provincial government logo designs don’t tend to be hugely exciting, but concerned citizens have noticed something strange going on with the British Columbia logo. Visitors to the Canadian province’s website and social media accounts have been surprised to discover that some of the letters have disappeared from the wordmark.
The year has been a whirlwind of ideas, symbols, and AI, evolving how creators like us create.
A new ‘generative fill’ AI capability can create joyful Photoshop edits — and frightening deepfakes
YouTube Music is getting a big redesign on the web that adopts a navigation drawer with very quick access to playlists.
Generate astonishing variations of any input image with AI (Stable Diffusion). Easily, create an unlimited number of AI variants of any source image.
For a reported $180 million, Google will transfer millions of customers from its domain registrar to help “sharpen” its focus.
Four distinct demos, from image slideshows to on-scroll typography and hover effects.
Today, at the first Canva Extend developer conference in San Francisco, the company announced a new SDK, more robust APIs and a $50 million fund to help encourage some of the better ideas.
So, you’re on the prowl for the best UI & UX feedback tools, and you’re not here to mess around. Great, neither are we. Let’s cut through the marketing fluff and explore some of the best tools out there to polish your digital product into a user-friendly masterpiece.
A collection of bitesized UX interactions, curated to inspire and help you tune into what great UX looks like. Updated every few days.
A content inventory is a comprehensive and structured collection of all the content assets within a digital product or website. It’s a detailed catalog that captures information about each piece of content, including its location, format, metadata, and key attributes.
World-renowned design director and typographer Craig Ward is shaking up the way fonts are made with NFTy.pe, a revolutionary new platform that has launched today and represents a “top-to-bottom rethink” of the type industry.
Codux is a new visual IDE brought to you by the fine folks over atWix. It’s got a lot of low-code features that level the playing field for app development but is really designed for React developers. How so, you ask? That’s what we’re going to explore in this article.
Regulators want to know how the generative AI protects privacy.
Learn about the user revolt and blackout on Reddit caused by bad user experiences and unreasonable API pricing. Find out why third-party Reddit apps are preferred and how Reddit’s pricing harms designers and developers and forces users to inferior UX.
Empathy is a central element of Design Thinking and UX. It’s fundamental in crafting design solutions and creating products that are useful and meaningful.
The Apple Watch is amazing but can be a pain to use. Do you scroll or swipe on that screen to show more?
I did it a few months back, and it’s been pretty nice.
AI-generated art has transcended its status as a mere experimental novelty and has firmly established itself as an essential part of the intersection of the cultural, technological, and business landscapes. In this article, we will explore how AI is changing art and what conventions are being challenged in this rapid evolution.
The creative design giant is going “all-in” on generative AI with a new set of generative AI tools in Adobe Illustrator.
My go-to sans serif typefaces for optimal legibility and simplicity on your interface designs.
In this case study, I’m going to talk about the process of how I designed Miho’s website from scratch. I will share my strategy, design decisions, and approach towards the overall design.
Every month we take the opportunity to look at some of the most creative and innovative website designs to be launched in the previous four weeks.
A new report details some of the competition between OpenAI and Microsoft on AI-powered tools.
Scene Group’s Cavalry is a data-driven design and motion design tool that its maker describes as “a secret weapon for some of the world’s best design studios”.
In this article, we will explore the User Experience principles behind Apple’s new Spatial Design operating system.
For his day job, product designer Soren Iverson handles the Cash app’s UI. On the side, the L.A.-based designer, who has a wicked sense of humor, design concepts for “unhinged” UI features that no one asked for.
Silicon Valley wants to make us believe humans are predictable and our skills replaceable. I’ve learned that’s nonsense
A bottom sheet is a user-interface pattern used commonly in mobile apps for providing contextual details or controls in the lower area of the screen.
Website design with a hint of nostalgia. That’s what you get from the latest design trend that makes you think of childhood with sticker-style elements, including icons and emojis, that add a little something extra to projects.
Our first collection of 120+ free AI generated images for you to use in your projects or draw inspiration from. Prompts included!
While you can’t control what security provisions other sites have, you do get to control your own site security. Two-Factor Authentication (2FA) is one way to protect yourself from breaches, and WordPress 2FA authentication can help you implement it.
Mastering the user experience goes beyond tooling and wireframes. People—users and teammates—are the heart of UX design.
Apple at WWDC this week announced a new toolkit that makes it easier for game developers to port Windows games to the Mac.
In this episode of The Quarterly Interview: Provocations to Ponder, Jony Ive, the former design head of Apple, talks about what it takes for the creative process to thrive at any company.
In this article, we will discuss why we need UX reviews for websites, what are the benefits and challenges of conducting them, and how to perform them effectively.
Adobe is so confident that copyright law won’t be an issue for users of their new generative AI-powered “Firefly” product that they’ve promised to cover any and all copyright-related legal costs that users might incur as a result of using it.
Build fully functional prototypes with reusable components that are 1:1 to your design system. Create designs with a level of interactivity & consistency you can’t reach with any other design tool. Discover UXPin Merge.
Controlling the space between text styles is as important as differentiating the styles themselves.
Miller’s Law perfectly demonstrates how Psychology and UX Design combine to create excellent user experiences – unfortunately, everyone breaks this rule.
A beautiful web design with a cool interactive header and some element stickiness plus lovely marquee designs. Our pick this week.
Unleash the power of creative limitation! Learn how constraints aren’t barriers but instead stepping stones to innovative design. Find out how to challenge unproductive restrictions and leverage the rest to your advantage.
Uncrop is a new tool optimized to edit image aspect ratio. It is based on a foundation model created by stability.ai.
How credit card machines pressure you into tipping more
A curated gallery of patterns, textures + visuals by awesome designers & illustrators
How spatial computing will change our interaction with technology
macOS Sonoma is hiding a typographical treat.
Between IBM Plex Mono, Hack, Fira Code, and JetBrains Mono I think we Linux users are spoilt for choice when it comes to open-source monospace fonts that look good and work great.
We’ve scrutinized each app, examining their features, pros, cons, and weighing factors such as usability, integration capabilities, and value for money.
From big branding to small personal projects, the designer takes an intuitive approach to all of his work.
Adobe Express add-ons extend the functionality of Adobe Express to unlock new creative workflows for users.
Another example of generative AI writing tools hitting the mainstream. The new plug-in can also edit the tone of text, letting users choose between styles like ‘provocative’ and ‘formal.’
MacOS gets desktop new widgets, beautiful screensavers, and many functional upgrades.
It’s like having a surveillance camera strapped to your face, except this one also knows when you’re looking at your fridge a bit too often.
A fun gooey cursor background effect with SVG filters and CSS blend modes.
Be among the first to explore new iOS 17 features.
f you’re a frequent Reddit user or developer, you’ve likely heard about the recent changes Reddit is planning to make to its API pricing.
Whistleblower former intelligence official says government possesses ‘intact and partially intact’ craft of non-human origin
Discover the fundamentals of spatial design. Learn how to design with depth, scale, windows, and immersion, and apply best practices for creating comfortable, human-centered experiences that transform reality. Find out how you can use these spatial design principles to extend your existing app or bring a new idea to life.
We are incredibly excited to announce a new feature in the Photoshop API — support for ActionJSON workflows.
In 1968, Douglas Engelbart showcased technology and presented a groundbreaking system with the transformative potential to revolutionize our world.
A look at the decisions the designers had to make
This article delves into the Apple Vision Pro’s key features and its implications on UX design.
Mood boards can either be physical or digital, depending on what tools designers prefers to use. However, most people today use the latter as they’re more accessible, easy to work on collaboratively, and more affordable in the long run.
We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.
At WWDC23, winners are recognized for excellence in innovation, ingenuity, and technical achievement in app and game design
Download the 5 new colorful wallpapers that come pre-installed with macOS Sonoma ahead of the release of Apple’s latest operating system for its desktop and notebook computers.
1Password now lets you sign into some accounts with no password at all.
Washington sixth grader Rebecca Wu shares the inspiration behind her winning Doodle and what gratitude means to her.
Learn how Adobe managed to let users edit even the biggest files on the web version of its iconic Photoshop app.
Welcome to the era of spatial computing. Apple Vision Pro seamlessly blends digital content with your physical space. You navigate simply by using your eyes, hands, and voice.
After years of delays, Apple is taking its first shot at AR glasses.
In Romania, I pivoted my freelancing efforts from creating printable graphics to designing templates for clients’ branding, web design, and 3D design.
Midjourney V6 is expected to significantly reduce the time and effort required to create visually appealing content. Here is how
Support for Google’s passkey open beta is now rolling out to over 9 million organizations.
This guide shares strategies and tactics for getting better results from GPTs. The methods described here can sometimes be deployed in combination for greater effect. We encourage experimentation to find the methods that work best for you.
The subreddits object to pricing that could hurt apps like Apollo.
Upload a source image and get conceptually related and fully licensable similar images for your projects.
The company will market its cars under four brand umbrellas: Range Rover, Discovery, Defender and Jaguar
Criminals may use artificial intelligence to scam you. Companies, like Google, are looking for ways AI and machine learning can help prevent phishing.
Scanning is vertical; immersion is horizontal.
The godfather of type explains why some of his classic fonts are now available via Monotype, plus how he made fonts for Apple Inc in 1992.
And the value of eclectic designers in creating complex designs
By this point, you’ve probably seen Adobe’s beta of Generative Fill in Photoshop, which allows you to expand a photo beyond its original borders. It is an incredible feat of technology, but brings up complicated questions: who owns that new, expanded photo? Is it copyrightable?
The secret behind great brands and products.
As much as we love to hate passwords, passkeys aren’t close to letting us retire that technology.
Tune in to be amongst the first to see new pictures roughly every 50 seconds as they’re beamed down directly from the Visual Monitoring Camera on board ESA’s long-lived and still highly productive martian orbiter.
With stunning effects, interactive elements, and a design that feels tangible, the website of Wanted for Nothing delights you with wonderful effects as you scroll and hover.
In this article, we’ll discuss the factors that affect how often you should backup your website, different types of backups, and recommended backup frequencies for various types of websites.
For better and worse, we will have instances where we need to visually hide content to mitigage a gap in the visual design.
A new way to think and interact with people through computers.
Apollo is an extremely popular Reddit client. It could cease to exist thanks to Reddit’s API pricing plan.
Design tokens for data visualization and more
WordPress.com is taking on Substack and others with today’s news that its Newsletter product will now support paid subscriptions and premium content.
The majority of Americans don’t trust AI. These three design concepts from Artefact could help reduce anxiety and engender agency in the AI age.
Every author has a unique point of view, and your audience will likely appreciate a change of pace and ideas. This is especially true if you’re a solo blogger or feel that your content is getting stale.
Developing prototypes can lead you nowhere in product development process unless you are using the right tools and following best practices. These tips are perfect for ensuring that you prototype the right solution that has user experience in mind.
With the current push by Google to move its users from Universal Analtics to G4, now would be a great time to change.