Komponenty przeniesione ze stron Dealyo

Każdy podgląd jest osobnym dokumentem z CSS projektu źródłowego. Dzięki temu style katalogu nie zmieniają jego typografii, układu ani zachowania. Katalog components.html pokazuje te dokumenty w ramkach i odsyła do samodzielnych podglądów.

Użycie

1. Pobierz paczkę komponentów i zachowaj strukturę folderów.
2. Otwórz dokument wybranego komponentu w folderze ui, content, data, extended lub scenarios. Podgląd animacji modułowych uruchom przez lokalny serwer HTTP, np. python3 -m http.server 8000 w rozpakowanym folderze.
3. Kopiowany HTML jest fragmentem. Do jego działania wymagane są arkusze, fonty i skrypty wymienione w dokumencie podglądu oraz manifeście danego folderu. Najbezpieczniej zacząć od kompletnego dokumentu i zachować klasy rodziców.
4. Zmieniaj treść, a nie konstrukcję. Pola w nawiasach oznaczają treść do uzupełnienia. Nie wpisuj danych klienta do tej biblioteki.
5. Nie łącz bez sprawdzenia arkuszy z różnych projektów na jednej stronie. Podglądy są rozdzielone właśnie po to, żeby nie nadpisywały się wzajemnie.

Decyzje Daniela mają pierwszeństwo: pomarańcz #FE4A23, białe napisy i strzałki na pomarańczowych CTA, boxy bez radius. Zmiany służące osadzeniu podglądu i wyłączeniu wysyłki formularza są opisane przy odpowiednim źródle. Animacje dodajemy tylko tam, gdzie występują w użytym projekcie; zachowujemy obsługę ograniczonego ruchu.

Manifesty dokumentują źródła i zależności. Pliki CSS projektów źródłowych są snapshotami: późniejsze zmiany oryginalnej strony nie aktualizują ich automatycznie.