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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Собираем ваш первый WebAssembly-компонент: https://habrahabr.ru/company/infopulse/blog/304362/

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

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

[9] Путь наставника: https://medium.com/russian/%D0%BF%D1%83%D1%82%D1%8C-%D0%BD%D0%B0%D1%81%D1%82%D0%B0%D0%B2%D0%BD%D0%B8%D0%BA%D0%B0-2001ab15f403

[10] Создание интерактивного видео на HTML5: http://frontender.info/building-interactive-html5-videos/

[11] Лучшие практики кэширования: http://prgssr.ru/development/luchshie-praktiki-keshirovaniya.html

[12] Caching best practices & max-age gotchas: https://jakearchibald.com/2016/caching-best-practices/

[13] AMP HTML, обзор: https://alligator.io/html/amp-html/

[14] Как стать великим фронтенд {вставьте баззворд}?: https://medium.com/rvcreative/how-to-be-a-great-front-end-insert-buzzword-a602d9b08ca9

[15] Как инспектировать и модифицировать анимацию с помощью Chrome DevTools Animation Inspector.: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/animations

[16] Методы создания доступных интерфейсов: https://medium.com/fed-or-dead/ways-to-make-a-ui-accessible-part-i-84b5088acfb7

[17] В поисках времени для улучшения своих навыков разработчика: https://medium.freecodecamp.com/finding-time-to-become-a-better-developer-eebc154881b2

[18] Dreamweaver возвращается для нас, кодеров.: https://medium.com/@helloanselm/dreamweaver-is-back-for-us-coders-2a1be75ae595

[19] Website Grader — тестирование сайтов на предмет оптимизации: https://website.grader.com/

[20] Предзагрузка веб-шрифтов для игр на HTML5: https://hacks.mozilla.org/2016/06/webfont-preloading-for-html5-games/

[21] Имитация относительного позиционирования внутри SVG с вложенными SVG: https://sarasoueidan.com/blog/mimic-relative-positioning-in-svg/

[22] День 1: https://www.youtube.com/watch?v=9JYnL-kQg0o&feature=youtu.be&t=8152

[23] День 2: https://www.youtube.com/watch?v=LfQ6GWWuVVw

[24] Стрелочные SVG-часы: http://codepen.io/mmellado/pen/KMgwxy/

[25] Трансформирующиеся тетраэдры от Anna Tudor: http://codepen.io/thebabydino/professor/QEdGZQ/

[26] Эффект заката с помощью прокрутки с JS и SVG: http://thenewcode.com/1098/A-Scrolling-SVG-Sunset

[27] SVG-анимация для появляющихся на странице элементов: http://tympanus.net/codrops/2016/06/29/item-reveal-animations-with-svg/

[28] Эффектные концептуальные анимации для различных элементов интерфейса : https://stories.uplabs.com/how-to-use-code-as-a-primary-design-tool-791d50849cb6

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

[30] Магия CSS. Глава 6: Переходы: https://medium.com/@ABatickaya/%D0%BC%D0%B0%D0%B3%D0%B8%D1%8F-css-%D0%B3%D0%BB%D0%B0%D0%B2%D0%B0-6-%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D1%8B-6004bf57b1da

[31] Языки, которые могли бы стать CSS-ом: https://eager.io/blog/the-languages-which-almost-were-css/

[32] Битва архитектур. Взгляд на два популярных метода написания CSS, и объяснение, почему они не достаточно хороши: https://medium.com/@marianojmiguel/battle-of-the-architectures-30c512d542a4

[33] Взаимодействие между JavaScript и CSS c помощью нативных CSS переменных: https://eager.io/blog/communicating-between-javascript-and-css-with-css-variables/

[34] Демонстранция 16-ти эффектов смешивания средствами CSS: http://codepen.io/chrisbolin/pen/vKgWGg

[35] PostCSS — трансформация вашего CSS с помощью JS: https://www.keycdn.com/blog/postcss/

[36] Переход в будущее CSS с PostCSS: http://blog.js-republic.com/jump-into-the-future-of-css-with-postcss/

