Sieć
Jak zaimplementować uwierzytelnianie w Next.js z Auth0?
Samouczek krok po kroku dotyczący dodawania uwierzytelniania i autoryzacji do aplikacji Next.js z Auth0. Użyjemy SDK Next.js, aby połączyć naszą aplikację z API Auth0 i utworzymy dynamiczną trasę API dla Reacta.
Czytaj więcejFrustrujące wzorce projektowe: mega-rozwijane menu podręczne
Wszystko, o czym należy pamiętać podczas projektowania i tworzenia mega rozwijanego menu, typowych pułapek, opóźnień wejścia/wyjścia w zawisie, techniki trójkąta trajektorii i obszarów wyjścia ze ścieżki SVG.
Czytaj więcejJak tworzyć, edytować i animować pliki SVG w jednym miejscu za pomocą SVGator 3.0
Dzisiaj przyjrzymy się bliżej [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), nowej głównej wersji popularnej aplikacji SVG, która umożliwia tworzenie, edytowanie i animuj pliki SVG i jak najlepiej wykorzystaj to, co SVG ma do zaoferowania — od początku do końca.
Czytaj więcejSmashing Podcast Episode 37 z Adamem Argyle: Co to jest VisBug?
W tym odcinku mówimy o VisBug. Co to jest i czym różni się od szeregu opcji dostępnych już w Chrome DevTools? Drew McLellan rozmawia z jego twórcą Adamem Argyle, aby się dowiedzieć.
Czytaj więcejJak ulepszyliśmy nasze kluczowe wskaźniki internetowe (studium przypadku)
„Aktualizacja funkcji strony” Google zacznie być wprowadzana w czerwcu. Na początku witryny, które spełniają progi Core Web Vitals, będą miały niewielką przewagę w rankingu w wyszukiwarce mobilnej we wszystkich przeglądarkach. Wyszukiwanie jest ważne dla każdej firmy, a oto historia o tym, jak Beau Hartshorne i jego zespół w Instant Domain Search poprawili swoje wyniki w Core Web Vitals.
Czytaj więcejPotrząsanie drzewem: przewodnik referencyjny
„Wstrząsanie drzewami” to niezbędna optymalizacja wydajności podczas dołączania JavaScriptu. W tym artykule zagłębimy się w to, jak dokładnie to działa i jak specyfikacje i praktyki przeplatają się, aby pakiety były szczuplejsze i bardziej wydajne. Dodatkowo otrzymasz wstrząsającą drzewem listę kontrolną do wykorzystania w swoich projektach.
Czytaj więcejFrustrujące wzorce projektowe, które wymagają naprawy: wybór urodzin
W tej nowej serii artykułów na temat UX przyjrzymy się bliżej niektórym frustrującym wzorcom projektowym i zbadamy lepsze alternatywy, wraz z mnóstwem przykładów, o których warto pamiętać podczas tworzenia lub projektowania. Zacznijmy od niesławnego selektora urodzin.
Czytaj więcejMałe historie rozbijające
Dzisiaj mija dzień, w którym rozesłaliśmy 300. wydanie Smashing Newsletter. Ten artykuł to mała uroczystość, podczas której dzielimy się historiami o Smashingu od ludzi pracujących za kulisami.
Czytaj więcejZrozumienie funkcji łagodzenia dla animacji i przejść CSS
Funkcje wygładzania mogą zmienić wygląd animacji, wpływając na szybkość lub szybkość animacji. W tym artykule przyjrzymy się bliżej funkcjom wygładzania i zobaczymy, jak możemy ich użyć do stworzenia tych naturalnych i zachwycających animacji.
Czytaj więcejJak upiec warstwy testów dostępności w swoim procesie?
Eksperci ds. dostępności, Kate Kalcevich i Mike Gifford, wprowadzają czytelników w „warstwowe testowanie ułatwień dostępu”, praktykę polegającą na stosowaniu różnych narzędzi i podejść na różnych etapach cyklu życia produktu cyfrowego w celu wczesnego wykrywania problemów z dostępnością — gdy ich naprawienie jest łatwiejsze i tańsze.
Czytaj więcej