Lista lektur tworzenia stron internetowych nr 141: jQuery 3, Chillout.js i jak technologia kształtuje społeczeństwo

Są tygodnie, w których w ogóle nie znajduję artykułów do sekcji „Going Beyond” listy czytelniczej Web Development. A potem są tygodnie takie jak ten, w których pojawiają się dwa genialne prace, które pokazują tak wiele o tym, jak żyjemy razem z nową technologią i jak kształtuje to nasze społeczeństwo.

Wraz z kilkoma dobrymi artykułami technicznymi jest to świetny sposób na pozostawienie Cię na następne dwa tygodnie. Pamiętaj, że w przyszłym tygodniu wyjeżdżam na wakacje, więc w piątek nie będzie podsumowania.

Dalsze czytanie na SmashingMag:

• Jak używać ikon do obsługi treści w projektowaniu stron internetowych?
• Ikony jako część doskonałego doświadczenia użytkownika
• 6 prostych kroków do lepszego projektowania ikon
• Proste kroki do lepszego projektowania ikon

Aktualności

• Opera 38 (i Chromium 51) oferuje wiele nowych funkcji ES6: iterowalne interfejsy DOM podobne do tablic, pasywne detektory zdarzeń i interfejs API Intersection Observer do śledzenia, kiedy dany element w DOM wchodzi lub opuszcza widoczny obszar.
• Firefox 47 jest niedostępny. Dodano również debugowanie Service Workera, obsługę pseudoelementów ::backdrop , deszyfrowanie treści Widevine przez EME dla mp4 oraz modyfikator bez uwzględniania wielkości liter i (jak w [foo=bar i] ) dla selektorów atrybutów CSS.
• Wreszcie, po miesiącach oczekiwania, GitHub ogłosił oficjalne i pełne wsparcie HTTPS dla swoich stron użytkowników github.io. Chociaż sam HTTPS działa już od dłuższego czasu, ruch z CDN do serwerów źródłowych nie był do tej pory szyfrowany. Dzięki aktualizacji możesz teraz cieszyć się w pełni zaszyfrowaną witryną. Zadbaj jednak o zawartość mieszaną, aby nie psuć stron w nowoczesnych przeglądarkach.
• WebKit zawiera teraz debugowanie pamięci w swoim inspektorze sieciowym. W poście z ogłoszeniem dowiesz się, jak możesz z niego korzystać w swoich aplikacjach.
  

Ogólny

• Maximiliano Firtman pisze, jak nieodpowiedzialne użycie metatagów specyficznych dla iOS może zepsuć Twoją witrynę wielu użytkownikom.
  

Narzędzia i przepływy pracy

• Ognisko. Narzędzie, które zostało zastąpione natywnymi narzędziami programistycznymi Firefoksa, ale mimo to cieszy się powszechną akceptacją wśród programistów. Jednak po przejściu Firefoksa na e10s (wieloprocesowy Firefox), rozszerzenie nie będzie już działać, a jego autorzy ogłosili teraz, że nie przeniosą go również jako nowego rozszerzenia. Zamiast tego skupią się na dostarczeniu motywu Firebug dla natywnych narzędzi programistycznych i ich ulepszeniu.
• Andrey Okonetchnikov ogłosił swoje nowe narzędzie lint-staged staged, które umożliwia lintowanie wszystkich aktualnie postawionych plików w git.
• Cloud Four ogłosił wczoraj Drizzle, narzędzie do generowania bibliotek wzorców i przewodników stylistycznych.

Bezpieczeństwo

• Po ostatnich wyciekach haseł na LinkedIn, MySpace, Tumblr i Twitterze po raz kolejny stało się jasne, że zapominamy o starych hasłach. A to dlatego, że hasła nie są zbyt przydatne do uwierzytelniania, zwłaszcza że w grę wchodzą dwie strony, które mogą zrobić coś złego (usługodawca przechowujący hasło i wybierający je użytkownik). Drew Thomas wyjaśnia, w jaki sposób możemy ulepszyć uwierzytelnianie. Przydatny artykuł ze świetną rozmową w sekcji komentarzy.

JavaScript

• Chillout.js zmniejsza użycie procesora w JavaScript, zapewniając asynchroniczne funkcje iteracyjne z interfejsem opartym na Promise. Koniec z alertami „Ostrzeżenie: nieodpowiadający skrypt” w przeglądarce.
• Konsola Firefoksa stara się być bardziej pomocna przy błędach JavaScript. Jeśli jest to możliwe do ustalenia, konsola doda teraz łącze do MDN (Mozilla Developer Network), aby uzyskać więcej informacji o błędzie.
• jQuery 3.0 jest wreszcie dostępny. W pracach już od 2014 roku jest to ogromny krok, ponieważ oferuje szczuplejsze, szybsze i nowocześniejsze podejście niż v1 i v2. Dostępny jest obszerny przewodnik po aktualizacji, a także nowa wersja wtyczki jQuery migrate.
• Jack Franklin wyjaśnia, dlaczego ważne jest, aby Twój JavaScript był „czysty”. Chociaż często używamy najłatwiejszego sposobu budowania funkcji, te podejścia często zawodzą w scenariuszach testowych. Ale można ich uniknąć dzięki prostym dodatkom.
• „Promises: All The Wrong Ways” Getify pokazuje wspólne podejście do Promises i wyjaśnia, jak robić lepiej. Warto przeczytać dla każdego, kto ma do czynienia z obietnicami.

CSS/Sass

• Shaun Bent napisał o tym, jak BBC Sport obsługuje swój podstawowy CSS z rozmiarem pliku mniejszym niż 9 KB. Świetna pogłębiona historia dzieląca się zasadami ich rozwoju i strategią produktową, z której możemy się wiele nauczyć.

Wykraczając poza…

• Istnieją dowody na to, że nowe rodzaje konsumpcji mediów kształtują nasze społeczeństwo, ale nie widzimy, jak to się dzieje, ponieważ zapominamy o tym myśleć. Obecnie, jeśli w dowolnym momencie rzeczywistość stanie się nudna lub nudna, nasze telefony oferują coś przyjemniejszego, bardziej produktywnego i jeszcze bardziej edukacyjnego niż to, co daje nam rzeczywistość. Ale zmienia nas także od wewnątrz. Coraz mniej cierpliwi jesteśmy na rzeczywistość taką, jaka jest, zwłaszcza gdy jest nudna lub niewygodna. „Stawką jest nasza Agencja. Nasza zdolność do prowadzenia życia, które chcemy żyć, wyboru sposobu, w jaki chcemy wybrać, i odnoszenia się do innych w sposób, w jaki chcemy odnosić się do nich — poprzez technologię. To problem projektowy, a nie tylko osobista odpowiedzialność”.
• „Jest wiele powodów, dla których tak łatwo oddajemy naszą tożsamość. Jeśli chodzi o wyszukiwanie, nie jesteśmy przyzwyczajeni do postrzegania siebie jako skupiska brakujących informacji. Dlatego staramy się uświadomić sobie, że łatwo możemy być zdefiniowani negatywnie, przez wszystkie nasze pragnienia. […] Nasze technologie cyfrowe są zaprojektowane tak, abyśmy czuli się zrelaksowani w związku z brakiem prywatności”. — Luciano Floridi w swoim eseju „Przepowiednia samospełniająca się”.

I z tym skończę w tym tygodniu. Jeśli podoba Ci się to, co piszę każdego tygodnia, wesprzyj mnie darowizną lub podziel się tym zasobem z innymi ludźmi. Więcej o kosztach projektu dowiesz się tutaj. Jest dostępny przez e-mail, RSS i online.