[37] Работа с критическим CSS с помощью плагина на PostCSS: https://medium.com/@nocreativity/manage-your-critical-css-with-this-postcss-plugin-6be1ca226c06

[38] Все типы данных в CSS: https://bitsofco.de/generic-css-data-types/

[39] Представление CSS-свойства text-align-last: https://www.sitepoint.com/introducing-the-css-text-align-last-property/

[40] История техник замены изображений с помощью CSS: https://www.sitepoint.com/css-image-replacement-text-indent-negative-margins-and-more/

[41] Michelangelo Styleguide: http://stamkracht.github.io/michelangelo/

[42] CSS-изображения, реализованные одним div-ом: http://a.singlediv.com/

[43] Nth-child Sass Mixins: https://paulund.co.uk/nth-child-sass-mixins

[44] progress-tracker: http://nigelotoole.github.io/progress-tracker/

[45] Нейронные сети на Javascript: https://habrahabr.ru/post/304414/

[46] D3.js. Визуализация графов: https://habrahabr.ru/post/302968/

[47] Все, что нужно знать о теге script: http://e-planet.ru/company/blog/vse-chto-nuzhno-znat-o-tege-script.html

[48] Введение в функциональный JavaScript: Часть 3: http://webtackles.ru/javascript/intro-to-func-js-functions/

[49] Новая игра для программистов появилась в Steam: управление виртуальным миром с помощью JavaScript: https://tproger.ru/news/screeps/

[50] Автоматическое улучшение качества фронтенд проектов, ч.3 — JavaScript и Accessibility: http://developer.telerik.com/featured/improving-quality-front-end-projects-automatically-pt-3-javascript-accessibility/

[51] Юнит-тестирование JavaScript для начинающих: http://designmodo.com/test-javascript-unit/

[52] Интеграция и сравнение ES6: https://web-design-weekly.com/2016/07/01/integration-and-comparison-for-es6/

[53] ES5 Objects vs. ES6 Maps – разница и сходство: http://appendto.com/2016/07/es5-objects-vs-es6-maps-the-differences-and-similarities/

[54] Введение в асинхронный JavaScript: http://tutorials.pluralsight.com/front-end-javascript/introduction-to-asynchronous-javascript

[55] Что необходимо знать, чтобы пройти собеседование по JavaScript, как ас?: https://github.com/adam-s/js-interview-review

[56] JavaScript паттерны: синглтон: https://www.sitepoint.com/javascript-design-patterns-singleton/

[57] Создание массивов в JavaScript: http://rainsoft.io/power-up-the-array-creation-in-javascript/

[58] Реальные примеры использования Mutation Observer: https://eager.io/blog/three-real-world-use-cases-for-mutation-observer/

[59] Что необходимо знать (и потенциально опасно) о сторонних скриптах: https://css-tricks.com/potential-dangers-of-third-party-javascript/

[60] Подсказки при наборе JS кода: https://strongloop.com/strongblog/type-hinting-in-javascript/

[61] DOMContentLoaded vs jQuery.ready vs onload, или как выбрать, когда ваш код должен выполниться: https://eager.io/blog/how-to-decide-when-your-code-should-run/

[62] Введение в Redux: https://www.smashingmagazine.com/2016/06/an-introduction-to-redux/

[63] Анимация интерфейсов с помощью React — правильный путь: https://medium.com/@joethedave/achieving-ui-animations-with-react-the-right-way-562fa8a91935

[64] Библиотеки React UI: http://blog.webkid.io/react-ui-libraries/

[65] Проектируем, используя концепции React: https://facebook.github.io/react/docs/thinking-in-react.html

[66] Использование JSX и React: http://code.tutsplus.com/tutorials/using-jsx-and-react--cms-25131

[67] Назад в будущее, или получение данных в React.js: https://medium.com/@ArtyomTrityak/forward-to-the-past-or-data-fetching-in-react-js-9f4ccfa29c10

[68] [ReactRouter] в чем разница между HashHistory и BrowserHistory?: https://www.youtube.com/watch?v=cdUyEou0LHg&feature=youtu.be

