Comiesięczna aktualizacja tworzenia stron internetowych 4⁄2018: Wysiłek, uprzedzenia i bycie produktywnym

W dzisiejszych czasach myślenie długoterminowe jest jednym z największych wyzwań. W świecie, w którym żyjemy z urządzeniami, które działają tylko kilka miesięcy, a może kilka lat, gdzie kupujemy rzeczy, aby je wyrzucić zaledwie kilka dni lub tygodni później, termin „wysiłek” nabiera nowego znaczenia.

Ostatnio czytałem esej na temat „Yatnah”, „Wysiłek”. W ostatnich tygodniach spędziłem dużo czasu na łonie natury i stworzyłem mały akr, aby uprawiać warzywa. Uczestniczyłem również w warsztatach, aby nauczyć się rzemiosła szczepienia drzew owocowych. Kiedy ścinasz drzewo, zdajesz sobie sprawę, że nasz szybki, krótkotrwały tryb życia bardzo różni się od tego, jak działa natura. Zaszczepiłem drzewo, które powinno rosnąć od dziesięcioleci, a jeśli wytniesz drzewo, które jest tam od czterdziestu lat, potrzeba kolejnych czterdziestu, aby wyrosło takie, które będzie podobnie wysokie.

Chciałabym, abyśmy wszyscy spróbowali stworzyć trwalszą pracę , oprogramowanie, które działa przez dekadę, i aby to zrobić, włożyli wysiłek w nauczenie się, jak możemy to osiągnąć. Tak długo, zostawię was z tym cytatem i kilkoma ciekawymi artykułami.

„W naszym współczesnym świecie odrzucenie wysiłku i zastąpienie go kilkoma zdaniami pozytywnego myślenia może być kuszące. Ale nic nie zastąpi praktyki”.

— Kino Macgregor

Aktualności

• Safari Technology Preview 52 usuwa obsługę wszystkich wtyczek NPAPI innych niż Adobe Flash i dodaje obsługę preconnect łączy przed połączeniem.
• Chrome 66 Beta wprowadza CSS Typeed Object Model, Async Clipboard API, AudioWorklets oraz obsługę używania calc() , min() i max() w zapytaniach o media. Ponadto pola select i textarea obsługują teraz atrybut autocomplete , a klauzula catch instrukcji try może być od teraz używana bez parametru.
• iOS 11.3 jest już dostępny publicznie i, jak już zapowiedziano, wydanie zapewnia obsługę progresywnych aplikacji internetowych na iOS. Maximiliano Firtman opowiada, co to oznacza, co działa, a co (jeszcze) nie działa.
• Safari 11.1 jest teraz dostępne dla wszystkich. Oto podsumowanie wszystkich nowych funkcji WebKit, które zawiera.

Ogólny

• Anil Dash zastanawia się nad tym, czym miała być sieć i czym dzisiejsza sieć różni się od tego: „W czasach, gdy miliony tracą zaufanie do największych stron internetowych, warto wrócić do idei, że sieć miała składać się z niezliczonych małe witryny. Oto spojrzenie na zaniedbane technologie, które miały to umożliwić.”
• Morten Rand-Hendriksen napisał o stosowaniu etyki w projektowaniu stron internetowych i jakie pytania powinniśmy sobie zadać, proponując rozwiązanie, tworząc projekt lub nową funkcję. Szczególnie, gdy myślimy, że robimy coś „inteligentnego”, ważne jest, aby najpierw zadać sobie pytanie, czy to rzeczywiście pomaga ludziom.
• Wiele protestów i dyskusji pojawiło się wraz z aferą Facebook / Cambridge Analytica, większość z nich wskazywała na problemy technologiczne związane z modelem uprawnień Facebooka. Ale sedno tkwi w tym, jak Facebook zaprojektował swoją firmę i jakie wyznaczyły podstawy etyczne. Jeśli nie chcemy, aby coś takiego się powtórzyło, musimy zaprojektować usługę, której potrzebujemy.
• Brendan Dawes wyjaśnia, dlaczego uważa, że ​​adresy URL są same w sobie arcydziełem i doświadczeniem użytkownika.
• Transkrypcja przemówienia Charliego Owena „Drogi Deweloperze, Sieć nie jest o Tobie” jest dobrym podsumowaniem tego, dlaczego my, jako programiści, musimy myśleć poza tym, co jest dla nas dobre, i zastanowić się, co służy użytkownikom i jak możemy to osiągnąć.

