🎨 uxowy.dev #39
...no w końcuuu piąteczeeek! Nie wiem jak Ty, ale ja czekałem na niego. BARDZO!
Nie z powodu blak frajdejów i świetnej oferty, jaką dla Ciebie mam 😂. Spokojnie. Nie mam. Niczego nie chcę Ci sprzedać 😂. Masz już pewnie na skrzynce ze 20 tys. ofert z MEGA ŚWIETNYM RABATEM do wykorzystania, tylko do godziny 20:00 🔥 🚀 😂.
Ja czekałem po to, by wyczilooowaaać 🦥 .
A w dzisiejszym wydaniu uxowego:
- Josh Comeau: An Interactive Guide to Flexbox
- iOS 16 Design Guidelines - konwencje i inne przydatne info dla developera
- 500 darmowych ilustracji od Themeisle do Twojej appki, bloga, lp, prezentacji
Scrolluj to bejbe! 😂 👇
Josh Comeau: An Interactive Guide to Flexbox
![](https://uxowy.dev/content/images/2022/11/image-4.png)
Wyjątkowo, nie jest to content typowo UX/UI-owy.
Choć temat flexboxa pewnie jest Ci dość dobrze znany, to warto obczaić artykuł Josha.
Dlaczego?
Żeby poczuć dobrego UXa 🙂
Bo oprócz standardowego tekstu, do przekazania wiedzy Josh (o którym była mowa już w #12 wydaniu newslettera) używa... no właśnie - czego?
W tym artykule znajdziesz:
- interaktywne elementy, całe ich mnóstwo
![](https://uxowy.dev/content/images/2022/11/An-Interactive-Guide-to-Flexbox-in-CSS-2022-11-23-17-25-52.png)
- code playground
![](https://uxowy.dev/content/images/2022/11/An-Interactive-Guide-to-Flexbox-in-CSS-2022-11-23-17-26-36.png)
- wytłumaczenia z elementami humorystycznymi:
![](https://uxowy.dev/content/images/2022/11/An-Interactive-Guide-to-Flexbox-in-CSS-2022-11-23-17-24-15.png)
- przestrogi przed "potknięciami":
![](https://uxowy.dev/content/images/2022/11/An-Interactive-Guide-to-Flexbox-in-CSS-2022-11-23-17-27-37.png)
- a nawet filmik tłumaczący "how it works":
![](https://uxowy.dev/content/images/2022/11/An-Interactive-Guide-to-Flexbox-in-CSS-2022-11-23-17-31-12.png)
WOW!
Widać mega dużo włożonej w to pracy.
Autor zdradził, że spędził nad nim ponad 60 godzin 👀. Utworzył ponad 20 interaktywnych widgetów i napisał ponad 5000 linii kodu.
Obowiązkowe do obczajenia, pół Internetu o tym mówi 😂: joshwcomeau.com/css/interactive-guide-to-flexbox
iOS 16 Design Guidelines - konwencje i inne przydatne info dla developera
![](https://uxowy.dev/content/images/2022/11/image-5.png)
Istna skarbnica wiedzy dla developerów tworzących aplikacje mobilne.
Z tego artykułu dowiesz się m.in.:
- jakie są standardowe rozmiary ekranów telefonów z iOS-em
- dlaczego pt to nie to samo co px
- jakie rozmiary powinien mieć klikalny obszar (44x44 pts)
- jaka powinna być minimalna wielkość tekstu (10pt)
- o wymogach Human Interface Guidelines,
- i ogólnie o wszelakiego rodzaju konwencjach panujących w iOS
- jest tego cała masa! - ale podana w fajnej formie, polecam!
Link: learnui.design/blog/ios-design-guidelines-templates.html
500 darmowych ilustracji od Themeisle do Twojej appki, bloga, lp, prezentacji
![](https://uxowy.dev/content/images/2022/11/Free-illustrations---Free-to-use-illustrations---vectors-2022-11-24-21-15-04.png)
To drugie znakomite źródło (zaraz po undraw.co) jakie zanalazłem.
Jedyna rzecz, której brakuje to wyszukiwarka.
Ale za to możemy pobrać wszystkie ilustracje jako zip 😛
Zupełnie za darmo i bez żadnych wymogów umieszczania źródła możemy pobrać 500 ilustracji i używać ich do wzbogacenia naszej aplikacji, bloga, langing page'a czy prezentacji.
Link: themeisle.com/illustrations
To wszystko na dziś.
Weekend czas zacząć!!! 🍻
Memik na zakończenie:
![](https://uxowy.dev/content/images/2022/11/image-6.png)
Pozdrawiam i do następnego! 👋
...w przyszły piątek 😉
Mikołaj Waśkowski
uxowy.dev
Jeśli jeszcze nie ma Cię na liście 🤔
Wysyłamy jeden email tygodniowo, w każdy piątek, o godz. 12:00.
Wartościowa wiedza o UI/UX dla developera może wylądować do Twojej skrzynki.