Best of UX — April 2024
- 1
- 2
- 3
- 4
- 5
- 6
Community Picks·2y
Web Style Guide
Web Style Guide is a comprehensive book on web design written by Patrick J. Lynch and Sarah Horton. It covers topics such as strategy, research, process, information architecture, site structure, page structure, interface design, graphic design, typography, editorial style, images, and video.
- 7
Meet Ritmo, Musixmatch’s cross-platform design system
Musixmatch has created a cross-platform design system called Ritmo that allows for a consistent user experience across multiple apps and platforms. It was built using React Native and React Native for Web to achieve a unified solution for development. The system includes component swaps that adapt to different screen sizes and allows designers and engineers to work on any of the company's products. While there are benefits to the cross-platform approach, such as design language consistency and reduced technical debt, there are also challenges and longer testing times for applying changes to components. Musixmatch continues to evolve Ritmo to meet new challenges and make their content more accessible.
- 8
- 9
- 10
- 11
- 12
- 13
LogRocket·2y
A UX designer’s guide to Storybook
Design systems using Storybook as a platform for collaboration between designers and developers, allowing for the development, testing, and documentation of UI components. Storybook helps bridge the gap between Figma designs and implemented code, ensuring consistency and alignment across teams.
- 14
- 15
Code with Andrea·2y
Flutter Pagination with Riverpod: The Ultimate Guide
Learn how to implement pagination with Flutter using Riverpod. Pagination allows for efficient data fetching and improves user experience by loading data in chunks. Riverpod provides a flexible solution for pagination needs in Flutter apps.
- 16
asayer·2y
Advanced Animation Techniques for Flutter: A Guide
Learn advanced animation techniques in Flutter to enhance user experience, improve UI, and create professional-looking applications. Explore the AnimationController, Tween, AnimatedBuilder, and Curve classes. Set up animations in Flutter using AnimationController and create physics-based animations using the Simulation class. Implement Hero animations for shared element transitions. Understand implicit animations and how to use them with AnimatedContainer. Integrate animated vector graphics using Rive and Lottie.
- 17
Choosing the right Tooltip Library for your Project
This post compares the tooltip libraries Popper.js and Tippy.js, highlighting their significance, features, and applications in web development. It covers the ease of implementation, customization options, performance metrics, community support, and unique features of both libraries. The post concludes that the choice between Popper.js and Tippy.js depends on specific project requirements, developer preferences, and the desired balance between functionality and ease of implementation.
- 18
- 19
- 20
Add Fixed Spacing with the Gap Widget
Learn how to add fixed spacing with the Gap widget in Flutter. Gap can be used as a substitute for SizedBox to easily add gaps inside Flex widgets. It provides a shorter syntax and works along the main axis of the parent widget. However, using Gap adds an extra dependency to your project, so it is optional. If you prefer, you can still use SizedBox for spacing in your Flutter apps.
- 21
Theo - t3․gg·2yCopilot in the CLI is here! I hate it.
GitHub co-pilot is now available in the CLI, allowing users to get terminal command suggestions and explanations. The GitHub CLI has its pros and cons, with some users expressing frustration with its UX. Co-pilot in the CLI can be useful for tasks like explaining commands, suggesting commands, and generating shell-specific aliases.
- 22
