Tagged | UI

• From Chaos To System In Design Teams

  (smashingmagazine.com)

  #UI #UX #design

• Modern Fluid Typography Using CSS Clamp

  (smashingmagazine.com)

  #UI #css #web #frontend

• Pre-Submit UI Tests at Pinterest

  (medium.com)

  #software-engineering #testing #UI #practices

• Why and how to replace end-to-end tests with synthetic monitors

  (www.elastic.co)

  #testing #UI #web #frontend

• Breaking Out of the Box

  (alistapart.com)

  #UI #web #UX #design

• The Value Of Concept Testing As Part Of Product Design

  (smashingmagazine.com)

  #UI #UX #design

• Collaborating to Build an Uncertain Layout

  (engineering.squarespace.com)

  #UI #frontend #UX #design

• How We Improved Our Core Block Editing Experience Without It Feeling Like Technical Debt

  (engineering.squarespace.com)

  #software-engineering #UI #practices #frontend

• Improving our UI testing at SingleStore

  (www.singlestore.com)

  #testing #UI #frontend

• Frustrating Design Patterns: Broken Filters

  (smashingmagazine.com)

  #UI #UX #design

• Managing Focus Transitions in Slack

  (slack.engineering)

  #UI #UX #design

• Reshaping Chat Support for Our Users

  (engineering.grab.com)

  #software-engineering #software-design #UI #design

• Web Design Done Well: Making Use Of Audio

  (smashingmagazine.com)

  #UI #frontend #UX #design

• Premium design: Building a mobile app for Loewe

  (evilmartians.com)

  #mobile #UI #UX #design

• Placebo Lines on the Pipeline Graph

  (about.gitlab.com)

  #UI #visualisation #design

• Customization vs. Configuration in Evolving Design Systems

  (engineering.atspotify.com)

  #UI #UX #design-system

• How GitHub Actions renders large-scale logs

  (github.blog)

  #software-engineering #UI #UX #design

• Building dark mode on Stack Overflow

  (stackoverflow.blog)

  #software-engineering #UI #frontend #design

• Visual Design Language: The Building Blocks Of Design

  (www.smashingmagazine.com)

  #UI #UX #design-system

• Building a Design Systems Library with Figma & Scripter

  (eng.lyft.com)

  #UI #UX #design-system

• Article: Functional UI - a Model-Based Approach

  (www.infoq.com)

  #software-design #software-architecture #UI #design-pattern

• How we transformed the product search for the better

  (techblog.commercetools.com)

  #search #UI #web #frontend #UX

• Magic Flip Cards: Solving A Common Sizing Problem

  (www.smashingmagazine.com)

  #UI #css #frontend #UX

• Introduction to Jubako

  (tech.just-eat.com)

  #mobile #android #UI #rendering

• Building a blazingly fast Android app, Part 1

  (engineering.linkedin.com)

  #performance #mobile #android #UI #profiling

• Evolutionary UI

  (giamir.com)

  #javascript #software-architecture #UI #frontend

• Presenting UX Ideas to Designers in Their Language

  (www.hostinger.com)

  #mobile #UI #web #UX #design

• Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

  (alistapart.com)

  #UI #browsers #frontend

• Thinking about color

  (blog.cloudflare.com)

  #UI #design #design-system

• All new Search and Discovery on Zomato

  (engineering.zomato.com)

  #search #UI #UX #design

• Better Android Testing at Airbnb

  (medium.com)

  #QA #testing #mobile #android #UI

• Detecting Leaky View Controllers

  (engineering.thumbtack.com)

  #ios #mobile #UI #memory-management

• Developing Web apps using QML and Qt for WebAssembly

  (itnext.io)

  #web-assembly #UI #web #frontend

• How We Implemented a Baseline Grid Using CSS

  (open.nytimes.com)

  #UI #css #frontend #design

• CSS at an Intersection

  (thoughtbot.com)

  #UI #css #frontend

