Comiesięczna aktualizacja tworzenia stron internetowych 1⁄2019: Ponowne przemyślenie nawyków i znalezienie niestandardowych rozwiązań

Co może być lepszego niż rozpoczęcie nowego roku od nowych eksperymentów? Dzisiaj pomyślałem, że nadszedł czas, aby przemyśleć oprzyrządowanie JavaScript w jednym z moich projektów. A ponieważ napisaliśmy już wszystko w zwykłych modułach ECMAScript, pomyślałem, że łatwo będzie teraz obsługiwać je natywnie i usunąć wszystkie kroki kompilacji i transpilacji. Dopóki nie zdałem sobie sprawy, że — chociaż większość kodu napisaliśmy sami — mamy tam kilka zależności zewnętrznych i oczywiście nie wszystkie z nich są modułami ECMAScript. Więc na razie muszę zrezygnować z moich planów usunięcia wszystkich kroków kompilacji i kontynuować pakowanie i transpilowanie rzeczy, ale postaram się znaleźć lepsze rozwiązanie, aby zmodernizować i uprościć naszą konfigurację oprzyrządowania, jednocześnie dostarczając mniejszy pakiet do naszego użytkowników.

Kolejny eksperyment: Zaledwie kilka tygodni temu musiałem zbudować prosty przycisk „przejdź na górę strony” dla witryny internetowej. Użyłem requestAnimationFrame i podobnych rzeczy, aby zoptymalizować obsługę zdarzeń, ale dziś znalazłem ładniejsze i wydajniejsze rozwiązanie, które wykorzystuje IntersectionObserver do przełączania przycisku na widoku. Ten artykuł znajdziesz w sekcji JavaScript poniżej. Powodem, dla którego chciałem podzielić się tymi małymi historyjkami, jest to, że wierzę, że najważniejsze jest to, abyśmy przejrzeli nasze nawyki i obecne rozwiązania i zobaczyli, czy istnieją lepsze, nowsze, prostsze pomysły, które mogłyby ulepszyć produkt. Graj dalej, prowadź badania i pamiętaj, aby od czasu do czasu przemyśleć istniejące systemy.

Aktualności

• Joseph Medley pokazuje nam wycofania i usunięcia w Chrome 72, które obejmują blokowanie wyskakujących okienek podczas wyładowywania strony za pomocą window.open , przypinanie klucza publicznego opartego na HTTP oraz wycofanie TLS 1.0 i TLS 1.1.

UI/UX

• To, o czym pisze Jesse Weaver, nie brzmi jak wielka nowina, ale pokazuje, jak szybko kusi nas przyjęcie strategii produktowej, która działa dla innych w przypadku naszych własnych produktów. Jesse opowiada, dlaczego to nie jest dobry pomysł i dlaczego zawsze powinieneś szukać własnych, niestandardowych rozwiązań.

Wydajność sieciowa

• Jack Lenox bada, w jakim stopniu wydajność witryny internetowej wpływa na klimat naszej planety i jaki wpływ ma wydajność na odwiedzających — poza lepszym czasem wczytywania.
• Tim Kadlec wyjaśnia, dlaczego wydajność jest kwestią etyczną, ponieważ może uwzględniać lub wykluczać ludzi, zwiększać lub ograniczać marnotrawstwo energii, ruch sieciowy i czas.

JavaScript

• W jaki sposób udostępniamy przycisk „powrót do góry”? Cóż, oto bardzo wydajne, wydajne podejście, które wykorzystuje obserwatora skrzyżowania do pokazywania i ukrywania przycisku.
• Ackermann Yuriy opisuje, w jaki sposób możemy wykorzystać FIDO2 i Web Authentication API do logowania użytkowników bez haseł.
• Chrome pracuje obecnie nad interfejsem API o nazwie getInstalledRelatedApps , który pozwala wykryć, czy użytkownik ma zainstalowaną aplikację natywną. Może to być przydatne, aby domyślnie nie wyświetlać im już banerów aplikacji lub pozwolić im otworzyć określoną funkcję produktu w aplikacji bezpośrednio z Twojej witryny.
• Harry Wolff pokazuje, jak możemy wykorzystać React.lazy i suspens do podzielenia kodu w aplikacjach JavaScript. Jest to ważne, aby zmniejszyć pierwotny rozmiar ładowania pakietu aplikacji i może mieć ogromny wpływ na wydajność i UX witryny.

