Link offline
blog.zeplin.io · offline
Use Zeplin’s connected components feature to link designer’s UI mocks directly to their React components counterparts
Pedro Bacelar
Lessons about UI (page 8)
The links, tools and tips our engineers and designers share with each other, one “today I learned” at a time.
- lessons shared
- 217
- people sharing
- 20
- database started in
- 2017
- Link offline
Tech Insights· blog.zeplin.io
Use Zeplin’s connected components feature to link designer’s UI mocks directly to their React components counterparts
Shared by
The original link on blog.zeplin.io is no longer available.
Look for it on the Wayback Machine- Components
- React
- Specs
- UI
Tech Insights· uxdesign.cc
Guidelines for shopping carts on e-commerce checkouts
Shared by
Read on uxdesign.cc- Checkout
- UI
- UX
uxpin.com
how to build different types of UI inventories (components, icons, typography) to get the project ready for a design system
Learn what a design system is, how to create one and how to continually use one through our 12-part guide.
Aline Silveira
Tech Insights· uxpin.com
how to build different types of UI inventories (components, icons, typography) to get the project ready for a design system
From uxpin.com
Learn what a design system is, how to create one and how to continually use one through our 12-part guide.
Shared by
Read on uxpin.com- Design
- Design System
- Design System
- UI
Tech Insights· uxdesign.cc
The bulk experience: exploring multi-select and bulk actions
Shared by
Read on uxdesign.cc- Bulk
- Design
- UI
- UX
- Link offlineLink offline
Tech Insights· abstract.com
Make the case: How to get buy-in for building a design system
Shared by
The original link on abstract.com is no longer available.
Look for it on the Wayback Machine- Design Strategy
- Design System
- Design System
- UI
createwithflow.com
Animate Sketch designs using Flow and export code specifications directly to the development team
Professional Animation Software, for iOS, Web and Lottie. Import from Sketch or Figma, animate with our powerful timeline editor, generate production-ready media or code your devs will love to work with.
Pedro Bacelar
Tech Insights· createwithflow.com
Animate Sketch designs using Flow and export code specifications directly to the development team
From createwithflow.com
Professional Animation Software, for iOS, Web and Lottie. Import from Sketch or Figma, animate with our powerful timeline editor, generate production-ready media or code your devs will love to work with.
Shared by
Read on createwithflow.com- Design
- Motion
- UI
Tech Insights· medium.com
good practices for building a Settings page:
Shared by
Read on medium.com- Design
- UI
getwaves.io
Use this SVG random wave, bar and line generator for proxy charts in your UI to test different scenarios
A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!
Pedro Bacelar
Tech Insights· getwaves.io
Use this SVG random wave, bar and line generator for proxy charts in your UI to test different scenarios
From getwaves.io
A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!
Shared by
Read on getwaves.io- Design
- UI
Tech Insights· youtube.com
Steve Schoger | Refactoring UI | CSS Day 2019 - Great talk about UI Refactoring and great tips to make your site more polished
Shared by
Read on youtube.com- CSS
- Design
- UI
- Link offline
usedetails.com · offline
Quick tip: Use Brad Frost’s atomic design logic to organize the assets within your design system, like Details is doing
Pedro Bacelar
Link offlineTech Insights· usedetails.com
Quick tip: Use Brad Frost’s atomic design logic to organize the assets within your design system, like Details is doing
Shared by
The original link on usedetails.com is no longer available.
Look for it on the Wayback Machine- Design
- Figma
- Sketch
- UI
Tech Insights· uxplanet.org
some tips to handle colors on UI design
Shared by
Read on uxplanet.org- Color
- Design
- UI
Tech Insights· flagsarenotlanguages.com
Best practices to display available languages
Shared by
Read on flagsarenotlanguages.com- Design
- UI
nngroup.com
great guidelines for designing breadcrumbs and secondary navigation
Support wayfinding by including breadcrumbs that reflect your site's information hierarchy. On mobile, avoid using breadcrumbs that are too tiny or wrap.
Aline Silveira
Tech Insights· nngroup.com
great guidelines for designing breadcrumbs and secondary navigation
From nngroup.com
Support wayfinding by including breadcrumbs that reflect your site's information hierarchy. On mobile, avoid using breadcrumbs that are too tiny or wrap.
Shared by
Read on nngroup.com- Design
- Navigation
- UI
- UX
nngroup.com
how to deal with polyhierarchical IA trees
When an item fits in more than one category, your IA structure can include multiple parents for that item to avoid losing users.
Aline Silveira
Tech Insights· nngroup.com
how to deal with polyhierarchical IA trees
From nngroup.com
When an item fits in more than one category, your IA structure can include multiple parents for that item to avoid losing users.
Shared by
Read on nngroup.com- Design
- Information Architecture
- UI
Tech Insights· uxplanet.org
kinds of breadcrumbs and when to use them
Shared by
Read on uxplanet.org- Design
- Navigation
- UI
Book a call
Found it useful?
Let’s put it to work.
Tell us about your product and the problem in front of you. We’ll bring what we’ve learned on real projects.
Tell us about your product, and we’ll bring what we’ve learned.
Still prefer the good old email? Contact us
