Дайджест свежих материалов из мира фронтенда за последнюю неделю №219 (4 — 10 июля 2016)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/154184

Ссылки в тексте:

[1] Веб-разработка: #webdev

[2] CSS: #css

[3] Javascript: #js

[4] Браузеры: #browser

[5] Новости: #news

[6] Важные аспекты работы браузера для разработчиков. Часть 2: https://habrahabr.ru/company/dataart/blog/304934/

[7] Подкаст Веб-стандарты, Выпуск №23:: https://soundcloud.com/web-standards/episode-23

[8] Как эмодзи могут улучшить ваш код — серьёзно: https://htmlacademy.ru/blog/96-emoji-and-coding

[9] Улучшение путей взаимодействия пользователя (user flow) через переходы по странице: https://habrahabr.ru/post/305300/

[10] Летнего Я.Субботника: https://www.youtube.com/watch?v=kivLyXGJbis

[11] Фронтенд разработка в мире интернета вещей: https://www.sitepoint.com/the-future-of-the-web-in-an-internet-of-things-world/

[12] Планируемый requestAnimationFrame для ботанов: https://medium.com/@paul_irish/requestanimationframe-scheduling-for-nerds-9c57f7438ef4

[13] Что такое прогрессивное веб-приложение, и должен ли я его создавать : http://moosylvania.com/blog/whats-progressive-web-app-build-one/

[14] Осведомленность фронтенд разработчика: https://css-tricks.com/front-end-developer-aware/

[15] Сложности бесконечного скроллера: https://developers.google.com/web/updates/2016/07/infinite-scroller

[16] Жизненный цикл Service Worker: https://www.youtube.com/watch?v=TF4AB75PyIc

[17] Offline Web Applications: https://www.udacity.com/course/offline-web-applications--ud899

[18] Десять требований по созданию каруселей на главной странице: https://www.smashingmagazine.com/2016/07/ten-requirements-for-making-home-page-carousels-work-for-end-users/

[19] Мысли о HTML5: https://medium.com/@janusboye/thoughts-on-html5-7b29d5708063

[20] Отзывчивые изображения: меньший вес страницы с элементом picture и WebP: https://mikebabb.com/responsive-images-smaller-page-sizes-with-the-picture-element-and-webp/

[21] Кросс-браузерность: Делайте веб работающим для всех: https://hacks.mozilla.org/2016/07/make-the-web-work-for-everyone/

[22] Как правильно использовать альтернативный текст: https://medium.com/shopify-ux/writing-for-all-people-how-to-use-alternative-text-well-1205a18307a1

[23] Всегда используйте label: https://medium.com/simple-human/always-use-a-label-a39ceab554e6

[24] Поля для поиска без label: https://adactio.com/journal/10910

[25] Подробно о доступности SVG: https://css-tricks.com/accessible-svgs/

[26] 10 вещей, которых вы не знали о WebPageTest.org: http://www.deanhume.com/Home/BlogPost/ten-things-you-didnt-know-about-webpagetest-org/10145

[27] Webpack: представление команды и призыв к поддержке проекта: https://medium.com/webpack/webpack-its-getting-real-92c60fca1db1

[28] Техники манипулирования изображениями в Canvas: https://madebymike.com.au//writing/canvas-image-manipulation/

[29] Простая анимация статики в Canvas: http://thenewcode.com/1105/Theyre-Heeereee-Animating-Static-in-HTML5-Canvas

[30] Визуализация отрисовки элементов на WebGL в замедленном режиме: http://orbides.org/apps/superslow.html

[31] Еженедельная подборка красивых эффектов на CSS/SVG/JS #45: http://css-live.ru/uncategorized/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-45.html

[32] Относитесь к сеткам (на флексбоксах) проще: http://css-live.ru/articles/otnosites-k-setkam-na-fleksboksax-proshhe.html

[33] Don’t Overthink It (Flexbox) Grids: https://css-tricks.com/dont-overthink-flexbox-grids/

[34] Битва архитектур: http://css-live.ru/articles/bitva-arxitektur.html

[35] Battle of the architectures: http://mariano.io/articles/battle-of-the-architectures/

[36] Современный CSS мощнее, чем вам кажется: N примеров, в которых вам не нужен JavaScript: https://tproger.ru/digest/modern-css/

[37] Компоненты интерфейса, созданные без JS: https://github.com/NamPNQ/You-Dont-Need-Javascript

