Ready to use design tokens
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
Source code: https://github.com/htmlstreamofficial/preline
A game where you need to pick the design that is most correct. Test your attention to details!
Check the interaction is ok
A better segmented control. How we embraced a growth mindset and… | by Runi Goswami | Tap to Dismiss | Medium
The Selection control ecosystem flow chart has a great tree-choice to display the expected field component.
Which errors or alert message should be used?
You simply substract the side distance [y-axis] from the larger corner radius.
That way you end up with the right one for the smaller shape.
Seen on Twitter but I could not find the author again
Improved list designs. It's refreshing.
What you can’t do is create good experiences without knowing your content structure. What is your content made from, not what your content is.
We’d really like to understand the type and structure of the content for this project. Don’t worry, you don’t have to write anything yet, just help us understand.
The writer relates after that its process.
Most of these websites are a rebellion from the predominance of the Bootstrap UI, with its clean, responsive designs, and to the more and more senseless diktats that digital media had to abide by in order to make a profit in the early-to-mid 2010.
Websites look coherent even if they don't have "clean" UIs.
[Brutalism] is kind of taking everything that you don’t see on the internet that you still see in print or vintage design, if you will, even kind of a nod to the past, blowing it up and bringing it back on the web,” said Blake. [...]
This experimentation comes from seeing the internet as a medium for making (and not just showcasing) art.
Infinite Scroll checklist
*If in doubt, always prefer pagination.
- With infinite scroll, always integrate a footer reveal.
- Consider separating “old” and “new” items visually.
- Provide an option to continue browsing later.
- Consider using “load more” + infinite scroll together.
- Consider using pagination + infinite scroll together.
- Change the URL as new items are loaded in and expose it to users.
- Allow users to jump to any page with a pagination drop-down.
- Consider using scrollbar range intervals.
- Consider allowing users to pin or bookmark items/areas of interest.
- Make sure accessibility and performance are major considerations in the implementation.
A curated gallery of patterns by awesome designers & illustrators
Typography, layout, color, patterns — vintage magazines provide an endless source of inspiration. If you’re up for some eye candy, the folks at Present & Correct have collected a selection of print design goodies over time.
A collection of websites or design resources. There is a lot to explore !
A way to generate a gradient color depending of a main color. Applied with https://www.opensourcecolorsystem.design/system, it can be awesome :)