Lista lektur do tworzenia stron internetowych nr 142: tożsamości kontekstowe, podpowiedzi do formularzy i ApplePay.js

Dziś będzie dzień w historii, niezależnie od tego, co wydarzy się w ciągu najbliższych tygodni. Większość ludzi w Wielkiej Brytanii głosowała za opuszczeniem UE, co po raz kolejny pokazało, że wiele osób w naszym społeczeństwie uważa, że ​​obecna sytuacja jest nie do zaakceptowania. Niestety uważamy, że obwinianie tych ludzi jest rozwiązaniem, ale jak widzimy, tak nie jest. Zamiast tego powinniśmy skupić się na nauczaniu ludzi o pierwotnych przyczynach problemów i powstrzymać się od publikowania wszystkiego od razu.

Z innych wiadomości wracam z wakacji, aby przywieźć Wam nowe artykuły do ​​przeczytania. I zdałem sobie sprawę z jednej rzeczy: podczas gdy wspinaczka górska niesie ze sobą realne ryzyko i niebezpieczeństwa, praca na stronach internetowych w większości nie. Oczywiście bezpieczeństwo naszych stron internetowych powinno być najwyższym priorytetem, ale nawet jeśli zawiedziemy, jeśli strona internetowa nie będzie działać przez kilka minut, jeśli schrzanimy układ na niektórych urządzeniach, nie zginiesz. Mamy możliwość doskonalenia naszej pracy poprzez popełnianie błędów i ich naprawianie.

Dalsze czytanie na SmashingMag:

• Wydajność witryny: co należy wiedzieć i co można zrobić
• Projektowanie oparte na danych w prawdziwym świecie
• Plan, aby zostać ekspertem w dziedzinie testów A/B
• Testowanie wielowymiarowe 101: naukowa metoda optymalizacji projektu

Aktualności

• Safari 10 zostało ogłoszone na WWDC i ma kilka świetnych nowych funkcji: obsługa IndexedDB, CSP 2.0 , Shadow DOM 1, pełna obsługa ES6/ES2015, obsługa API internacjonalizacji ES, wbudowane i automatyczne odtwarzanie wideo w systemie iOS, obraz w obrazie w systemie operacyjnym Obsługa X i WOFF2 oraz obsługa ładowania czcionek (yay!). W CSS mamy teraz object-position dla już dostępnej właściwości object-fit obiektu i przycinanie za pomocą ścieżek SVG. Na koniec, od teraz, nawet jeśli user-scalable=no jest ustawione jako reguła widocznego obszaru, użytkownicy będą mogli szczypać i powiększać.

Projekt koncepcji

• Mozilla wprowadziła nowy sposób rozróżniania kontekstów życia w Twojej przeglądarce. Możesz teraz otworzyć zakładkę „praca” lub „bankowość”, z których każda jest utworzona we własnym kontekście, dzięki czemu możesz na przykład zalogować się do różnych kont Twittera w jednym oknie przeglądarki. To ciekawa koncepcja, zwłaszcza że przepływ pracy jest już dość dobrze przemyślany, dzięki czemu korzystanie z przeglądarki jest znacznie lepsze.
  

Narzędzia i przepływy pracy

• W tym tygodniu firma Adobe zaprezentowała nową wersję beta swojego edytora kodu Dreamweaver. Rzuciłem okiem na to i jestem pod wrażeniem, że udało im się odwrócić bieg wydarzeń i ponownie uczynić go atrakcyjnym, nowoczesnym edytorem dla profesjonalnych programistów. Jestem ciekaw, co otwarte opinie przyniosą w przyszłości produkt końcowy.
  

Bezpieczeństwo

• Dyrektor CIA John Brennan jest dość pewnym siebie człowiekiem. Niedawno powiedział amerykańskim senatorom, aby nie martwili się, że obowiązkowe tylne drzwi szyfrujące szkodzą amerykańskim firmom, po prostu dlatego, że nie ma udanych produktów spoza USA. Niestety ma rację. Nie ma wielu produktów, które nie są oparte na Stanach Zjednoczonych i to wszystko, czego chce CIA, ponieważ i tak wystarczy wykorzystać większość ruchu pochodzącego z Facebooka, Google, Microsoftu, Apple i Yahoo.

Prywatność

