Sieć
Jak naprawić problemy ze skumulowanym przesunięciem układu (CLS)
Inicjatywa Google Core Web Vitals szturmem podbiła światy SEO i Web Performance, a wiele witryn jest zajętych optymalizacją ich Page Experience, aby zmaksymalizować współczynnik rankingu. Wskaźnik skumulowanej zmiany układu powoduje problemy w wielu witrynach, więc przyjrzyjmy się sposobom rozwiązywania wszelkich problemów związanych z tym wskaźnikiem.
Czytaj więcejPoprawa wydajności sklepu internetowego (studium przypadku)
Uzyskanie dobrego wyniku wydajności od Google jest trudne dla każdej witryny — ale zrobienie tego w przypadku sklepu internetowego jest jeszcze trudniejsze. Osiągnęliśmy zielone wyniki — nawet kilka w przypadku urządzeń mobilnych. Oto jak to zrobiliśmy.
Czytaj więcejDodawanie systemu komentowania do edytora WYSIWYG
W tym artykule ponownie użyjemy podstawowego edytora WYSIWYG, wbudowanego w pierwszym artykule, do zbudowania systemu komentowania dla edytora WYSIWYG, który umożliwia użytkownikom zaznaczanie tekstu w dokumencie i udostępnianie komentarzy do niego. Zagłębmy się!
Czytaj więcejPrzydatne rozszerzenia VS Code dla programistów front-end
Poznaj przydatne rozszerzenia Visual Studio Code dla programistów internetowych: mali pomocnicy, aby zminimalizować spowolnienia i frustracje, a także usprawnić przepływ pracy programistów. Z automatycznymi komunikatami dziennika, automatycznym formatowaniem kodu, narzędziami do plików, etykietami plików, fragmentami kodu, nawiasami wyróżniającymi, tagami, wcięciami i obszarami roboczymi, dołączaniem i zdalnym SSH.
Czytaj więcejJak tworzyć i uruchamiać potężne, responsywne strony internetowe za pomocą edytora X
Chociaż twórcy stron internetowych istnieją od dawna, dopiero niedawno stały się praktyczne do użytku profesjonalnego. Zamykanie luki między projektowaniem a kodowaniem stało się gwiazdą północy dla wielu firm i widzimy falę narzędzi, które spełniają tę obietnicę.
Czytaj więcejDostępne pliki SVG: idealne wzory dla użytkowników czytników ekranu
Dowiedz się, których wzorców SVG powinniśmy unikać i które wzorce są najbardziej inkluzywne, porównując różne kombinacje systemów operacyjnych, przeglądarek i czytników ekranu.
Czytaj więcejPrzewodnik po usuwaniu błędów za pomocą Gita (część 2)
Błędy. Ci okrutni złoczyńcy nie zatrzymują się nawet w pięknym świecie tworzenia oprogramowania. Ale chociaż nie możemy uniknąć popełniania błędów, możemy nauczyć się je cofać! Ten post pokaże Ci odpowiednie narzędzia do codziennej pracy z Git.
Czytaj więcejNowy sposób na zmniejszenie wpływu ładowania czcionek: deskryptory czcionek CSS
Czcionki internetowe są często straszne dla wydajności sieci i żadna ze strategii ładowania czcionek nie jest szczególnie skuteczna, aby temu zaradzić. Nadchodzące opcje czcionek mogą w końcu spełnić obietnicę ułatwienia wyrównania czcionek zastępczych do czcionek ostatecznych.
Czytaj więcejZapytania kontenerów CSS: przypadki użycia i strategie migracji
Zapytania kontenerów CSS przybliżają zapytania o media do samych elementów docelowych i umożliwiają im dostosowanie się do praktycznie dowolnego kontenera lub układu. W tym artykule omówimy podstawy zapytań kontenerowych CSS i sposoby ich dzisiejszego użycia z progresywnym ulepszaniem lub wypełnianiem wielokrotnym.
Czytaj więcejTworzenie edytora tekstu sformatowanego (WYSIWYG)
Zbudujmy bogaty tekst, edytor WYSIWYG, który obsługuje tekst sformatowany, obrazy, linki i niektóre niuanse z aplikacji do przetwarzania tekstu. Użyjemy SlateJS do zbudowania powłoki edytora, a następnie dodamy pasek narzędzi i niestandardowe konfiguracje.
Czytaj więcej