UI/UX

• B. Kaan Kavustuk dzieli się swoimi przemyśleniami na temat tego, dlaczego nie będziemy w stanie zbudować idealnego projektu lub bazy kodu za pierwszym razem, bez względu na to, jak duże mamy doświadczenie. Zamiast tego to ciągłe drobne ulepszenia torują drogę do perfekcji.
• Trine Falbe wprowadza nas w etyczne projektowanie z praktycznym przewodnikiem dla początkujących. Pokazuje alternatywy i rzeczy do przemyślenia podczas budowania biznesu lub produktu. Nie ma większego znaczenia, czy jesteś właścicielem, deweloperem, projektantem czy sprzedawcą, chodzi o służenie użytkownikom i przygotowanie gruntu pod prawdziwe i trwałe zaufanie.
• Josh Lovejoy dzieli się swoimi doświadczeniami z pracy nad integracyjnymi rozwiązaniami technicznymi i wyjaśnia, dlaczego stworzenie uczciwej, integracyjnej technologii wymaga czegoś więcej niż tylko dobrych intencji. Ten artykuł szczegółowo wyjaśnia, dlaczego ludzki osąd jest bardzo trudny i często oparty na uprzedzeniach oraz dlaczego nie jest łatwo zaprojektować i opracować algorytmy, które z tego powodu traktują różne osoby jednakowo.
• System kolorów HSB (odcień, nasycenie, jasność) nie jest specjalnie nowy, ale wiele osób wciąż nie rozumie jego zalet. Erik D. Kennedy wyjaśnia krok po kroku jej zasady i zalety.
• Chociaż w dzisiejszych czasach jest więcej dyskusji na temat projektowania włączającego, często jest to postrzegane pod hasłem dostępności lub jako decyzje techniczne. Robert del Prado opowiada teraz, jak ważne jest inkluzywne myślenie projektowe i dlaczego znacznie bardziej chodzi o zwykłego użytkownika niż o konkretne osoby z konkretną niepełnosprawnością. Projektowanie integracyjne łączy ludzi, niezależnie od tego, kim są, gdzie mieszkają i na co ich stać. A czy celem każdego produktu nie jest odniesienie sukcesu poprzez pozyskanie jak największej liczby osób? Może powinniśmy omówić to również z marketingowcami.
• Anton Lovchikov dzieli się sposobami na poprawę regulacji optycznych w komponentach. To interesujące badanie pokazujące, jak bardzo małe zmiany mogą mieć duże znaczenie.

Obróbka

