Learn the principles behind the interface
From design to website
Build visually in Webflow, just like you design. Fine-tune typography, spacing, layout, and interactions until everything looks right, then publish your site live.
Lea Verou · Nov 12, 2020
Five years ago, I had written this extensive Smashing Magazine article detailing multiple different methods for creating simple pie charts, either with clever use of transforms and pseudo-elements, or with SVG stroke-dasharray . In the end, I mentioned creating pie charts with conic gradients, as a future technique. I.
Boxes and Arrows · Gerry Duffy · Nov 11, 2020
Usability testing is a core component of User Centered Design and can be used at any stage in the process. It provides valuable insight into the mind of the user, giving us a better understanding of users’ mental models, and
Ethan Marcotte · Ethan Marcotte · Oct 30, 2020
A friend asked me to share a few favorite resources on design systems. I thought I’d share them with you, too.
Google Design · Kansinee Adsanatham · Oct 28, 2020
Over the past year, I have been coaching a few friends on their job searches and helping them get started in the user experience design field. Through our conversations, I found myself looking back at when I started at Google 10 years ago as a visual designer for Google Chrome and Google Maps, and how I transitioned i.
Boxes and Arrows · Austin Govella · Oct 26, 2020
In many organizations, the design team does some research then retreats to their tower to conjure deep magics that turn note filled notebooks into a customer journey map. At least that’s what it looks like to their peers. Journey diagrams
Adam Silver · Oct 20, 2020
I used to be a frontend developer. I think there are broadly 2 types of frontend developer. The first type prefers to be given a spec to follow and that’s that. The second type has more of an interest in how well the UI ends up actually working for users. If they’re handed something that can cause usability and access.
Manuel Matuzovic · Oct 12, 2020
In the first article of this series, I explained how important progressive enhancement is for web accessibility. Building websites layer by layer allows for a cleaner separation of concerns and more resilient experiences. This second article is about user preferences and how to respect them when writing CSS. In this s.
Google Design · Susanna Zaraysky · Oct 8, 2020
Draft clear content so users know how to take action Illustration by Alexa Ong, Next Billion Users illustrator I wrote this story with assistance from Luke Easterwood, LeAnn Quasthoff, Jessica Caimi , and Erik Ninomiya , UX writers who have focused on the needs of the Next Billion Users. John Steinbeck said that “Poet.
Ethan Marcotte · Ethan Marcotte · Oct 2, 2020
I spoke at two events yesterday. I drank a lot of coffee. I talked a lot about design systems. Good day.
Boxes and Arrows · Andrea Paci · Sep 28, 2020
These days, creating a personal website is easy. You don’t need to know about how to code; the newest platforms can host profile pages with templates you can fill in with photos, links, and text about you and your works.
Léonie Watson · Léonie Watson · Sep 28, 2020
When a table is created with appropriate HTML elements or ARIA roles, screen readers can inform users about table characteristics and provide keyboard commands for navigating tabular content.
Lea Verou · Sep 24, 2020
Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got new shiny HTML elements that actually do stuff ? Remember how exciting it was to be able to do sliders, color pickers,.
Google Design · Susanna Zaraysky · Sep 23, 2020
Design for trust by giving users more control over their data usage Illustration by Taylor Herr, Next Billion Users visual designer I wrote this story with Ramprakash Ravichandran , an interaction designer on the Next Billion Users team, and Ted McCarthy , a user experience researcher on internet access projects. Inte.
Google Design · Miles Orkin · Sep 21, 2020
When teams feel great, they make great products. So we built a team dedicated to the experience of making. At Google, we want our products to exceed expectations, attain our goals, and improve the lives of our global users. To make that happen, the teams that make them have to be exceptionally well-prepared and well-c.
Material Design · Sep 17, 2020
A sneak peek at the UX foundations grounding Google's Digital Wellbeing Toolkit
Lea Verou · Sep 16, 2020
I made this chart in the amazing Excalidraw about two weeks ago: It only took me 10 minutes! Shortly after, my laptop broke down into repeated kernel panics, and it spent about 10 days in service (I was in a remote place when it broke, so it took some time to get it to service). Yesterday, I was finally reunited with.
Manuel Matuzovic · Sep 9, 2020
About 4 years ago, I began to focus on web accessibility professionally. I read many articles and books, watched talks, followed experts, and I also shared my knowledge at meet-ups and online. The first 3 articles I wrote were Writing HTML with Accessibility in Mind , Writing JavaScript with Accessibility in Mind , an.
Material Design · Sep 1, 2020
Crafting the perfect palette with Material Design and Figma
Material Design · Sep 1, 2020
Tailoring your typography with Material Design and Figma
Material Design · Sep 1, 2020
Type theming on Android using the MDC library
