293 private links
A website full of design resources.
It’s a pretty broad range of topics but always through a common lens of design and creative thinking.
All resources and links are shared purely because I think they are cool, interesting or helpful.
Pick a collection of color and share the URL
Great stuff!
I’ve said it before and I’ll say it again: design is deciding. The best designers are the best deciders.
the important work is making the decision and moving on to the next stage. If the actual outputs at each stage are mediocre, that seems to be okay, as long as they’re just good enough to inform a go/no-go decision.
and a testimony from an experienced designer without experience with Figma.
Breadcrumbs are no longer useful because websites are not rigit and hierarchical structures anymore. They focus on retrospective (where the user was) instead of the modern concept of user journey, which is increasingly about anticipation and contextual navigation.
On mobile-first design, breadcrumbs seems redundant.
The industry is moving toward adaptive design solutions:
- contextual, dynamic navigation
- search-centric interfaces
- ai-powered navigation systems (what is the solution then?)
- minimalist design with intuitive navigation
Add direct content with designMode = 'on'
More than flat design, we can built richer interfaces.
Figma is not a platform but a tool,
From a designer that ask for help. They design their prototypes on Figma.
I am a digital designer and artist that likes things that are cool.
The list of features:
- auto field-sizing
- container queries
<dialog>- exclusive accordions
:focus-visible:hashidden=until-found- high-definition colors
<hr>in select- inputmode
min(),max(),clamp()- relative colors
- responsive videos
- scroll behavior
- scroll snap
text-wrap: balance:user-validand:user-invalid- View Transitions API
Design systems are extremely powerful when it comes to quickly creating prototypes.
- 3D flow diagram for relationships and connections
- Card Diagram to highlight and select information or data in relation to its surrounding data and information
- Pyramid graph: Being great at showing two categories of information and comparing them horizontally, they are an alternative to typical horizontal or vertical bar graphs.
Pyramid graph - Sankey Flow Diagram: show the progression and the journey of information and data and how they are connected in relation to their data value.
- Stream graph: a great way to show the data and how it relates to the other data
- Tree map: It’s a great way to show the data spatially and how the data value relates, in terms of size, to the rest of the data.
- Waterfall chart: showing the data and how it relates in a vertical manner to the range of data values.
- Doughnut chart: show the data against the other data segments, and value within a range of data.
- Lollipop chart: excellent method to demonstrate percentage values that also integrates the label and data value well.
- Bubble Chart: illustrate data values in terms of size and sub-classification in relation to the surrounding data.
Start with the first chapter Foundations