[38] Довольны ли вы своими CSS файлами в ваших больших приложениях? Атака на CSS методологии: https://medium.com/@albinotonnina/happy-with-your-css-files-in-your-big-app-ca03d51ed5bd

[39] Структурирование CSS для больших проектов: https://medium.com/peergrade-io/structuring-css-in-large-projects-37f1695f5ec8

[40] Создаем пользовательский курсор ввода: https://benfrain.com/creating-a-custom-input-cursorcaret/

[41] Front-End вызов принят: CSS 3D Куб: https://www.smashingmagazine.com/2016/07/front-end-challenge-accepted-css-3d-cube/

[42] Трюки с :target : https://bitsofco.de/the-target-trick/

[43] CSS: идеальные стили для печати: http://www.noupe.com/design/css-perfect-print-stylesheet-98272.html

[44] Создаем динамические темизирующиеся сайты с помощью C:WorkGitHubdigest16-07-10_.html: http://johnm.io/blog/creating-themeable-websites-using-currentcolor/

[45] Являются ли проценты viewport доступными единицами?: http://codepen.io/vcurd/full/ByerKw

[46] Воссоздание анимационного эффекта Twitter Heart (с помощью одного HTML-элемента, без изображений и JavaScript): https://css-tricks.com/recreating-the-twitter-heart-animation/

[47] CssToReact: http://staxmanade.com/CssToReact/

[48] ress: https://github.com/filipelinhares/ress

[49] < LINK >: https://vimeo.com/173777085

[50] Бесплатные игровые движки на HTML5 и JavaScript: https://tproger.ru/digest/free-game-engines-js/

[51] Да. JavaScript восходит: http://rainsoft.io/javascript-rises/

[52] Релиз jQuery 3.1.0 – больше никаких тихих ошибок: http://blog.jquery.com/2016/07/07/jquery-3-1-0-released-no-more-silent-errors/

[53] Релиз ESLint v3.0.0: http://eslint.org/blog/2016/07/eslint-v3.0.0-released

[54] Предупреждение по поводу jQuery 3: http://blog.bugsnag.com/a-warning-about-jquery-3

[55] Трюки консольной отладки: https://medium.com/outsystems-experts/beyond-console-debugging-tricks-f7d0d7f5df4

[56] Введение в функциональное программирование на JavaScript, ч.1: https://asep.co/introduction-to-functional-programming-in-javascript-part-1/

[57] You-Dont-Need-Lodash-Underscore — список JS методов, которые можно использовать нативно (без Lodash или Underscore): https://github.com/cht8687/You-Dont-Need-Lodash-Underscore

[58] Как создать нейрон: исследование ИИ в JavaScript, часть 2: https://medium.com/javascript-scene/how-to-build-a-neuron-exploring-ai-in-javascript-pt-2-2f2acb9747ed

[59] Три трюка для лучшей работы с npm модулями: https://medium.com/@voxpelli/3-tricks-to-better-handle-npm-modules-1eb527322b31

[60] Заимствование методов в JavaScript: http://davidshariff.com/blog/borrowing-methods-in-javascript/

[61] Отслеживание GPS информации с Tessel 2: https://www.sitepoint.com/tracking-gps-data-with-the-tessel-2/

[62] Три отличных совета по отладке JavaScript в DevTools: https://www.youtube.com/watch?v=zoo69lxnE-Y

[63] Понимание ES6 модулей через их историю: https://www.sitepoint.com/understanding-es6-modules-via-their-history/

[64] ES6 для людей: https://github.com/metagrover/ES6-for-humans

[65] Выживание в ECMAScript 6: https://strongloop.com/strongblog/surviving-ecmascript-6/

[66] Вы можете не захотеть использовать [хипстерский_js_фреймворк]: https://medium.com/unhandled-exception/you-may-not-want-to-use-hip-js-framework-708f6358da95

[67] Написание JavaScript фреймворка — структура проекта: https://blog.risingstack.com/writing-a-javascript-framework-project-structuring/

[68] 6 уроков, которые я получил, перейдя на продакшен с React-Redux: https://medium.com/@royisch/6-lessons-learned-from-going-to-production-with-react-redux-19257f6724f6

[69] Лучшие практики для React и Flux на продакшене: https://medium.com/@delveeng/react-and-flux-in-production-best-practices-c87766c57cb6

[70] racket: https://github.com/mohebifar/racket

[71] Функциональные компоненты с React stateless функциями и Ramda: https://medium.com/@mirkomariani/functional-components-with-react-stateless-functions-and-ramda-e83e54fcd86b