[69] react-modal-box — модальные окна для приложений: https://github.com/sadiqevani/react-modal-box

[70] NativeBase — мощное дополнение к React Native: http://nativebase.io/

[71] Урок по Angular 2: как создать CRUD приложение с Angular CLI: https://www.sitepoint.com/angular-2-tutorial/

[72] Angular 2 – лучшие практики повышения своего уровня: https://blog.budacode.com/2016/06/27/angular-2-best-practises/

[73] Быстрая кросс-платформенная разработка с Angular 2 CLI: http://developer.telerik.com/featured/rapid-cross-platform-development-angular-2-cli/

[74] Подготовка Angular 2 приложения для продакшена: http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

[75] Введение в разработку jQuery плагинов: https://www.sitepoint.com/developing-jquery-plugins/

[76] anime-js: http://anime-js.com/

[77] Vidage — решение для полноэкранного видео и изображения: https://github.com/dvLden/Vidage

[78] crio — неизменяемые объекты и массивы: https://github.com/planttheidea/crio

[79] Никогда не сдавайся: как Netscape вел неравную борьбу с Internet Explorer: https://habrahabr.ru/post/304344/

[80] Браузер Chrome для Android получит поддержку виртуальной реальности: http://itc.ua/news/brauzer-chrome-dlya-android-poluchit-podderzhku-virtualnoy-realnosti/

[81] В Firefox появились контейнеры: http://itc.ua/blogs/v-firefox-poyavilis-konteyneryi/

[82] Браузерные тренды июля 2016: https://www.sitepoint.com/browser-trends-july-2016-chrome-monoculture-harmless/

[83] Улучшенная загрузка шрифтов в WebKit: https://webkit.org/blog/6643/improved-font-loading/

[84] Выпущен неофициальный консольный клиент для Stack Overflow: https://tproger.ru/news/so-console-client/

[85] Google запустила открытую hardware-платформу для обучения детей программированию: http://ain.ua/2016/06/28/656895

[86] Facebook запустил возможность публиковать посты на 45 языках одновременно: http://ain.ua/2016/07/02/657630

[87] Картографические сервисы Google обновились: качество снимков увеличилось: http://keddr.com/2016/07/karti-google-obnovilis/

[88] Масштабная чистка аккаунтов в YouTube лишила блогеров сотен тысяч подписчиков: http://ain.ua/2016/06/29/656967

[89] Каждый пятый компьютер работает на Windows 10: http://gagadget.com/business/22765-kazhdyij-pyatyij-kompyuter-rabotaet-na-windows-10/

[90] «Пять законов робототехники»: Google изложила свое видение безопасного ИИ: http://itc.ua/news/pyat-zakonov-robototehniki-google-izlozhila-svoe-videnie-bezopasnogo-ii/

[91] «Со смертью кодинга инженеры повернутся лицом к остальной части человечества»: https://vc.ru/p/coding-is-over

[92] Стартапы, которые покупает Google: обзор сделок корпорации за последние 15 лет: https://vc.ru/p/google-buys-startups

[93] 9 новых технологий, которые вы можете освоить за лето и стать ценнее на рынке труда: https://tproger.ru/digest/10-new-technologies/

[94] День, когда Evernote умер для меня и что теперь делать?: http://keddr.com/2016/06/den-kogda-evernote-umer-dlya-menya-i-chto-teper-delat/

[95] Сотрудники Microsoft назвали главные преимущества и недостатки работы в компании: http://ain.ua/2016/07/02/657492

[96] Давид Хомак: Лекция про интернеты: https://medium.com/@aalien/on-internets-5f591ff0773f

[97] Диджитал джоинт: зачем Microsoft и остальные связываются с продажей марихуаны: http://gagadget.com/22648-didzhital-dzhoint-zachem-microsoft-i-ostalnyie-svyazyivayutsya-s-prodazhej-marihuanyi/

[98] 10 названий технологических брендов, которые вы наверняка произносите неправильно: http://lifehacker.ru/2016/07/01/10-tricky-brands/

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

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

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

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

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