CSS

• Una Kravets napisał świetny artykuł o używaniu Houdini i Paint API dla CSS. Demonstruje to na przykładzie niestandardowego stylu podkreślenia dekoracji tekstu, który nie jest dostępny w standardowym CSS.
• Eric Portis wyjaśnia koncepcję atrybutu HTML intrinsicsize , który — miejmy nadzieję, że wkrótce — pomoże nam zapewnić wolne od szarpnięć ładowanie obrazów w przeglądarkach, podpowiadając przeglądarce oczekiwane wymiary obrazów, zanim je przeanalizuje.
• Scott Jehl zaktualizował moduł select niestandardowego wyglądu typu open source iw tym poście na blogu opisuje, w jaki sposób możemy dzisiaj select styl.
• Chris Coyier podsumował, jak stylizować komponent sieciowy i zdecydować, czy chcemy, aby dziedziczył style globalne, czy zaczynał od zera.

Życie zawodowe

• „Poczucie spełnienia jest ważną częścią naszego poczucia własnej wartości. Bicie siebie, ponieważ myślisz, że mogłeś osiągnąć więcej, może nadszarpnąć twoją pewność siebie i poczucie własnej wartości i sprawić, że poczujesz się wyczerpany pod koniec dnia”. Lisa Evans dzieli się tym, co możemy zrobić, aby uniknąć wpadnięcia w tę pułapkę.
• Itamar Turner-Trauring dzieli się swoimi przemyśleniami na temat tego, jak znaleźć pracę z zachowaniem równowagi między życiem zawodowym a prywatnym, gdy konkurujesz z ludźmi, którzy chcą pracować przez długie godziny.
• Czy to dobry pomysł, aby zapewnić opiekę zdrowotną i leczenie w oparciu o produkty cyfrowe, takie jak aplikacje? A jeśli tak, jakie są wymagania, standardy? Jak możemy zapewnić, że jest to zrobione zgodnie z etyką? Jak ustalamy granice, granice prywatności, jak daleko pozwalamy firmom posunąć się tutaj z eksperymentami? Czy spersonalizowana treść byłaby w porządku? Czy można udostępniać dane zebrane z naszych urządzeń dostawcom usług medycznych lub ubezpieczycielom? To pytania, które będziemy musieli sobie zadać i znaleźć na nie indywidualną odpowiedź.
• Ten artykuł o tym, jak Millenialsi stali się pokoleniem wypalonym, mocno mnie uderzył w tym tygodniu. Widzę siebie w tej grupie ludzi opisanych jako „Millenials” (myślę, że dotyczy to znacznie większej liczby osób niż tylko 20-latków) i mogłem odnieść się do tak wielu wspomnianych tam zmagań, że teraz myślę, że te problemy są większe, niż kiedykolwiek sobie wyobrażałem. Wpłyną na społeczeństwo, politykę, każdą jednostkę na naszej planecie. Biorąc pod uwagę ten fakt, szaleństwem jest słyszeć, że większość ludzi dzisiaj odpowiada, że ​​nie ma przyjaciela, z którym mogliby porozmawiać o swoich lękach i wszystkim innym, co ich niepokoi, podczas gdy dwie dekady temu przeciętna odpowiedź wciąż wynosiła około pięciu. Zapewniamy naszych znajomych, że jesteśmy dla nich i mogą z nami porozmawiać o trudnych sprawach. Rok 2019 powinien być rokiem, w którym – w naszym kręgu wpływów – sprawiamy, że wspaniale jest żyć w ludzkiej społeczności, w której możemy z ekscytacją i szczęściem myśleć o naszych przyjaciołach, sąsiadach i ludziach, z którymi pracujemy lub rozmawiamy przez Internet.
• Wszyscy staramy się pogodzić tak wiele rzeczy w tym samym czasie: odnosić sukcesy i być produktywni w pracy, w domu, z naszymi dziećmi, w naszych związkach, uprawiać sport, doskonalić swoje finanse i niektóre hobby. Ale ślepo ignorujemy, że niemożliwe jest zarządzanie tym wszystkim na tym samym poziomie w tym samym czasie. Żałujemy, gdy nie robimy wszystkiego w określonym czasie, np. pod koniec roku kalendarzowego. Shawn Blanc twierdzi, że powinniśmy celebrować to, co zrobiliśmy, zamiast czuć się winnym za to, czego nie zrobiliśmy.