• Brian Schrader znalazł nieznaną funkcję w Git, która jest bardzo pomocna w szybkim testowaniu pomysłów: Git Notes pozwala nam dodawać, usuwać lub czytać notatki dołączone do obiektów, bez dotykania samych obiektów i bez konieczności zatwierdzania bieżącego stanu.
• W wielu projektach wolę używać skryptów npm niż wywoływanie zadań gulp lub direct webpack. Michael Kuhnel dzieli się kilkoma przydatnymi sztuczkami dotyczącymi skryptów npm, w tym jak zezwolić na parametry opcji CLI lub jak obserwować zadania i powiadomienia o błędach.
• Anton Sten wyjaśnia, dlaczego nowe narzędzia nie zawsze oznaczają produktywność. Wszyscy uwielbiamy nowe narzędzia do projektowania, a nowe, takie jak Sketch, Figma, Xd lub Invision Studio, wciąż się pojawiają. Ale pomimo tych narzędzi, które rozwiązują wiele typowych problemów i ułatwiają niektóre rzeczy, produktywność dotyczy głównie tego, co działa na twój problem, a nie tego, co jest najnowsze. Jeśli potrzebujesz stworzyć statyczną makietę, a Photoshop jest tym, co znasz najlepiej, dlaczego z niego nie skorzystać?
• Cloudflare udostępnia nową, szybką usługę DNS. Wreszcie, lepsza alternatywa dla często używanych serwerów Google DNS, jest dostępna pod 1.1.1.1 . Nowy DNS jest najszybszym i prawdopodobnie jednym z najbezpieczniejszych na rynku. Cloudflare włożył wiele wysiłku w szyfrowanie usługi i współpracę z Mozillą, aby DNS przez HTTPS działał, aby zamknąć dużą lukę w prywatności, która do tej pory wyciekała wszystkie dane przeglądania do dostawcy DNS.
• Słyszałem już dużo o uczeniu maszynowym iOS, ale pomimo ciekawego faktu, że są w stanie to zrobić na urządzeniu bez wysyłania wszystkiego do chmury, jeszcze nie wiem, jak to wykorzystać w aplikacjach. Na szczęście Manu Rink przygotowała fajny przewodnik, w którym wyjaśnia uczenie maszynowe w iOS dla początkujących.
• Mamy świetną wiadomość dla fanów Git GUI: Tower oferuje teraz nową wersję beta, która obejmuje obsługę żądań ściągnięcia, interaktywne przepływy pracy rebase, szybkie akcje, ponowne logowanie i wyszukiwanie. Niesamowita aktualizacja, która sprawia, że ​​praca z oprogramowaniem jest znacznie szybsza niż wcześniej, a nawet dla mnie jako miłośnika wiersza poleceń jest to fajna opcja.

Bezpieczeństwo

• HTTP Strict Transport Security (HSTS), zwłaszcza ze wstępnym ładowaniem, od dawna uważane jest za jedną z najlepszych funkcji bezpieczeństwa, która zapewnia, że ​​przeglądarka powinna łączyć się bezpiecznie tylko z nazwą hosta. Jednak reklamodawcy znaleźli sposób na śledzenie użytkowników za pomocą HSTS i wykorzystanie go jako trwałego identyfikatora między witrynami (znanego jako „super plik cookie”). Twórcy WebKit zareagowali teraz i w celu ochrony prywatności swoich użytkowników osłabili niezawodność HSTS, ograniczając zakres nazwy hosta i ignorując stan HSTS dla żądań podrzędnych zasobów do zablokowanych domen.
• Firma PagerDuty właśnie opublikowała wersję open-source swojego materiału szkoleniowego z zakresu bezpieczeństwa wewnętrznego, pełnego interesujących i łatwych do zrozumienia wyjaśnień dotyczących typowych problemów i strategii związanych z bezpieczeństwem. Jest to szczególnie przydatne, ponieważ możesz go podarować osobom bez doświadczenia technicznego.
• Christoph Rumpel opowiada, jak znalazł sposób na wykorzystanie swojej polityki bezpieczeństwa treści z pakietem Laravel Response Caching.
• Chociaż Argon2 jest obecnie najlepszym algorytmem stosowanym do haszowania (na przykład haseł), jest kilka rzeczy, na które programiści muszą się przygotować. Na przykład, łatwo jest samodzielnie DOS-a używając Argon2, więc musisz oceniać zapytania z limitem.
• James Fisher dzieli się ciekawym sposobem na oszukanie użytkowników Gmaila, co pokazuje przykład Netflix.

Wydajność sieciowa