[72] Особенности React: https://daveceddia.com/react-gotchas

[73] Начало работы с React, GraphQL и Relay (часть 1 из 2): https://www.sitepoint.com/getting-started-with-react-graphql-and-relay-part-1-of-2/

[74] Создание мобильного приложения с Angular 2 и Ionic 2: https://scotch.io/tutorials/build-a-mobile-app-with-angular-2-and-ionic-2

[75] zingtouch — библиотека для определения жестов: https://zingchart.github.io/zingtouch/

[76] Segment: http://lmgonzalves.github.io/segment/

[77] ejs: https://i-break-codes.github.io/ejs/

[78] Fela: https://github.com/rofrischmann/fela

[79] 10 jQuery плагинов для загрузки файлов: https://www.sitepoint.com/10-jquery-file-uploads/

[80] Context Graph в Firefox будет подсказывать пользователям на какой сайт пойти дальше: http://itc.ua/blogs/context-graph-v-firefox-budet-podskazyivat-polzovatelyam-na-kakoy-sayt-poyti-dalshe/

[81] В браузере Chrome появилась поддержка потоковой трансляции изображения на телевизоры: http://itc.ua/news/v-brauzere-chrome-poyavilas-podderzhka-potokovoy-translyatsii-izobrazheniya-na-televizoryi/

[82] В Chrome добавлены средства шифрования, стойкие к подбору на квантовом компьютере: http://www.opennet.ru/opennews/art.shtml?num=44748

[83] Как в Chrome избавиться от прыжков страницы во время загрузки изображений: http://lifehacker.ru/2016/07/04/chrome-scroll-anchoring/

[84] Покупателю Yahoo придётся выплатить Mozilla $1 млрд за использование поисковика в Firefox: https://vc.ru/n/mozilla-yahoo

[85] Новости браузера UC: http://www.quirksmode.org/blog/archives/2016/07/uc_news.html

[86] Будущее «Истории» в браузерах: https://medium.com/@patrykadas/browserhistory-2abad38022b1

[87] eBay анонсировал, что теперь они обсуживают более 8 млн. страниц, используя AMP: http://searchengineland.com/ebay-goes-amp-sign-might-break-past-news-253254

[88] Google работает над доступностью любого сайта в VR: http://www.pcworld.com/article/3091715/android/google-is-working-to-make-every-web-site-viewable-in-vr.html

[89] Facebook блокирует крупные страницы за ссылки на сайты с социальным замком: http://www.cossa.ru/news/244/134256/

[90] Google купил платформу дистрибуции видео Anvato, пользователи ожидают ее интеграции с YouTube: http://ain.ua/2016/07/08/658694

[91] 32 бита всё: http://www.computerra.ru/152118/bye-32/

[92] Почему если все уйдут в IT, станет только хуже: http://ain.ua/2016/07/10/658755

[93] Исходный код Apollo 11 полностью опубликовали на GitHub, программисты обсуждают баги: http://ain.ua/2016/07/08/658614

[94] Несмотря на более низкие скидки в этом году, распродажа в Steam прошла более успешно: http://itc.ua/blogs/nesmotrya-na-bolee-nizkie-skidki-v-etom-godu-rasprodazha-v-steam-proshla-bolee-uspeshno/

[95] Путин подписал закон Яровой о хранении и расшифровке данных пользователей: https://vc.ru/p/yarovaya-putin-says-yes

[96] Хронология продажи LinkedIn: Предложения от Google, Facebook, Microsoft и других: https://vc.ru/p/linkedin-sale

[97] Ученые записали в ДНК рекордные 200 мегабайт данных: https://nplus1.ru/news/2016/07/07/200-mb-dna

[98] Рутина, стресс, недостаток сна и депрессия: https://vc.ru/p/darkside-dev-valley

[99] Улучшаем дизайн форм: https://medium.com/@ABatickaya/%D1%83%D0%BB%D1%83%D1%87%D1%88%D0%B0%D0%B5%D0%BC-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D1%84%D0%BE%D1%80%D0%BC-e9b5a5a464e2

[100] Игра, где требуется найти цвет по названию: https://codepo8.github.io/10kb-CSS-colour-game/

[101] The History of the URL: Domain, Protocol, and Port: https://eager.io/blog/the-history-of-the-url-domain-and-protocol/

[102] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/304630/

[103] dersmoll: http://habrahabr.ru/users/dersmoll/

[104] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[105] Источник: https://habrahabr.ru/post/305376/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Нажмите здесь для печати.