Wykraczając poza…

• Są słowa, a potem są słowa. Wielu z nas wie, jak szkodliwe może być słowo „sprawiedliwe”, jakie jest nakazowe, jak biernie agresywne. Tobias Tom kwestionuje to, czy „powinien” jest użytecznym słowem, badając niejawność i rezultat używania go w naszym codziennym języku. Dlaczego „powinno” może zaszkodzić Tobie i temu, co chcesz osiągnąć.
• „Wszyscy wiemy, za czym się opowiadamy. Sztuką jest jasne określenie naszych wartości — i przestrzeganie ich — mówi Ben Werdmuller i wskazuje, jak ważne jest myślenie o własnej czerwonej linii, której nie chcesz przekraczać, niezależnie od presji zewnętrznej, z którą możesz się zmierzyć lub pieniądze, które możesz za to dostać.
• Ekscytujące wieści dotyczące poprawy klimatu w tym tygodniu: zespół arborystów z powodzeniem sklonował i wyhodował sadzonki z pniaków niektórych z najstarszych i największych na świecie sekwoi na wybrzeżu, z których niektóre miały 3000 lat i mierzyły 35 stóp średnicy, gdy zostały wycięte w XIX i XX wieku. Na początku tego miesiąca 75 sklonowanych sadzonek posadzono w Parku Narodowym Presidio w San Francisco. To, co sprawia, że ​​jest to tak wyjątkowe, to fakt, że te starożytne drzewa mogą przez całe życie pochłaniać 250 ton dwutlenku węgla z atmosfery, w porównaniu do 1 tony na przeciętne drzewo.
• Ciągły rozwój technologiczny i dążenie do tworzenia nowych usług, które automatyzują coraz więcej rzeczy, sprawiają, że jeszcze ważniejsze jest podkreślenie więzi międzyludzkich. Firmy, które nie wykażą się żadnym wysiłkiem, aby poprawić rzeczy dla swoich klientów, pracowników lub środowiska, wkrótce zaczną się zmagać, mówi Ryan Paugh.
• Zwykle nie oczekujemy zbyt wielu miłych wiadomości o wynalazkach technologicznych z branży motoryzacyjnej i ich chęci dzielenia się nią z innymi. Jednak Toyota zdecydowała się teraz udostępnić konkurentom swój zautomatyzowany system bezpieczeństwa „Guardian”. Wykorzystuje technologię autonomicznej jazdy, aby zapobiec awariom samochodów. „Nie zatrzymamy go wyłącznie dla siebie. Ale zaoferujemy to w jakiś sposób innym, czy to poprzez licencje, czy też całe systemy”, mówi Gill Pratt z firmy.

Dziękuję za przeczytanie! Cieszę się, że wrócę z tą nową edycją mojej aktualizacji Web Development Update w 2019 roku i jestem wdzięczny za wasze ciągłe wsparcie. Cieszę się, że tak wielu ludzi uważa ten zasób za pomocny. Więc jeśli Ci się podobało, podziel się nim ze znajomymi, przekaż mi swoją opinię lub wesprzyj to niewielką kwotą pieniędzy. — Anzelm