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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Распространенные ошибки начинающего HTML-верстальщика: https://habrahabr.ru/post/307210/

[7] Почему я люблю работать с вебом. Рэми Шарп: https://habrahabr.ru/post/307468/

[8] Frontend-разработчики должны быть в теме всего: https://habrahabr.ru/post/306716/

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

[10] расшифровка на GitHub: https://github.com/web-standards-ru/podcast/blob/master/episodes/episode-28.md

[11] Антиода фронтендерам: https://medium.com/@FelixIT/%D0%B0%D0%BD%D1%82%D0%B8%D0%BE%D0%B4%D0%B0-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D0%B5%D1%80%D0%B0%D0%BC-53645b26b16a

[12] Опыт масштабирования генератора статических сайтов: http://prgssr.ru/development/opyt-masshtabirovaniya-generatora-staticheskih-sajtov.html

[13] Введение: https://tproger.ru/translations/web-audio-introduction/

[14] Реализация: https://tproger.ru/translations/web-audio-implementation/

[15] Два десятка веб-разработчиков, на которых можно подписаться в твитере: https://www.shopify.com/partners/blog/20-web-designers-and-developers-you-should-be-following-on-twitter

[16] Подборка подкастов для разработчиков фронтенда: https://medium.com/@vilcins/top-podcasts-all-front-end-developers-should-follow-4e0332801c01

[17] Крис Койер: что проносится в мой голове, когда я изучаю сайт: https://css-tricks.com/braintour-of-a-website/

[18] SVG-градиенты: http://css.yoksel.ru/svg-gradients/

[19] Новые свойства SVG 2 : https://github.com/w3c/svgwg/wiki/SVG-2-new-features

[20] «Practical SVG»: http://alistapart.com/article/practical-svg

[21] Интервью с Nikos Andronikos, главой SVG WG: http://www.pdfa.org/2016/08/interview-with-nikos-andronikos-chair-of-the-svg-wg/

[22] Создание отзывчивого прогрессивного веб-приложения: https://cloudfour.com/thinks/designing-responsive-progressive-web-apps/

[23] Руководство для новичком по отзывчивым веб-приложениям: https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/

[24] Google AMP: что это означает для мобильного SEO?: https://www.sitepoint.com/google-amp-what-does-it-mean-for-your-mobile-seo/

[25] Shadow DOM v1: автономные веб-компоненты: https://developers.google.com/web/fundamentals/primers/shadowdom/

[26] Я заглянул в директорию Node_Modules, и вы не поверите, что случилось дальше: https://medium.com/friendship-dot-js/i-peeked-into-my-node-modules-directory-and-you-wont-believe-what-happened-next-b89f63d21558

[27] Странный хак, позволяющий вынести курсор за пределы окна браузера: http://benjaminbenben.com/cursory-hack/

[28] Multi-Layout Slideshow: http://tympanus.net/codrops/2016/08/10/multi-layout-slideshow/

[29] Создание эффекта ластика с помощью HTML5 Canvas: http://thenewcode.com/1120/Scratch-Off-Reveal-with-HTML5-Canvas

[30] Анимированный эффект distortion SVG/CSS/JS: http://codepen.io/w20/pen/grBaNA

[31] SnookSVG w/Polycleaner: http://codepen.io/grayghostvisuals/pen/JKmRwY

[32] Трава в WebGL: http://yiwenl.github.io/Sketches/exps/22/

[33] Взаимодействие между Javascript и CSS с помощью CSS-переменных: http://css-live.ru/articles/vzaimodejstvie-mezhdu-javascript-i-css-s-pomoshhyu-css-peremennyx.html

[34] Масштабирование CSS компонентов с помощью БЭМ, REMs и EMs: https://www.lullabot.com/articles/scaling-css-components-with-bem-rems-ems

[35] Как хранить данные в списках Sass: http://vanseodesign.com/css/sass-lists/

[36] Atomic Design – полное руководство по масштабируемому и модульному CSS: http://blog.alexdevero.com/atomic-design-scalable-modular-css-sass/

[37] Достигаем плавной 60 FPS анимации с помощью CSS3: https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations-with-css3-db7b98610108

