Artykuły dla tych, którzy
wdrażają stack
Materiały o React, Node.js, TypeScript i AI. Przetłumaczony tekst jest pokazany, gdy istnieje. Jeśli nie, widać tekst angielski i dopisek o tym.
Tag: CSS
Gładka nawigacja przypominająca aplikację dzięki API View Transitions w Next.js
Przejścia między stronami w stylu aplikacji w Next.js za pomocą View Transitions API: ruch elementów wspólnych pomiędzy trasami bez konieczności używania ciężkiej biblioteki animacji, wraz z informacjami dotyczącymi obsługi.
4 min czytaniaPięć wskazówek typu link rel wskazujących na szybkość pierwszego wyświetlenia treści
Użyj preconnect, preload, dns-prefetch, prefetch oraz modulepreload w nagłówku dokumentu, aby przygotować połączenia i ograniczyć zużycie zasobów, bez konieczności przepisywania aplikacji.
3 min czytaniaStylizuj elementy nadrzędne na podstawie ich zawartości za pomocą CSS :has().
Dowiedz się, jak :has() w końcu umożliwia selektorom analizę potomków i rodzeństwa, gdzie mogą być wykorzystywane w otoczeniach microfrontendów oraz dlaczego Shadow DOM w połączeniu z kontraktami class-name nadal ogranicza to podejście.
6 min czytaniaReakcyjne akordeony nadające się do przeglądania: składanie za pomocą CSS Grid, a nie usuwania komponentów
Stwórz nawarstwione akordeony w React, które przechowują treść w DOM dla celów indeksowania, animują wysokość za pomocą wierszy siatki, ograniczają możliwość otwarcia tylko jednego elementu na poziomie oraz resetują stan po zamknięciu.
8 min czytaniaPrzełączanie wyświetlania poza ekranem za pomocą content-visibility i contain-intrinsic-size
Dowiedz się, w jaki sposób funkcja content-visibility: auto obniża koszty układu na długich stronach renderowanych przez serwer, dlaczego właściwość contain-intrinsic-size jest obowiązkowa oraz jak różni się od wirtualizacji.
12 min czytaniaTyped CSS attr(): Bezpośrednie wprowadzanie wartości atrybutów HTML do stylów
Dowiedz się, w jaki sposób funkcja CSS attr() przekształca atrybuty danych na wartości odpowiadające długościom, kolorom i czasom, dlaczego jej alternatywy nie działają, dlaczego funkcja url() jest zablokowana oraz jak bezpiecznie ją wykorzystywać obecnie.
18 min czytaniaKto powinien kontrolować zachowanie interfejsu użytkownika? Wybór między HTML, CSS a JavaScript
Ramy decyzyjne określające, kiedy funkcje natywne HTML i CSS takie jak dialog, popover, :has() oraz zapytania kontenera powinny zastąpić JavaScript, a kiedy nie.
15 min czytaniaPrzycisk opinii w formie animowanego kciuka w górę bez żadnej biblioteki animacji
Stwórz widget z opiniami w postaci kciuka w górę i w dół z animacją pop na podstawie kluczowych klatek, stanami aktywnymi oraz żądaniem danych, używając wyłącznie HTML, CSS i kilku linijek JavaScript.
7 min czytaniaStruktura, styl, zachowanie: Jak HTML, CSS i JavaScript dzielą pracę
Przystępna dla początkujących mapa pokazująca, co każdy z elementów HTML, CSS i JavaScript zawiera na stronie internetowej, jak ze sobą współpracują oraz jakie powszechne błędy zamazują granice między nimi.
6 min czytania
O tych artykułach
Wycena w 24 h
Potrzebujesz tego stacka w warstwie operatorskiej? Wyślij brief — wycena w 24 h.