• What Newspapers Can Teach Us About Web Design

  (www.smashingmagazine.com)

  #UI #web #design

• Implementing Dark Mode Using the Observer Pattern

  (developers.soundcloud.com)

  #ios #software-design #mobile #UI #design-pattern

• Creating Online Environments That Work Well For Older Users

  (www.smashingmagazine.com)

  #UI #web #frontend #accessibility

• Redesigning Yelp for Apple Watch with SwiftUI

  (engineeringblog.yelp.com)

  #ios #mobile #UI #design

• How To Use Breadcrumbs On A PWA

  (www.smashingmagazine.com)

  #mobile #UI #web #frontend #design

• What the Formula? Managing state on Android

  (tech.instacart.com)

  #mobile #android #UI

• Design Systems Are About Relationships

  (www.smashingmagazine.com)

  #UI #UX #design

• How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product

  (www.smashingmagazine.com)

  #UI #UX #design

• Building Dark Mode on Desktop

  (slack.engineering)

  #UI #web #electron #design

• Want to Improve UI Performance? Start by Understanding Your User

  (engineering.shopify.com)

  #software-engineering #performance #UI #frontend

• How to Easily Reuse Components Across Projects and Repositories

  (itnext.io)

  #UI #frontend #design-system

• The Gradual Design System: How We Built Slack Kit

  (slack.engineering)

  #UI #UX #design #design-system

• Designing with accessibility in mind

  (blog.scottlogic.com)

  #UI #UX #design #accessibility

• Zomato’s new Sushi Design System

  (engineering.zomato.com)

  #mobile #UI #web #UX #design

• PanModal: Better support for thumb accessibility on Slack mobile

  (slack.engineering)

  #ios #mobile #UI #design #accessibility

• Avoiding Bad Practices in iOS and Android Design

  (www.toptal.com)

  #ios #mobile #android #UI #design

• The Complete Guide to UX Research Methods

  (www.toptal.com)

  #UI #research #UX #design

• How to fix the ugly focus ring and not break accessibility in React

  (www.eventbrite.com)

  #reactJS #UI #frontend #accessibility

• Building a More Seamless Web Booking Flow for Uber

  (eng.uber.com)

  #performance #UI #web #frontend

• Supporting Dynamic Type at Airbnb

  (medium.com)

  #ios #mobile #UI #UX

• Android Material Components: Exploring MaterialShapeDrawable

  (blog.octo.com)

  #mobile #android #UI #graphics

• Thinking of BEM as a UI Philosophy Instead of a CSS Naming Convention

  (itnext.io)

  #software-design #software-architecture #UI #css #frontend

• Optimizing Google Fonts Performance

  (www.smashingmagazine.com)

  #performance #UI #web #frontend

• Android Unidirectional Flow with LiveData

  (hackernoon.com)

  #software-architecture #mobile #android #UI

• Design system and API-Driven UI

  (drivy.engineering)

  #software-architecture #mobile #UI #design-system

• User Interfaces You Can Trust with State Machines

  (medium.com)

  #software-architecture #UI #state-machine #frontend

• The perils of functional CSS

  (itnext.io)

  #software-architecture #UI #css #frontend

• Getting The Most Out of XML and Exploring Anko Layouts for Android

  (tech.wayfair.com)

  #mobile #android #UI #DSL

• Tips For Managing Design Systems

  (www.smashingmagazine.com)

  #UI #frontend #design

• How to Approach Design for Developers

  (www.toptal.com)

  #UI #web #UX #design

• Iris Mobile: An Open Source, Mobile Interface for Incident Management

  (engineering.linkedin.com)

  #monitoring #mobile #SRE #UI

• It’s a trap-ezoid: CSS Shapes aren’t what you’d expect

  (blog.logrocket.com)

  #UI #css #frontend

• ReactiveUI and the MVVM Pattern in WPF Applications

  (www.toptal.com)

  #reactive #UI #design-pattern #event-driven