[38] Создание тем с помощью CSS4 Color: https://cloudfour.com/thinks/building-themes-with-css4-color-features/

[39] Создание анимации смайликов с реакциями в Facebook: https://thefullsnack.com/implementing-facebooks-reaction-animation-9ab05460d9f7

[40] Как использовать техники маскирования и обрезки CSS и SVG: https://getflywheel.com/layout/css-svg-clipping-and-masking-techniques/

[41] Принудительное выделение текстового блока: https://css-tricks.com/force-selection-text-block/

[42] Руководство по стилям в Nextdoor: https://engblog.nextdoor.com/nextdoor-css-guidelines-47eb0b0f7565

[43] CSS свойство will-change: https://medium.com/@benchaaben/css-the-will-change-property-fe63a200fcb

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

[45] Объемные интерактивные гистаграммы на CSS: http://codepen.io/jcoulterdesign/pen/QEyNzj/

[46] Композиция функций: http://prgssr.ru/development/kompoziciya-funkcij.html

[47] Function Composition: Building Blocks for Maintainable Code: https://www.sitepoint.com/function-composition-building-blocks-for-maintainable-code/

[48] Функциональное тестирование JavaScript с помощью Nightwatch.js: https://www.sitepoint.com/javascript-functional-testing-nightwatch-js/

[49] var const let: https://remysharp.com/2016/08/09/var-const-let

[50] Улучшения доступности для клавиатуры с помощью JavaScript: https://gomakethings.com/keyboard-accessibility-improvements-with-javascript/

[51] Создание вашего первого приложения на Vue.js: http://tutorialzine.com/2016/08/building-your-first-app-with-vue-js/

[52] Состояние Vue (2.0 релиз кандидат): https://medium.com/the-vue-point/the-state-of-vue-1655e10a340a

[53] Оператор запятая в JS: http://www.jstips.co/en/comma-operaton-in-js/

[54] Полируем JavaScript код: избавляемся от старых хаков ES5: https://rainsoft.io/make-your-javascript-code-shide-knockout-old-es5-hack/

[55] JSON.is — документация для распространенных JSON-форматов: http://json.is/

[56] Параллельность процессов в JS: https://advancedweb.hu/2016/08/09/parallel-processing-in-js/

[57] Анимированные многослойные гистаграммы с D3.js: https://medium.com/fattura-con-billy/animated-stacked-bar-charts-with-d3-js-2ef928163e59

[58] Текущее состояние Javascript — Jack Franklin: https://www.youtube.com/watch?v=5NIL3Epadj0

[59] Cоздание собственного EventEmitter-а: https://www.youtube.com/watch?v=X-AhceP6jpA&feature=youtu.be

[60] Сколько дней прошло с момента релиза нового JavaScript фреймворка?: https://www.raymondcamden.com/2016/08/11/how-many-days-since-the-last-javascript-framework/

[61] Angular 2 vs React — о чем разработчики часто забывают?: https://www.agriya.com/blog/2016/08/04/angular-2-vs-react-what-developers-often-forget/

[62] Angular 2 релиз кандидат 5: http://angularjs.blogspot.com/2016/08/angular-2-rc5-ngmodules-lazy-loading.html

[63] Осмысление Redux: https://medium.freecodecamp.com/why-redux-makes-sense-to-me-and-how-i-conceptualize-it-c8a3a9db15ca

[64] Взгляд в будущее с React Native для веб: https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/

[65] Загрузка и манипуляции с изображениями с React: https://css-tricks.com/image-upload-manipulation-react/

[66] Черновик книги «React-просвящение»: https://www.gitbook.com/book/frontendmasters/react-enlightenment/details

[67] Курс «Основы Angular 2»: http://courses.angularclass.com/courses/angular-2-fundamentals

[68] Angular 2 с примером приложения со SPQR: https://medium.com/baqend-blog/angular-2-by-example-e85a09fa6480

[69] Изучение Ember.js с нуля: уроки, книги, и ресурсы для новичков: http://whatpixel.com/emberjs-best-learning-resources/

[70] Настройка Flow с уже установленным Babel: https://medium.freecodecamp.com/using-flow-with-babel-c04fdca8d14d

