Powiadomienia push w przeglądarce

W odcinku z tego tygodnia

W Chrome 42 pojawiają się powiadomienia push, Jacob Kaplan-Moss obala mity na temat programistów, adresy URL zależne od protokołu to teraz antywzorce, plakietka „przyjazne dla urządzeń mobilnych”, „git wskazówki dotyczące Pierwszej pomocy Git” i optymalizacja aplikacji przy użyciu RAIL.

CHROME 42 jest TUTAJ

Chrome 42 w tym tygodniu stał się stabilny, a razem z nim wprowadziliśmy wiele nowych funkcji. Powiadomienia push pozwalają użytkownikom wyrazić zgodę na terminowe aktualizacje, instalują banery zachęcające użytkowników do zapisywania stron na ekranie głównym, a uprawnienia informują, czy można używać interfejsu API, pobierania działa jako zamiennik XHR. Usługa obejmuje też obsługę klas ES6.

https://twitter.com/ChromiumDev/status/590169593110335488

http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web

http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

http://updates.html5rocks.com/2015/04/permissions-api-for-the-web

http://updates.html5rocks.com/2015/03/introduction-to-fetch

BUST MITÓW

Przemówienie Jacoba Kaplana-Mossa z tegorocznej konferencji PyCon wyjaśnia, że deweloperzy są albo 10 razy tańsi, albo zupełnie okropni. Rezygnacja z tych założeń pomoże nam lepiej radzić sobie z problemami takimi jak zespół oszusta i ulepszyć potencjalnie toksyczne środowiska pracy.

https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE

ZGŁOŚ WSZYSTKO!

Względne adresy URL protokołu są teraz antywzorcowe. Opublikowanie w tym tygodniu tweeta przez Paula Irlandczyka odradzamy używanie protokołu z adresu URL, ponieważ może ono doprowadzić do ataków typu Man-on-the-side, podobnych do tych, które trafiły do GitHuba. Zgodnie z nową rekomendacją należy zawsze żądać komponentu przez HTTPS, jeśli jest on dostępny przez SSL.

https://twitter.com/paul_irish/status/588502455530311680

https://www.paulirish.com/2010/the-protocol-relative-url/

http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub

TWOJE PRZYGOTOWANIE DO KOMÓREK?

Sprawdź, czy Twoja witryna jest dostosowana do komórek. Z niedawnego artykułu na blogu Google dla webmasterów wynika, że od razu wyszukiwarka Google dodaje etykiety przy witrynach uznanych za dostosowane do komórek. Kryteria te obejmują między innymi zadbanie o to, aby użytkownicy nie musieli powiększać treści, aby przeczytać stronę, oraz aby linki były odpowiednio rozmieszczone. Możesz przeprowadzić test optymalizacji mobilnej, aby sprawdzić, czy Twoja witryna spełnia wymagania. I zdobywanie umiejętności w Podstawach tworzenia witryn.

http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html

https://search.google.com/test/mobile-friendly

PRZYSPIESZANIE BIEGU

Nauka w Git nie może być trudna. Rzut oka na StackOverflow ujawnia ponad 53 000 pytań dotyczących git, ale pracujemy nad tym. Pierwsza pomoc Git to indeks najczęściej zadawanych pytań, który można przeszukiwać. Zastanawiasz się, jak cofnąć zmianę przesłaną do głównej gałęzi? Możesz znaleźć odpowiedź i inne informacje albo przesłać prośbę o dodanie jej do indeksu.

http://ricardofilipe.com/projects/firstaidgit/#/

OPTYMALIZACJA SILNIA

60 klatek na sekundę to docelowa szybkość działania stron, ale łatwo jest zejść ze ścieżki. Podczas tego BEZPŁATNEGO 6-częściowego kursu w Udacity Paul Lewis i Cameron Pittman omawiają optymalizację 4 głównych obszarów aplikacji: Response, Animate, Idle, i Load (RAIL). Zwalczaj najeźdźców i ucz się narzędzi deweloperskich, a jednocześnie poznaj sekrety szybszej aplikacji internetowej.

https://www.udacity.com/course/browser-rendering-optimization--ud860

ScreenSavers with JavaScript, Yash Bhardwaj

http://codepen.io/yashbhardwaj/full/hHgtE/

Słodki chaos w przestrzeni tiulu By Bailh

http://codepen.io/cathbailh/full/KpPjPg/

CSS Animation 101 – baner powitalny autorstwa Donovana Hutchinsona

http://codepen.io/donovanh/full/EjYeLa/

Linjer autorstwa Hakima El Hattaba

http://codepen.io/hakimel/full/zwxba/

Podziel się z nami swoją opinią na Twitterze #LazyWebShow

Więcej wiadomości w internecie znajdziesz w tych materiałach: JavaScript Weekly: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ Co tydzień HTML5: http://html5weekly.com/

Zasubskrybuj kanał Google Developers: https://goo.gl/mQyv5L