Wyzwania związane z GUI
Nie ma jednego sposobu rozwiązania problemów z interfejsami. W ramach tej serii postaramy się znaleźć wiele sposobów na pokonanie wyzwań związanych z interfejsem i zwiększenie różnorodności naszych umiejętności.
Rozwiązywanie problemów z paletami kolorów
W dzisiejszym wyzwaniu GUI @AdamArgyleInk tworzy szeroki zakres kolorów, wykorzystując okLCH, sprawdzając przy tym dostępne pary kolorów, ins...
Znajdowanie sposobów na rozwiązanie tekstu 3D w stylu science fiction
W dzisiejszym wyzwaniu GUI @AdamArgyleInk wprowadza #CSS efekt tekstowy 3D kultowego filmu science fiction z serii @AdamArgyleInk, umożliwiając interaktywne przewijanie. Cóż...
Jak rozwiązać problem GRUPY WYMIAROWEJ
W dzisiejszym wyzwaniu GUI @AdamArgyleInk zmienia grupę przycisków w grupę przełączników wyrównywania tekstu. Dowiedz się, jak przetestować dostęp...
Rozwiązania problemów GLITCH
W dzisiejszym wyzwaniu GUI @AdamArgyleInk tworzy efekt cyberzakłócenia, wykorzystując ścieżki przycinania i przekształcenia CSS.
Jak rozwiązać PODSTAWOWE INFORMACJE
W dzisiejszym wyzwaniu GUI @AdamArgyleInk tworzymy fizyczne efekty interfejsu użytkownika za pomocą niestandardowych właściwości CSS, żądania ramki animacji i ...
Jak rozwiązać problem STOSU KART
W dzisiejszym wyzwaniu GUI @AdamArgyleInk tworzy animowany stos kart z użyciem przekształconych źródeł, siatki i :has().
Znalezienie sposobów na zmianę transformacji
W dzisiejszym niezapomnianym Wyzwaniu GUI @AdamArgyleInk prezentuje na żywo przejścia CSS typu klips, zademonstrował kilka efektów rad, a także zaprezentował nakręcony materiał. Ja...
Sposoby rozwiązania NARZĘDZIA
W dzisiejszym Wyzwaniu GUI @AdamArgyleInk tworzy etykietkę z niestandardowym elementem (bez komponentu internetowego), :has(), przekształcenia i prop...
Ilustracje „CAFE WALL ILLUSION”
W dzisiejszym wyzwaniu GUI @AdamArgyleInk odtworzy efekt iluzji, używając CSS.
SPOSOBY NA ROZWIĄZANIE KARUZEŻÓW
W dzisiejszym wyzwaniach GUI (GUI) @AdamArgyleInk opowiada o funkcjach i aspektach komponentu karuzeli: uwzględnianiu tematów adaptacyjnych oraz adaptacji do różnych...
Jak rozwiązać problemy z funkcją FAB
W ramach dzisiejszego wyzwania GUI (GUI) @AdamArgyleInk tworzy kilka pływających przycisków działania i mówi o kwestiach związanych z UX i CSS ...
Sposoby rozwiązania PRZYCISKÓW
W dzisiejszym wyzwaniu GUI @AdamArgyleInk stylizuje wszystkie typy przycisków na różne sposoby, korzystając z niestandardowych właściwości i :where(), dla jasnego i ciemnego...
Szukanie sposobów na rozwiązanie DIALOGU
W dzisiejszym „GUI Challenge” twórca @AdamArgyleInk pokazuje, jak wizualnie wzbogacić elementy dialogów, zachowując przy tym atrakcyjność i przestronność...
Myślenie, jak rozwiązać pasek ODBIORCY
W dzisiejszym „GUI Challenge” twórca @AdamArgyleInk pokazuje, jak dodać styl do wbudowanego elementu postępu i jak zapewnić wygodę korzystania z czytnika ekranu.
Jak rozwiązać problem SVG FAVICON
W dzisiejszym wyzwaniu GUI @AdamArgyleInk pokazuje, jak stworzyć adaptacyjną favikonę w formacie SVG. SVG nie tylko zapewnia...
MOICH FILMÓW
W dzisiejszym wyzwaniu GUI @AdamArgyleInk zastanawia się, jak stworzyć komponent do zmiany motywu. Często witryna pozwala na zmianę...
Jak rozwiązać funkcję TOASTS
W dzisiejszym Wyzwaniu GUI @AdamArgyleInk pokazuje, jak tworzyć toasty – nieinteraktywny i pasywny komponent interfejsu użytkownika...
Rozwiązania 3D MENU
W dzisiejszym wyzwaniu GUI @AdamArgyleInk opowiada o tym, jak stworzyć menu gry 3D, które dostosowuje się do ustawień kolorów systemu operacyjnego...
Jak rozwiązać problem MULTI-SELECT
W dzisiejszym wyzwaniu GUI opowiem o tym, jak umożliwić użytkownikom dokonywanie wielokrotnego wyboru. Aby zademonstrować możliwość wielokrotnego wyboru, przygotowaliśmy filtr...
Sposoby rozwiązania problemu
W dzisiejszym wyzwaniu GUI opowiadam, jak rozwiązać problem z podzielonymi przyciskami. Jest to podstawowy komponent skondensowanego interfejsu, który umożliwia...
Z myślą o sposobach rozwiązania
W dzisiejszym wyzwaniu z GUI opowiadam, jak rozwiązać zmianę. Mały, rozbudowany w obsłudze komponent, który ostatecznie stał się jednym z najbardziej ...
Jak rozwiązać MATERIAŁY BREADCRUMB
W dzisiejszym wyzwaniu GUI udoskonalamy element menu nawigacyjnego... Zamiast liniowej listy linków menu nawigacyjne tworzy...
Jak rozwiązać SCHEMY KOLORYCZNE
W dzisiejszym wyzwaniu GUI opracowujemy ciemne, jasne i przyciemnione schematy kolorów za pomocą HSL. CSS działa w nowoczesnych przeglądarkach, sprawia, że...
Sposoby rozwiązania SCROLera MEDIA
W dzisiejszym wyzwaniu GUI @Adam Argyle opowiada o tym, jak stworzyć minimalne środowisko przewijania w treści strony internetowej, które...
Szukanie sposobów na rozwiązanie SPLIT TEKSTU
W dzisiejszym wyzwaniu GUI @AdamArgyleInk będzie odpowiadać na Twoje komentarze przez pierwsze 30 minut po premierze odcinka. Połącz...
Inne rozwiązania: USTAWIENIA
W dzisiejszym wyzwaniu GUI opracowujemy i prezentujemy dynamiczną stronę ustawień z suwakami i polami wyboru. Nasza strona ustawień jest elastyczna,
Rozwiązywanie problemów z kartami
W dzisiejszym wyzwaniu GUI stworzymy element kart zawierający kilka naprawdę przydatnych funkcji, o których być może byście nie pomyśleli. Nasze karty to...
Oklaski dla osób, które przesłały zgłoszenie do projektu SIDENAV
Poprosiliśmy społeczność o utworzenie panelu nawigacji w Twoim stylu. Wszystkim się udało. Zobacz nadesłane zgłoszenia:
SIDENAV
W dzisiejszym wyzwaniu GUI za pomocą CSS i JS tworzymy elastyczne, łatwo dostępne, wysuwane elementy nawigacji z boku. Pasek boczny działa...
Wyróżnienie dla osoby przesyłającej film do: CENTERING
Przetestowaliśmy 5 różnych technik centrowania CSS i zachęcaliśmy Was do przesyłania własnych. Wyróżnienie dla Chrisa Coyiera z CSS-Tricks ...
Wzmianka o przesłanym zgłoszeniu: STORIES | Wyzwania GUI
Widzieliście, jak tworzę historie, i rzucamcie wyzwanie. Wyróżnienie dla @Geoffrich_ na Twitterze za jego przesłanie. Możesz...
Inne sposoby na rozwiązanie problemu CENTERING
W dzisiejszym wyzwaniu testujemy 5 różnych technik centrowania CSS. Sprawdź, które techniki warto zdobyć w Twoim plakietce z narzędziami...
Rozmyślanie o sposobach rozwiązywania HISTORII | Wyzwania GUI
Witam na stronie Wyzwania GUI, w której tworzę interfejsy i zachęca mnie Was do wykonywania ich po swojemu. Dzięki połączeniu naszych twórczych pomysłów...