Jak tworzyć design systemy, PHP nadal żyje, kolekcje fontów i wiele więcej!
Cześć! Witam Was sedecznie w kolejnym wydaniu Ładniejszego Internetu!
Dzisiaj sporo tematów: design systemy, fonty, przykłady interfejsów, narzędzia do Figmy. Oprócz tego PHP nadal żyje i ma się dobrze.
UX/UI
-
Co to jest system projektowy?
Artykuł definiujący koncepcję design systemów i projektowania na ich bazie. Wyjaśnia, jak stworzenie takiego systemu może poprawić efektywność i spójność w pracy projektowej.
-
Dobre praktyki projektowania
Witryna zawierająca zbiór dobrych praktyk i wzorców interakcji. Każdy wzorzec jest poparty przykładami i opisany szczegółowo.
-
Przykłady interfejsów użytkownika
Zbiór przykładów interfejsów użytkownika z różnych aplikacji i stron internetowych, ze szczególnym naciskiem na innowacyjny design.
-
Hierarchia typografii
Artykuł omawiający podstawy hierarchii typografii, jakie są jej cele i jakie elementy składowe ją tworzą.
-
Baza wiedzy UX
Spora baza narzędzi projektowych oraz kursy projektowania.
-
Wytyczne projektowania webowego
Dokument (ciągle aktualizowany!) przedstawia listę szczegółów, które składają się na dobry interfejs internetowy.
-
Kurs o systemach projektowych od Figmy
Seria filmów instruktażowych wideo, omawiających koncepcje i zasady stojące za systemami projektowymi. Dostępna za darmo na YouTube!
-
Koncepcje systemów projektowych
Koncepcje i zasady, na których może opierać się projektowanie systemów projektowych, ze szczególnym uwzględnieniem projektów Goldman Sachs.
-
Biblioteka „UX Writing”
Zbiór materiałów związanych z pisaniem tekstów i komunikatów w interfejsach użytkownika.
-
Projektowanie dopasowanych ikon
Artykuł opisujący, jak dopasować ikony do czcionek i ich stylu, aby stworzyć spójny design.
-
Jak zbudować dobre menu kontekstowe?
Zbiór wskazówek, jak projektować i implementować menu kontekstowe w interfejsach użytkownika.
-
Jak dobierać kolory?
Kompleksowy przewodnik do odkrywania i poznawania teorii postrzegania koloru i kontrastu.
Fonty
Figma
Front-end
-
Windstatic
Biblioteka gotowych do użycia komponentów stron internetowych zbudowana przy pomocy Tailwind CSS i Alpine.js
-
CSS text-wrap: balance
Artykuł omawiający eksperymentalny atrybut CSS text-wrap: balance, który pozwala na lepsze zbalansowanie tekstu na stronie internetowej.
-
Co to jest Tailwind CSS – poradnik
Poradnik dla początkujących, omawiający, czym jest Tailwind CSS, jak działa i jakie są jego zalety.
-
Ariakit
Biblioteka, która zapewnia komponenty do tworzenia dostępnych aplikacji internetowych, systemów projektowych i komponentów w React'cie.
-
Tailwind Resources
Galeria motywów, szablonów i starterów dla Tailwind CSS. Elementy są podzielone na kategorie według typu interfejsu użytkownika, CMS, witryny i szablonu.
-
Unikaj zmiennych globalnych w JavaScript
Artykuł o dobrych praktykach używania zmiennych w JavaScript'cie.
-
Hooks for Alpine.js
Biblioteka narzędzi dla Alpine.js, pozwalająca na łatwe i szybkie tworzenie interaktywnych elementów w interfejsach użytkownika.
-
Create Alpine.js App
Narzędzie do tworzenia startowego szablonu strony www z wykorzystaniem Alpine.js
Laravel
-
PHP to przyszłość
Świetny film Aarona Francisa o tym, że Laravel jest świetną platformą dla tworzenia full–stackowych aplikacji.
-
Laravel Flora
Wygodny sposób na zautomatyzowanie konfiguracji aplikacji w Laravelu.
-
Lemon Squeezy for Laravel
Pakiet do łatwej integracji aplikacji Laravel z Lemon Squeezy – jednym z dostępnych procesorem płatności.
-
ChatGPT Plugin with Laravel
Artykuł opisujący, jak stworzyć plugin do ChatGPT z użyciem Laravela.