• W tym tygodniu pojawiła się dyskusja na temat tego, czy technika serwowania skompresowanych obrazów jest nadal dobrym pomysłem. Tim Kadlec potraktował to jako bodziec do ponownego odwiedzenia go. Doszedł teraz do wniosku, że nie powinniśmy już używać techniki kompresji obrazu ze względu na jej duży sizes pamięci i zamiast tego polegać na nowych technologiach responsywnych obrazów, takich jak element <picture> lub srcset and size.
• Eric Portis dzieli się ukrytymi zasadami dotyczącymi deskryptorów w i atrybutów sizes obrazów. Dość techniczny, ale odkrywczy post, który pozwala wreszcie zrozumieć magię tych nowych responsywnych atrybutów obrazu.
• Tim Oxley opowiada, dlaczego woli wrócić wcześniej i unikać else gdy tylko jest to możliwe. To jest coś, co robiłem na początku mojej kariery, potem w pewnym momencie straciłem, ale ostatnio wróciłem do tego. Zwłaszcza zmniejszona złożoność i prostsza logika w funkcjach jest dla mnie kluczową zaletą.
• Jeremy Wagner dzieli się najlepszymi praktykami, jak zbudować leniwy mechanizm ładowania obrazów i filmów. Zdecydowanie nie jest to najszybsze rozwiązanie, ale w zasobach udostępniono, jak zbudować najlepsze wrażenia i wydajność w oparciu o najnowsze technologie dostępne w przeglądarkach.

Dostępność

• Marcy Sutton wyjaśnia, co nowego w Axe 3.0, który obsługuje teraz Shadow DOM i który możesz uruchomić w swoim zautomatyzowanym zestawie testów.
• Patrick H. Laucke opowiada, o czym jest nowy pseudoselektor CSS :focus-visible i jak go napisać, aby zapewnić wsteczną kompatybilność z przeglądarkami, które jeszcze go nie obsługują.
• Marco Zehe przedstawia nam nowego Inspektora ułatwień dostępu w narzędziach programistycznych Firefoksa. To świetna wiadomość, która sprawia, że ​​sprawdzanie problemów z dostępnością jest znacznie łatwiejsze niż kiedyś.

CSS

• Amber Wilson dzieli się spostrzeżeniami na temat tego, jak to jest być wrzuconym do złożonego projektu, aby tam wykonać stylizację. Słusznie mówi, że „nikt nie powiedział, że CSS jest łatwy” i wyraża, jak ważne jest, abyśmy my, jako programiści, musieli stawić czoła niewygodnym sytuacjom, aby poszerzyć naszą wiedzę.
• Ana Tudor znana jest ze swoich specjalnych umiejętności CSS. Teraz bada i opisuje, w jaki sposób możemy osiągnąć zgrabne zakręty w CSS za pomocą sprytnych sztuczek.

JavaScript

• WebKit otrzymał uaktualnienie interfejsu Clipboard API, a zespół przedstawia kilka bardzo interesujących informacji na temat jego działania i sposobu, w jaki Safari poradzi sobie z niektórymi typowymi wyzwaniami związanymi z danymi ze schowka (np. obrazami).
• Jeśli pracujesz z magazynami kluczowych wartości, które działają tylko w interfejsie użytkownika, IDB-Keyval to świetna lekka biblioteka, która upraszcza pracę z IndexedDB i localStorage.
• Czy kiedykolwiek chciałeś stworzyć grafikę ze swoich danych z odręcznym, szkicowym wyglądem na stronie internetowej? Rough.js właśnie to umożliwia. Zwykle jest oparty na płótnie (dla lepszej wydajności i mniejszej ilości danych), ale może również rysować ścieżki SVG.
• Jeśli potrzebujesz modułu do zmiany kolejności przeciągania i upuszczania, dostępne jest teraz płynne i przystępne rozwiązanie: smocze upuszczanie.
• Przez wiele lat mogliśmy uzyskać wartości CSS tylko w ich obliczonej wartości, a nawet to nie było elastyczne ani przyjemne w pracy. Ale teraz CSS ma odpowiednie API oparte na obiektach do pracy z wartościami w JavaScript: CSS Typeed Object Model. Jest jeszcze dostępny tylko w nadchodzącym Chrome 66, ale zdecydowanie obiecująca funkcja, której chciałbym wkrótce użyć w moim kodzie.
• Dokumentacja React.js zawiera teraz dodatkową sekcję, która wyjaśnia, jak łatwo i programowo zarządzać stanami fokusu, aby zapewnić dostępność interfejsu użytkownika.
• James Milner opowiada, jak możemy użyć przerwanego pobierania do anulowania próśb.
• Jest już kilka artykułów o Powiadomieniach Web Push, ale poradnik dla początkujących Oleksiego Rudenko to świetny elementarz, który bardzo dobrze wyjaśnia zasady.
• W ostatnich latach otrzymaliśmy wiele nowych funkcji na platformie JavaScript. A ponieważ trudno jest zapamiętać wszystkie nowe rzeczy, Raja Rao DV podsumował „Wszystko nowe w ECMAScript 2016, 2017 i 2018”.

