Sieć
Smashing 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ęcejPrzewodnik po nowo obsługiwanych, nowoczesnych selektorach pseudoklas CSS
Projekt CSS Working Group Editor's Draft dla [Selectors Level 4] (https://drafts.csswg.org/selectors-4/) zawiera kilka pseudo-klas selektorów, które mają już kandydatów do propozycji w większości nowoczesnych przeglądarek. Ten przewodnik obejmuje te, które obecnie mają najlepsze wsparcie, wraz z przykładami, aby pokazać, jak możesz zacząć z nich korzystać już dziś!
Czytaj więcejProjekt strony internetowej zrobione dobrze: zwyczajne wykonane nadzwyczajnie
Czasami to małe rzeczy w życiu internetowym sprawiają, że patrzymy dwa razy. Od karuzeli, przez dokumentację, po zastrzeżenia dotyczące plików cookie — oto kilka witryn, które traktują przyziemność i dodają trochę magii.
Czytaj więcejKompletny przewodnik po przyrostowej regeneracji statycznej (ISR) z Next.js
Przyrostowa regeneracja statyczna (ISR) to nowa ewolucja Jamstack, umożliwiająca natychmiastową aktualizację statycznej zawartości bez konieczności pełnej przebudowy witryny. Hybrydowe podejście Next.js umożliwia korzystanie z ISR w handlu elektronicznym, stronach marketingowych, postach na blogach, mediach z reklamami i nie tylko.
Czytaj więcej