Web Developer Tools & Resources
Design Notes is a podcast by Liam Spradlin about creative work and what it teaches us. This season begins with a special series celebrating ten years since the launch of Material Design, which explores the inception, evolution, and future of Google’s design system.
Recent years saw a trend for minimalist logo designs sweep through branding as companies adapted their identities to small digital screens.
Compounding the issue in a low code-oriented environment is a fundamental lack of experience.
Conversion Rate Optimization (CRO) increases the number of visitors who take a desired action on a website.
Everyone loves animated GIFs, right? Not if you have finite bandwidth, a shaky network connection or motion sensitivity! But fear not… modern browsers make it easier than ever to level up our GIF game!
What is not changing is Chromium’s support for first-input entries in the PerformanceObserver API. Developers who want or need to continue measuring FID in their applications will be able to do so.
Media queries now support a new range syntax. Instead of writing min-width or max-width, we can use the “greater than” or “less than” operators (> and <), or “greater than or equal to”/“less than or equal to” (>= and <=).
UI design is more than just entertaining visuals; it’s the magic wand that transforms digital interactions into seamless and pleasant experiences.
UX is often seen as a nice-to-have rather than a necessity, but the data on the ROI of UX tells a different story. Companies that invest heavily in UX consistently outperform their competitors, achieving higher customer satisfaction, increased conversions, and greater retention.
We’re expanding annotation capabilities in Meet to include select Google Meet hardware devices.
Posters are among the most common art forms. You probably had a few of them on your wall as a child. They cover the full spectrum of people, places, and events.
Typography design is a fine balance of aesthetics and readability, and fonts play a crucial role in achieving that harmony. From sleek and modern typefaces to elegant serif fonts, the right typography can add character and distinction to your content.
Telling designers they shouldn’t use high-fidelity designs early in the exploration process can be the equivalent of telling an artist they shouldn’t use paint and instead only start with rough pencil sketches.
Checkbox and radio button hacks are the (in)famous trick for creating games using just CSS. But it turns out that other elements based on user input can be hacked and gamified.
I look at some people’s personal websites and think, “Stupendous! If I ever reach that zenith of personal web design, I will call it quits.”
In this series, we spotlight the best independent talent from France, including top UX designers, frontenders, creative developers, and digital product designers.
We first launched Adobe Firefly in March 2023, and since then we’ve delivered rapid innovation with new models in imaging, design and vectors.
In my 25+ years of experience I’ve determined that there’s one key capability that separates good product designers from great designers. And that’s the ability to create extraordinary product visions that are forward thinking, innovative, and can solve your users’ biggest problems.
A fresh set of great interactions and animation concepts from Dribbble for your inspiration.
Anticipatory design, powered by Artificial Intelligence (AI), Machine learning (ML), and Big Data (BD), promises to transform user experiences by predicting and fulfilling needs before users even express them.
Just collecting feedback is not enough. In the next step, we need to analyze the feedback received and take appropriate actions, especially in relation to negative feedback that causes bad experiences among product users.
For all digital designers who design interfaces: are you happy with those gray shadows you’ve been slapping on your designs?
The world is naturally painted with color, from the greens of the trees to the blues of the ocean. Think of the emotions you feel when looking at a rainbow or a sunset during the golden hour. The harmony of colors in nature often inspires many of the color schemes we use in the digital world.
While we’re officially closing the FID chapter in the Web Vitals program, the INP chapter is just beginning. Developers are finally taking notice of responsiveness issues that FID just wasn’t capturing. These tooling changes to remove FID help to ensure that everyone is fully transitioned off of it and using INP as the best available metric to improve interaction performance.
For the last month, I have tried to fully understand this new module and explain it to the best of my ability.
What’s the smallest thing that can help you realise that other people are here too?
I have somewhat magpie-like tendencies: strange or beautiful objects catch my eye as I move through the world and often end up on a shelf or window ledge in my flat. I’d like to try and convince you that a little bit of hoarding can help us design better things.
An entrepreneurial mindset contributes significantly to front-end developers’ impact and career success. Such a mindset would enable a user-centered approach toward creating intuitive and usable interfaces. It may open up innovation and creativity so the developer can develop the latest solutions.
Dribbble’s mission is to help professional designers earn a living doing work they take pride in.
In the sprawling cosmos of design, typography holds a unique gravitational pull. It influences emotions, communicates intent, and can make or break a visual identity. The act of selecting, designing, and pairing typefaces can be daunting, but it’s also where the magic happens. Trusting your gut, embracing experimentation, and understanding the emotional power of type can transform a simple project into an unforgettable experience
One of the key aspects of UX Research is the effective dissemination of findings and insights. If we fail to engage our stakeholders when sharing what we found, the impact of our work decreases. So many great studies often fail at this step.
Icon design is always a balance between clarity, simplicity, and visual appeal. This article shares key practical UX and UI recommendations to help guide the icon design process.
I’ve been working on my portfolio website to showcase my work, and I wanted it to stand out with a touch of personality.
You might not be able to see it much in the video, but the FPS drops signficially. As a user, you can really feel this drop in performance. It
This time around we are aiming to simplify life, with some light and fast analytics, an all-in-one productivity dashboard, an excellent project scope management tool, and some helpful Mac utilities among other goodies. Enjoy!
Today, we are bringing you a handpicked collection of the best textures, patterns, and backgrounds that capture the essence of jungle and forest environments.
Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like 100vh. Philip Braunen explores why this happens and presents a solution to fix it.
Escape siloed design and engineering processes and speed up your product development by using code as your single source of truth. Let’s explore how.
We tend to think so, but we can also concede that all feedback is not necessarily created equal. When communicating user feedback within your organization, it’s important to indicate how severe the issue is—otherwise, it’s all too easy for this important data to come across as a lot of noise.
Design system naming conventions are the standardized rules and guidelines used to name elements within a design system. This includes naming design tokens, components, patterns, styles, and any other elements that are part of the design system. A well-defined naming convention is crucial for maintaining clarity, consistency, and ease of use across both design and development teams.
Can anyone code now? From creating full-stack applications in just 1 prompt, to rolling out entire backends with no developer, looking at twitter, it feels like anything is possible with Cursor! Or is it?
Use these hero sections built for e-commerce websites as the storefront part of your homepage where you can add CTA sections and show promotions to increase conversion rates
Last year, we introduced a new homepage view in Google Drive that makes it faster and easier for you to find files that matter most. That update included personalized file and folder suggestions with machine-learning algorithms that can help you get started quickly.
I have curated a list of 9 open-source repositories you can implement into your repository tomorrow!
Swiss web design is more than just an aesthetic choice; it’s a purposeful approach to delivering clean, intuitive, and effective digital experiences.
The early web (we’ll define it as 1995 – 2005) was an adventurous place. The narrative was that anyone could participate in this new medium. Thus, it attracted an eclectic mix of creators.
As Figma expands to include tools for all product builders, our community has evolved—and so has our brand. We’ve overhauled our entire visual identity from color palette to illustration style and even commissioned a new typeface.
Google Search started focusing more and more on mobile devices starting in 2015, with the mobile friendly update. Then, in 2016, we started mobile-first crawling and indexing. This allowed Google Search to index the content that users would see, when they access the website on their mobile phone. Crawling and indexing as a smartphone was a big change for Google’s infrastructure, but also a change for the public web: a mobile web...
Can UX be personalized for each user to achieve the highest KPI rates? A conceptual framework to integrate machine learning and generative AI into UX workflows.
Designing for digital products requires a different mindset than traditional websites. It’s all about continuous adaptation, refining, and iterating as user behavior and needs evolve. Paul Boag reflects on the key differences, including how the frequency of usage impacts your design approach and what you can do about it.
The disco era was all about bold colors, flashy lights, and an unmistakable sense of fun, and the right font can instantly transport your audience back to that time.
Discover the best WordPress backup solutions for your database and files. Keep your website safe and secure with these easy-to-use tools.
Contribution models allow product teams to add new features to existing designs based on their product requirements without breaking the quality of existing designs.
A deep dive into the creative process, challenges, and design principles behind Webflow’s new iconography.
UX debt refers to known user experience issues that have not yet been fixed. These unresolved UX issues lead to inconsistent and ineffective user interactions that lead, in turn, to business loss.
There are so many good things happening with website design right now. From simplification of style and brand to creating warmth with color to finding ways to incorporate motion throughout a design without feeling obtrusive, we love the concepts that designers are playing with.
Designing for digital products requires a different mindset than traditional websites. It’s all about continuous adaptation, refining, and iterating as user behavior and needs to evolve. Paul Boag reflects on the key differences, including how the frequency of usage impacts your design approach and what you can do about it.
As adoption of generative AI (GenAI) continues to grow, adversarial interest in compromising the security posture of all applications and services — whether they leverage GenAI or not — is increasing as well. Companies that develop and deliver the complex software on which so much of the world’s economy depends must focus their efforts on defending against these attacks.
In the world of digital product design, a seamless design handoff is crucial for ensuring that the vision crafted by designers is accurately brought to life by developers. Yet, this phase can often be fraught with miscommunication, inconsistencies, and inefficiencies.
Free tools are essential for any web developer’s toolkit, especially for those on a budget or looking to enhance their skills without incurring costs. These tools help developers save money while providing access to critical features and resources that boost productivity and creativity.
Choosing the tone of voice for a digital product’s copy is crucial to creating a consistent and engaging user experience. Product teams come in all shapes and forms, but they often don’t have a dedicated UX writer. As a result, writing the UI texts might happen on the fly, and the final result does not always support users best.
Investing in UX design is often seen as an afterthought in many businesses. It’s a common misconception that UX is a luxury rather than a necessity.
Tic-tac-toe is a popular two-player game that uses a 3×3 grid. The players use the symbols X and 0, and try to get three symbols in a row to win the game. Let’s build one with JavaScript!
I have somewhat magpie-like tendencies: strange or beautiful objects catch my eye as I move through the world and often end up on a shelf or window ledge in my flat. I’d like to try and convince you that a little bit of hoarding can help us design better things.
Recently I took a trip down memory lane and explored my logo design archives from the ‘90s. I’ve been designing logos since then—almost 30 years ago, before the internet was even a thing. In this article, I’ve gathered some of those early logo designs, along with background information from the client projects I’ve worked on over the past three decades.
August 2024 brings us a collection of new tools, libraries, and resources to help you build better websites and applications, and improve your productivity as designers and developers. We’ve got everything from design inspiration to development tools, and everything in between.
Influencer marketing is one of the most powerful and most effective forms of digital marketing available today.
View Transitions are one of the most awesome features CSS has shipped in recent times. Its title is self-explanatory: transitions between views are possible with just CSS, even across pages of the same origin! What’s more interesting is its subtext, since there is no need to create complex SPA with routing just to get those eye-catching transitions between pages.
We combined an image-to-text that analyses and understands images, generating description, with a text-to-speech model to create an audio description, helping people with sight challenges.