[71] Scrollanim: http://scrollanim.kissui.io/

[72] Typr.js: https://github.com/photopea/Typr.js

[73] baffle.js — библиотека для шифровки и расшифровки текста в DOM элементах : https://camwiegert.github.io/baffle/

[74] Полифил для плавной прокрутки: http://iamdustan.com/smoothscroll/

[75] Тестирование Firefox 49-beta и Firefox Developer Edition 50: http://www.opennet.ru/opennews/art.shtml?num=44928

[76] Контент Flash начнет блокироваться по умолчанию в Chrome 53, который выйдет в следующем месяце: http://itc.ua/news/kontent-flash-nachnet-blokirovatsya-po-umolchaniyu-v-chrome-53-kotoryiy-vyiydet-v-sleduyushhem-mesyatse/

[77] Презентация Samsung Internet для разработчиков: https://medium.com/samsung-internet-dev/introducing-samsung-internet-for-developers-6c3a3be42f72

[78] FF Developer Edition 50: Console, Memory Tool, Net Monitor and more : https://hacks.mozilla.org/2016/08/developer-edition-50-console-memory-tool-net-monitor-and-more/

[79] Что убрали в Chrome 53: https://developers.google.com/web/updates/2016/08/chrome-53-deprecations

[80] Chrome 53 Beta: Shadow DOM, PaymentRequest, and Android autoplay: http://blog.chromium.org/2016/08/chrome-53-beta-shadow-dom.html

[81] DevTools Digest, August 2016: https://developers.google.com/web/updates/2016/08/devtools-digest

[82] #EdgeBug: новая веб-платформа для отлова багов с помощью твиттера: https://blogs.windows.com/msedgedev/2016/08/11/edgebug-twitter/

[83] 13 из 13… Расширения для Microsoft Edge: http://keddr.com/2016/08/13-iz-13-rasshireniya-dlya-microsoft-edge/

[84] Inbox от Gmail интегрировался с Google Alerts, Диском, Trello и GitHub: https://www.searchengines.ru/inbox-ot-gmail-integrirovalsya-s-google-alerts-diskom-trello-i-github.html

[85] MIT представил новый язык программирования: https://naked-science.ru/article/hi-tech/mit-predstavil-novyy-yazyk

[86] Google развивает новую операционную систему Fuchsia: http://www.opennet.ru/opennews/art.shtml?num=44952

[87] Microsoft случайно забыла в коде режим отладки, позволяющий обойти UEFI Secure Boot: https://xakep.ru/2016/08/12/secure-boot-golden-keys/

[88] Четверть разработчиков Сан-Франциско ищет работу за пределами Кремниевой долины — исследование Indeed: https://vc.ru/p/techies-out-sf

[89] Нейросеть научилась распознавать цензуренные изображения: http://keddr.com/2016/08/neyroset-i-tsenzura/

[90] Работа мечты: в Google существует команда устраивающая внутри компании катастрофы: http://keddr.com/2016/08/rabota-mechtyi-v-google/

[91] Google представил целевые страницы в формате AMP: https://www.searchengines.ru/google-predstavil-tselevye-stranitsy-v-formate-amp.html

[92] Forbes составил очередной рейтинг из 100 самых богатых IT-деятелей мира: http://itc.ua/news/forbes-sostavil-svezhiy-reyting-iz-100-samyih-bogatyih-it-deyateley-mira/

[93] От 1947 года до наших дней: куда двигается робототехника: http://ain.ua/2016/08/10/663434

[94] Смерть стартапа: Обзор самых заметных стартапов, закрывшихся в 2016 году: https://vc.ru/p/died-in-2016

[95] Кибератаки: скрытая угроза и противодействие: http://ain.ua/2016/08/09/663190

[96] Проблемы карьерного роста в IT-компаниях: https://dou.ua/lenta/articles/careers-problems/

[97] Идеальный код: https://dou.ua/lenta/articles/perfect-code/

[98] Правила этикета для VR от Google: http://gmbox.ru/project/virtualnaya-realnost/pravila-etiketa-dlya-vr-ot-google

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

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

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

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

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