• A Practical Guide To SVG And Design Tools

  (www.smashingmagazine.com)

  #UI #frontend #svg #design

• Introducing Bento

  (engineeringblog.yelp.com)

  #software-architecture #mobile #android #UI

• Digging Into The Display Property: Box Generation

  (www.smashingmagazine.com)

  #UI #css #browsers #frontend

• 5 things to consider when creating your CSS style guide

  (blog.logrocket.com)

  #software-design #UI #css #frontend

• Personalized UX and the Power of Design and Emotion

  (www.toptal.com)

  #UI #frontend #UX #design

• Cross-Platform Design: A look at Challenger Bank Mobile Applications

  (blog.scottlogic.com)

  #mobile #UI #UX #design

• Tailwind CSS: Is it tomorrow’s Bootstrap?

  (blog.logrocket.com)

  #UI #css #web #frontend

• Introducing Base Web, Uber’s New Design System for Building Websites in React

  (eng.uber.com)

  #reactJS #UI #frontend #design-system

• Fixr: Mining and Understanding Bug Fixes for App-Framework Protocol Defects

  (galois.com)

  #debugging #software-engineering #UI #event-driven #async

• Design At Scale: One Year With Figma

  (www.smashingmagazine.com)

  #dev-tools #UI #UX #design #design-system

• Card Sorting: Better Information Architecture by Aligning with Users' Mental Models

  (www.toptal.com)

  #UI #UX #design

• View Model state preservation using autoConnect

  (tech.instacart.com)

  #reactive #UI #design-pattern #frontend #event-driven

• Open Sourcing our Day View UI Library for Making Meetings Easier

  (engineering.linkedin.com)

  #ios #mobile #android #UI #design

• Biometrics And Neuro-Measurements For User Testing

  (www.smashingmagazine.com)

  #testing #UI #UX #design

• Building Robust Layouts With Container Units

  (www.smashingmagazine.com)

  #UI #css #browsers #frontend

• UI Design Best Practices for Better Scannability

  (www.toptal.com)

  #UI #frontend #UX #design

• Using Hypermedia To Design Event-Driven UIs

  (nordicapis.com)

  #software-engineering #software-architecture #API #UI #protocols

• Simplicity is Key - Exploring Minimal Web Design

  (www.toptal.com)

  #UI #web #UX #design

• Better understanding of Android accessibility for blind people

  (blog.octo.com)

  #mobile #android #UI #accessibility

• Hot Dog or Not a Hot Dog: Using Metaprogramming to Write UI Tests

  (towardsdatascience.com)

  #QA #testing #mobile #UI

• CSS Grid for Designers

  (open.nytimes.com)

  #UI #css #frontend #design

• How To Learn CSS

  (www.smashingmagazine.com)

  #UI #css #frontend

• Heuristic Principles for Mobile Interfaces

  (www.toptal.com)

  #mobile #UI #UX #design

• Sharing Modules Across Experience Services and Multi-Screen Applications

  (www.ebayinc.com)

  #software-design #software-architecture #UI #frontend

• Designing for Readability - A Guide to Web Typography (with Infographic)

  (www.toptal.com)

  #UI #frontend #design #accessibility

• VisBug 101

  (medium.com)

  #dev-tools #debugging #UI #frontend

• Breaking Down the Design Thinking Process

  (www.toptal.com)

  #app-design #UI #UX #design

• Snapshot Testing Going Beyond UI

  (engineering.blogfoster.com)

  #QA #testing #UI #frontend

• Use Case For Augmented Reality In Design

  (www.smashingmagazine.com)

  #mobile #UI #AR #design

• Boost Your UX with Clear Visual Hierarchy

  (www.toptal.com)

  #app-design #UI #UX #design

• First Impressions - a Guide to Onboarding UX

  (www.toptal.com)

  #app-design #UI #UX #design

• How We’re Keeping Our Android UI Consistent

  (engineeringblog.yelp.com)

  #mobile #app-design #android #UI