Życie zawodowe

• Aby uświadomić, jak powszechne są takie sytuacje dla nas wszystkich, James Bennett dzieli się wstydliwą sytuacją, w której popełnił prosty błąd, który zajęło mu dużo czasu, zanim się dowiedział. To nie tylko ja popełniam błędy, nie tylko ty i nie tylko James — wszyscy popełniamy błędy i choć wydaje się, że są zawstydzające w tej konkretnej sytuacji, nie ma się z czego czuć źle.
• Adam Blanchard mówi: „Ludzie są maszynami. Potrzebujemy też konserwacji”. i tworzy porównanie dla inżynierów, aby zrozumieć, dlaczego musimy dbać o siebie, a także dlaczego potrzebujemy ludzi, którzy się nami opiekują. To jest wgląd w to, czym zajmują się People Engineers i dlaczego tak ważne jest, aby firmy zatrudniały takich ludzi, aby zapewnić zdrowy zespół.
• Jeśli jest jedna rzecz, o której nie mówi się zbyt wiele w branży internetowej, to jest nią emerytura. Jan Chipchase napisał teraz wiele interesujących przemyśleń na temat emerytury.
• Rebecca Downes dzieli się pewnymi spostrzeżeniami na temat swojego doktoratu na temat zdalnych zespołów, ujawniając, w jakich okolicznościach zdalne zespoły są świetne, a w jakich nie.

Wykraczając poza…

• Teraz, gdy omawiamy problemy scentralizowanych usług, takich jak Facebook i Google, decentralizacja jest postrzegana jako wybawca niezależnej sieci. Ale jestem pewien, że jeśli nie spróbujemy rozwiązać podstawowego problemu humanitarnego za pomocą technologii, nic się nie zmieni.
• Być może czytałeś wiadomości o pierwszym śmiertelnym wypadku z autonomicznym samochodem. Smutny kamień milowy, który pokazuje, jak zawodna może być ta technologia i jak daleko jeszcze do tego, by móc polegać na takich systemach.
• Dziesięć lat temu inteligentne urządzenia obiecały zmienić sposób, w jaki myślimy i wchodzimy w interakcje, i tak się stało – ale nie przez uczynienie nas mądrzejszymi. Eric Andrew-Gee bada naukowe dowody na to, że cyfrowa dystrakcja niszczy nasze umysły.
• Fred Pearce napisał o tym, jak możemy zwiększyć wydajność największych centrów danych na świecie. Jeśli zastanawiasz się, dlaczego byłby to pożądany cel, ważne jest, aby wiedzieć, że te centra danych odpowiadają za 3% całkowitej globalnej emisji CO2 — tyle samo, co branża lotnicza.
• „Nieużywana elektrownia węglowa zostanie ponownie otwarta wyłącznie dla zasilania kryptowalut”. Nie mam na to dodatkowych słów.

Mamy nadzieję, że podobała Ci się ta aktualizacja tworzenia stron internetowych. Kolejna zaplanowana jest na piątek 18 maja. Bądźcie czujni.