Дайджест свежих материалов из мира фронтенда за последнюю неделю №224 (15 — 21 августа 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Новости и занимательное: #intresting

[6] Я заглянул в папку node_modules, и вы не поверите, что произошло: https://habrahabr.ru/post/307822/

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

[8] Ревью верстки: 10 полезных замечаний и советов: https://tproger.ru/articles/10-layout-tips/

[9] Вышел в свет WordPress 4.6 “Pepper” с оптимизированным управлением плагинами и темами: http://oddstyle.ru/wordpress-2/novosti-wordpress/vyshel-v-svet-wordpress-4-6-pepper-s-optimizirovannym-upravleniem-plaginami-i-temami.html

[10] 10k Apart — конкурс на создание полноценных сайтов или веб-приложений, ограниченных размером в 10Kb и функционирующих без JS: https://a-k-apart.com/

[11] Нужно писать меньше чертова кода: http://www.heydonworks.com/article/on-writing-less-damn-code

[12] Средняя веб-страница (результат анализа 8 миллионов веб-сайтов): https://css-tricks.com/average-web-page-data-analyzing-8-million-websites/

[13] Как предотвратить повторяющиеся атаки на Ваш сайт: https://www.sitepoint.com/how-to-prevent-replay-attacks-on-your-website/

[14] Скрытая сила компонентов шаблонов Handlebars: https://cloudfour.com/thinks/the-hidden-power-of-handlebars-partials/

[15] Обрезка миниатюрных изображений с помощью SVG: https://cloudfour.com/thinks/cropping-image-thumbnails-with-svg/

[16] Вещи, которые я выучил об отзывчивом дизайн шаблонов писем: http://www.leemunroe.com/responsive-email-design/

[17] Мониторинг веб-приложений: http://prgssr.ru/development/monitoring-veb-prilozhenij.html

[18] Оффлайн хранилище для прогрессивных веб-приложений: https://medium.com/@addyosmani/offline-storage-for-progressive-web-apps-70d52695513c

[19] Что такое API на человеческом языке: https://medium.freecodecamp.com/what-is-an-api-in-english-please-b880a3214a82

[20] Что нового в Web Audio?: https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/

[21] Улучшаем пользовательский интерфейс с web audio: https://medium.freecodecamp.com/web-audio-for-the-user-interface-1592687f898c

[22] Делаем доступность великой опять: аудит сайтов кандидатов в президенты США на доступность: https://www.lullabot.com/articles/auditing-presidential-websites-for-accessibility

[23] Начни создавать доступные веб-приложения сегодня: https://egghead.io/courses/start-building-accessible-web-applications-today

[24] Практический пример по ускорению клиентской производительности: https://css-tricks.com/case-study-boosting-front-end-performance/

[25] HTTP/2 делает загрузку медиа файлов на мобильных устройствах в 3-15 раз быстрее: https://medium.com/apps-and-networking/http-2-makes-media-loading-3-15-times-faster-on-mobile-a455c3e68135

[26] Мыльные пузыри на SVG: http://css.yoksel.ru/svg-bubble/

[27] Сравнение различных техник веб-анимации на примере прыгающего мячика: https://sparkbox.github.io/bouncy-ball/

[28] Когда использовать Web Animations API: https://danielcwilson.com/blog/2016/08/why-waapi/

[29] Анимация олимпийских колец с gsap: https://codepen.io/steveg3003/pen/kXzXYW

[30] Забавная интерактивная форма отзыва покупателя (для магазина животных): http://codepen.io/jcoulterdesign/pen/pgRzEQ

[31] Презентация нового типа анимации в Isotope — Staggering Animations: https://css-tricks.com/staggering-animations/

[32] Staticman: https://staticman.net/

[33] Настройка живого руководства по стилю в Jekyll: https://www.sitepoint.com/setting-up-a-living-styleguide-in-jekyll/

[34] nucleus: https://holidaypirates.github.io/nucleus/

[35] Как по маслу, или анимируем со скоростью 60 FPS на CSS 3: https://habrahabr.ru/post/308006/

[36] Трёхпозиционный checkbox (aka tristate) без скриптов и смс: https://habrahabr.ru/post/308034/

[37] Полезные соображения насчет курсоров по умолчанию: http://css-live.ru/articles/poleznye-soobrazheniya-naschet-kursorov-po-umolchaniyu.html

[38] Готов ли уже Houdini?: https://ishoudinireadyyet.com/

[39] Bootstrap vs Foundation – топ 2 CSS фреймворка: https://www.keycdn.com/blog/bootstrap-vs-foundation/

[40] Использование Feature Queries (supports) в CSS : https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/

[41] Вы можете изобрести свой собственный странный язык с помощью атрибутов и их селекторов: https://css-tricks.com/weird-design-languages-with-attributes/

[42] Предложенное свойство box-suppress: https://rachelandrew.co.uk/archives/2016/07/22/the-proposed-box-suppress-property/

[43] Свойство `font-display` для масс: https://css-tricks.com/font-display-masses/

[44] Анимация увеличения фоновых изображений: https://css-tricks.com/zooming-background-images/

[45] Новая техника для гибкой типографики, позволяющая манипулировать размерами в заданном промежутке: http://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/

[46] Как создать макет с CSS Grid Layouts: https://getflywheel.com/layout/css-grid-layouts-how-to/

[47] Тридцать один способ сокращения времени на ручное кросс-браузерное тестирование: http://tinnedfruit.com/2016/08/15/31-ways-to-spend-less-time-on-manual-cross-browser-testing.html

[48] Шпаргалка по стилями для React Native: https://github.com/vhpoet/react-native-styling-cheat-sheet

[49] UnCSS Online! — сервис убирающий неиспользуемый CSS-код: http://uncss-on line.com/

[50] Harry Roberts | CSS для программистов и для CSS разработчиков | CSS Day 2016: https://vimeo.com/177216958

[51] Прогрессивная загрузка web-приложения с помощью разделения кода: https://habrahabr.ru/post/307694/

[52] JavaScript: где мы сейчас и куда двигаться: https://habrahabr.ru/post/308154/

[53] JavaScript выходит за пределы Web в 2015 году: https://habrahabr.ru/post/281342/

[54] Зачем нам jQuery?: https://habrahabr.ru/company/piter/blog/308134/

[55] Да, вы должны изучить ванильный JavaScript перед тем, как иметь дело с js фреймворками: https://snipcart.com/blog/learn-vanilla-javascript-before-using-js-frameworks

[56] Полируем JavaScript код: избавляемся от старых хаков ES5 (часть 2): https://rainsoft.io/make-your-javascript-code-shine-knockout-old-es5-hacks-part-2/

[57] Живой урок погружения в ES2015: https://www.sitepoint.com/a-live-lesson-in-diving-into-es2015-with-darin-haener/

[58] Быстрый совет: что такое factory функции в JavaScript: https://www.sitepoint.com/factory-functions-javascript/

[59] Загадочная и таинственная монада Maybe в JavaScript : http://jrsinclair.com/articles/2016/marvellously-mysterious-javascript-maybe-monad/

[60] Скорость загрузки и выполнения маленьких модулей: https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/

[61] Укрощение цепочек промисов с глубоким вложением: https://philipwalton.com/articles/untangling-deeply-nested-promise-chains/

[62] 100+ эмуляторов, написанных на JavaScript: https://hackerlists.com/javascript-emulators/

[63] Демо с распознаванием нарисованных цифр, использующее GPU и нейронную сеть: https://erkaman.github.io/regl-cnn/src/demo

[64] Введение в Service Workers: https://www.youtube.com/watch?v=EnaKD_EHG14

[65] Уходим в оффлайн с Service Workers: https://www.youtube.com/watch?v=ou6oPEEyjNQ&list=PL37ZVnwpeshGgaWeK9oFRPIjrLSo8mm6b&index=4

[66] JavaScript электроника на Pi Zero : https://www.youtube.com/watch?v=h_VYAjKDTJk

[67] Работа с Redux: введение: http://prgssr.ru/development/rabota-s-redux-vvedenie.html

[68] Aurelia 1.0: как создать простое приложение с авторизацией: https://auth0.com/blog/aurelia-1.0-how-to-build-a-simple-secured-application/

[69] Пишем JavaScript фреймворк — оценка кода песочницы: https://blog.risingstack.com/writing-a-javascript-framework-sandboxed-code-evaluation/

[70] Восход функционального программирования и закат Angular 2.0: http://blog.wolksoftware.com/the-rise-of-functional-programming-and-the-death-of-angularjs

[71] Remy Sharp: что такое React?: https://remysharp.com/2016/08/15/what-is-react

[72] React для дизайнеров: https://medium.com/front-end-hacking/react-for-designers-3fbc7b6560dd

[73] react-roadmap — дорожная карта изучения React: https://github.com/ericdouglas/react-roadmap

[74] Представление React Native Ubuntu: https://developer.ubuntu.com/en/blog/2016/08/05/introducing-react-native-ubuntu/

[75] Архитектура React Fiber: https://github.com/acdlite/react-fiber-architecture/blob/master/README.md

[76] Десять обязательных для изучения функций RxJS с примерами: https://www.sitepoint.com/rxjs-functions-with-examples/

[77] Все о $q и промисах в Angular: https://toddmotto.com/promises-angular-q

[78] От ng-controller к классам компонентов: http://ngmigrate.telerik.com/from-ng-controller-to-component-classes

[79] WAUD.JS: http://www.waudjs.com/

[80] hy-phen: https://github.com/ytiurin/hyphen

[81] Papa Parse — мощный парсер CSV: http://papaparse.com/

[82] react-dates: https://github.com/airbnb/react-dates

[83] Recharts — библиотека для построения компонуемых графиков для React: http://recharts.org/

[84] Спасти рядового Edge: новый план Microsoft: https://tproger.ru/news/saving-private-edge/

[85] Mozilla экспериментирует с добавлением в Firefox средства для обмена скриншотами: http://www.opennet.ru/opennews/art.shtml?num=44990

[86] Из Firefox 47+ удалена поддержка colspan=0: http://tanalin.com/blog/2016/08/fx-zero-colspan/

[87] В Google Chrome для Android появятся рекомендации: http://gagadget.com/announce/23356-v-google-chrome-dlya-android-poyavyatsya-rekomendatsii/

[88] Баг в Chrome и Firefox позволял подменить URL, используя арабские символы: https://xakep.ru/2016/08/18/browsers-and-rtl-simbols/

[89] Почему я так и не смог начать пользоваться Microsoft Edge: http://keddr.com/2016/08/pochemu-ya-tak-i-ne-smog-nachat-polzovatsya-microsoft-edge/

[90] WebVR 1.0 появилась в Firefox Nightly: https://blog.mozvr.com/webvr-1-0-available-in-firefox-nightly/

[91] Странные браузеры @ Webworker NRW — презентация Niels Leenheer о мире существующих браузеров: https://speakerdeck.com/nielsleenheer/weird-browsers-at-webworker-nrw

[92] Google и Microsoft повышают ставки на HTML5 в браузерах: http://www.developer-tech.com/news/2016/aug/19/google-and-microsoft-beefing-html5-bet-browsers/

[93] Facebook выложил в открытый доступ исследования в области искусственного интеллекта: http://ain.ua/2016/08/19/665093

[94] Презентация высокопроизводительной микроархитектуры Zen, или как AMD испортила праздник на улице Intel: http://itc.ua/news/prezentatsiya-vyisokoproizvoditelnoy-mikroarhitekturyi-zen-ili-kak-amd-isportila-prazdnik-na-ulitse-intel/

[95] Вред соперникам и пользователям: Антивирус Касперского обманывал конкурентов, «заражая» безопасные файлы: Reuters: https://meduza.io/feature/2015/08/14/vred-sopernikam-i-polzovatelyam

[96] Веб-разработка: поезд ушел, а пассажиры остались?: http://research.cmsmagazine.ru/web-development-business-2016/

[97] Лучшее с Gamescom 2016: косплей: http://kanobu.ru/articles/luchshee-sgamescom-2016-kosplej-369648/

[98] Мнение Дурова о редизайне ВКонтакте и ответ разработчиков: https://tproger.ru/news/vk-redesign-opinions/

[99] Intel анонсировала шлем, который совмещает виртуальную и дополненную реальность: http://disgustingmen.com/tehno/project-alloy

[100] Пять лет без Джобса: глава Apple Тим Кук говорит о будущем и проблемах компании: http://ain.ua/2016/08/15/664120

[101] Почему Windows так и не стала лидирующей мобильной платформой: https://vc.ru/p/war-of-microsoft

[102] Как полностью исчезнуть из интернета (инфографика): http://ain.ua/2016/08/18/664652

[103] Стажировка в Facebook: зарплата, льготы, бесплатное жилье и доступ к любому проекту: https://vc.ru/p/intern-facebook

[104] Вот твоя жизнь в Силиконовой долине: https://medium.com/@subes01/this-is-your-life-in-silicon-valley-933091235095

[105] Mozilla занимается ребрендингом: https://blog.mozilla.org/opendesign/now-for-the-fun-part/

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

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

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

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

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