• Understanding Design Systems and Patterns

  (www.toptal.com)

  #UI #web #design

• Dark Patterns And Other Design No-Nos For Mobile

  (www.smashingmagazine.com)

  #mobile #UI #UX #design

• Presentation: Smart Speakers: Designing for the Human

  (www.infoq.com)

  #UI #UX #design

• Best Practices For Mobile Form Design

  (www.smashingmagazine.com)

  #mobile #UI #web #UX

• A Spectrum of Possibilities: The Go-To UI Color Guide

  (www.toptal.com)

  #UI #UX #design

• Advanced effects with CSS background blend modes

  (blog.logrocket.com)

  #UI #css #frontend

• How to design for (and with) developers

  (about.gitlab.com)

  #UI #UX #design

• Designing For Micro-Moments

  (www.smashingmagazine.com)

  #analytics #UI #UX #design

• Designing as a developer in 2018

  (blog.logrocket.com)

  #UI #frontend #UX #design

• Automated UI testing and catching visual regressions

  (tech.showmax.com)

  #QA #testing #automation #UI

• User Experience Psychology And Performance: SmashingConf Videos

  (www.smashingmagazine.com)

  #UI #frontend #UX #design

• Code2Pix - Deep Learning Compiler for Graphical User Interfaces

  (towardsdatascience.com)

  #deep-learning #data-science #AI #UI

• A design review checklist for non-designers

  (capgemini.github.io)

  #UI #UX #design

• On User Interface Development: appending to the event log

  (hackernoon.com)

  #HCI #UI #design

• Leverage Interactivity to Build Better Visualizations

  (www.viget.com)

  #UI #visualisation

• Open Sourcing Design System React

  (engineering.salesforce.com)

  #reactJS #UI #design-system

• Continuous Shared Element Transitions: RecyclerView to ViewPager

  (android-developers.googleblog.com)

  #android #UI

• The Rise Of The State Machines

  (www.smashingmagazine.com)

  #software-architecture #UI #state-machine #event-driven

• The Fundamental Guide to Mobile Usability

  (www.toptal.com)

  #mobile #UI #UX

• Codeship’s Philosophical Approach to Frontend Testing

  (blog.codeship.com)

  #QA #testing #UI #frontend

• Scaling design: The start of system thinking

  (about.gitlab.com)

  #UI #UX

• How to Design an Effective Landing Page

  (www.toptal.com)

  #UI #frontend #UX

• Dashboard Design - Considerations and Best Practices

  (www.toptal.com)

  #data-visualisation #UI #best-practices #UX

• What Does Clarity of Color Have to do with a Mission-Critical Database?

  (www.cockroachlabs.com)

  #data-visualisation #UI #UX

• Using State Tables for Testing

  (spin.atomicobject.com)

  #QA #testing #UI #state-machine

• UI Testing at Squarespace: Part II

  (engineering.squarespace.com)

  #QA #testing #automation #UI

• Naming Things In CSS Grid Layout

  (www.smashingmagazine.com)

  #web-frontend #UI #css

• Effective phone number verification

  (android-developers.googleblog.com)

  #mobile #android #auth #UI

• Designing The Wayback Machine Loading Animation

  (intoli.com)

  #UI #frontend #svg

• UI Testing at Squarespace: Part I

  (engineering.squarespace.com)

  #QA #testing #UI #frontend

• From Bootstrap to CSS Grid

  (open.nytimes.com)

  #UI #css #frontend

• CSS Grid Gotchas And Stumbling Blocks

  (www.smashingmagazine.com)

  #web-frontend #UI #css

• Writing a Tabbed Container View Controller

  (engineering.remind.com)

  #ios #mobile #UI

• Custom Notifications for Android

  (code.hootsuite.com)

  #mobile #app-design #android #UI

• Whole Lottie Love

  (www.novoda.com)

  #mobile #app-design #UI

• Introducing Paralayout

  (medium.com)

  #ios #API #UI