• „Począwszy od iOS 10, Apple używa technologii różnicowej prywatności, aby pomóc odkryć wzorce użytkowania dużej liczby użytkowników bez naruszania indywidualnej prywatności”. Matthew Green komentuje tę nową technologię i próbuje poznać jej zalety, wady i implikacje.
• Facebook chce udowodnić, że jego reklamy prowadzą do rzeczywistych zakupów. Właśnie dlatego reklamodawcy Facebooka mogą teraz dodawać lokalizacje swoich sklepów fizycznych, a Facebook będzie następnie śledzić użytkowników według lokalizacji ich telefonów i zgłaszać, czy odwiedzili sklep. Oczywiście Facebook nie jest pierwszą firmą, która to robi: ludzie z Google są dumni, że robią to samo już od dłuższego czasu. Cieszę się, że nie mam już aplikacji tych marek na moim telefonie.
• Archive.org — projekt, który codziennie zapisuje naszą historię online. Projekt, który wszyscy kochamy, ponieważ może odzyskać witryny, które już nie istnieją, prawda? Cóż, wygląda na to, że nie wszyscy są z tego zadowoleni, a Brewster Kahle wyjaśnia problemy, z którymi się borykają: próbując chronić prywatność swoich użytkowników, spotykają się z masowymi atakami DDoS i są blokowani przez różne restrykcyjne kraje. Teraz dzielą się, dlaczego routing DNS przez Cloudflare nie jest opcją i dlaczego polegają na naszych darowiznach, aby uruchomić projekt.

HTML i SVG

• Po Safari, które wprowadziło tę funkcję już w iOS 8, możesz teraz dodać autocomplete="new-password" , aby podpowiadać nadchodzące wersje Chrome podczas generowania hasła. Możliwe jest również dodanie innych wskazówek — na przykład current-password lub username .
• Pomimo tego, że jest to prosty i stary atrybut, możesz znaleźć wiele witryn, które robią to źle: HTML's lang . Czasami nie jest w ogóle zadeklarowany, a czasami jego wartość to "en" , chociaż treść nie jest w języku angielskim. Dowiedz się, jak prawidłowo używać atrybutu lang i gdzie możesz go zastosować.

Dostępność

• Rob Dodson wyjaśnia, dlaczego powinniśmy budować lepsze prymitywy dostępności na przykładzie modów i wyłączenia tabindex.
• Firma Google wydała bezpłatny kurs dostępności sieci na temat udacity.

JavaScript

• AOS to oparta na CSS biblioteka animacji on-scroll, która daje użytkownikowi pełną kontrolę nad stylami.
• Możesz teraz zacząć wdrażać Apple Pay w swojej witrynie, korzystając z firmowego frameworka ApplePay JavaScript. Interesujące jest to, że zarówno Google, jak i Apple intensywnie pracują nad wprowadzeniem swoich systemów płatności bezpośrednio do przeglądarki. Niestety, ale zwykle dla Apple, nie przestrzegają standardu internetowego, takiego jak Web Payment API, ale zapewniają tylko własny ekosystem.

CSS/Sass

• W swoim demo CodePen Jonathan Neal opowiada, jak zrobić dekoracyjne podkreślenie tekstu za pomocą cienia pola, który wplata się między dolne części tekstu i zachowuje kolor tekstu.
• Walidacja formularza po stronie klienta jest trudna, wszyscy o tym wiemy. Ale dzięki wewnętrznemu interfejsowi API walidacji przeglądarek możemy wyświetlać bardzo sprytne komunikaty informujące użytkownika, co poszło nie tak. Ten artykuł pokazuje, jak to zrobić skutecznie, a nawet oferuje schemat.
• Często nie wykorzystujemy pełnego potencjału CSS do UX walidacji formularzy. Chris Coyier dzieli się kilkoma sztuczkami CSS, aby zrobić to dobrze.

Wykraczając poza…

• Nic dziwnego, że firmy big data, takie jak Google, nie są przeciwnikami CETA czy TPP/TTIP. Co bardziej zaskakujące, Google zajmuje teraz zdecydowane stanowisko we wspieraniu TPP. Z mrożącą krew w żyłach logiką argumentują, dlaczego byłby to krok naprzód dla Internetu: „Ale ograniczenia internetowe — takie jak cenzura, blokowanie witryn i przymusowe lokalne przechowywanie danych — zagrażają otwartej architekturze Internetu”. Żaden z tych problemów nie zniknie w przypadku TPP, z wyjątkiem lokalnego przechowywania (która jest funkcją, którą UE ostatecznie wdrożyła w zeszłym roku w swojej walce o ochronę prywatności użytkowników). TPP zamiast tego egzekwuje ochronę praw autorskich, nie może zrobić nic, aby uniemożliwić partnerom niebędącym TPP blokowanie części Internetu, i faktycznie wyrządza wiele szkody istniejącej prywatności, obowiązującym przepisom i sądom krajów, ponieważ daje firmom możliwość wniesienia sprawy do sądów arbitrażowych — fakt, który pomaga skorumpowanym, kapitalistycznym firmom zyskać większą władzę, podczas gdy normalni obywatele są w niekorzystnej sytuacji. Jak duży wpływ na polityków mają już prywatne firmy, można zobaczyć w znakomitym serialu Netflixa „House of Cards”.
• Ostatnio połączyłem się z plakatami NASA „Mars Explorers Wanted”, ale teraz dodali nowe do pobrania. Wciąż bardzo fajne przykłady na to, jak zaprojektować piękne, niepowtarzalne plakaty.

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.