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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] AMP — что это и почему ускорение сайтов для мобильных нужно для SEO: http://www.cmsmagazine.ru/library/items/advance/amp-what-it-is-and-why-the-acceleration-sites/

[8] Что нового в WordPress 4.6?: https://web2033.com/new-in-wordpress-4-6/

[9] Карты Google Maps — вставка и оформление (стилизация) карт на свой сайт: http://rightblog.ru/3013

[10] Доступные SVG: http://prgssr.ru/development/dostupnye-svg.html

[11] Accessible SVGs: https://css-tricks.com/accessible-svgs/

[12] Шпаргалка по GIT: https://medium.com/@ABatickaya/шпаргалка-по-git-55eeea487676

[13] Font Awesome SVGs: http://rumyrashead.com/Font-Awesome-SVGs.html

[14] Silo Buster: https://autonome.github.io/silobuster/

[15] Прогрессивные веб-приложения, которые ощущаются, как нативные приложения OS X: https://dev.opera.com/articles/pwa-desktop/

[16] Все о кастомных элементах HTML: https://github.com/shawnbot/custom-elements

[17] Почему наш сайт быстрее вашего: от оптимизации изображений, шрифтов и критического CSS до нюансов серверной настройки: https://www.voorhoede.nl/en/blog/why-our-website-is-faster-than-yours/

[18] Измерения влияния сервис-воркеров на производительность в реальном мире: https://developers.google.com/web/showcase/2016/service-worker-perf

[19] Добавьте оффлайн поддержку любому веб-приложению: https://medium.com/@wassimchegham/add-offline-support-to-any-web-app-c20edc4bea0e

[20] Mobile CDN – повышение скорости доставки контента на всех устройствах: https://www.keycdn.com/blog/mobile-cdn/

[21] Оффлайн поддержка для Google Analytics с помощью sw-offline-google-analytics: https://developers.google.com/web/updates/2016/07/offline-google-analytics

[22] Правильное использование элементов fieldset и legend с точки зрения доступности: https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/

[23] Как выбрать подходящий формат изображений: http://www.webdesignerdepot.com/2016/07/how-to-select-the-perfect-image-format/

[24] github-widget — виджет, отображающий детали GitHub аккаунта: https://github.com/surbhioberoi/github-widget

[25] Необычный эффект погружения на сайте: http://tympanus.net/codrops/2016/07/28/beneath-featured-content-layout-effect/

[26] SVG слайдер с маскированием: https://codyhouse.co/gem/clipped-svg-slider/

[27] Иллюзия жизни: пример SVG-анимации: https://www.smashingmagazine.com/2016/07/an-svg-animation-case-study/

[28] Свойство background: https://medium.com/@ABatickaya/%D1%81%D0%B2%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%BE-background-4f3b67451794

[29] The Background Properties: https://bitsofco.de/the-background-properties/

[30] Языки, чуть было не ставшие CSS: http://css-live.ru/articles/yazyki-chut-bylo-ne-stavshie-css.html

[31] The Languages Which Almost Became CSS: https://eager.io/blog/the-languages-which-almost-were-css/

[32] Как и почему был создан стайлгайд для сайта Marvel: https://blog.prototypr.io/the-marvel-styleguide-79b9757add23

[33] Создание странцы, где полноширинный блок заключен в контейней ограниченной ширины : https://css-tricks.com/full-width-containers-limited-width-parents/

[34] Ограничения стилей с помощью нового свойства contain можно уже попробовать в Хроме 52: https://medium.com/dev-channel/css-containment-in-chrome-52-f04a30bdc92a

[35] Отзывчивый лайтбокс без использования JS: https://codepad.co/snippet/qDWtQoku

[36] Способы уменьшения кода при создании шаблонов писем: http://dandenney.com/posts/front-end-dev/reducing-html-email-code

[37] Манипуляция цветами в Sass с помощью операторов и RGB функций: http://vanseodesign.com/css/sass-colors-part-1/

[38] Создание объектно-ориентированного фронтенд-фреймворка с помощью BEM, SASS и OOCSS: https://www.impression.co.uk/blog/4327/object-oriented-front-end-framework/

[39] О современных возможностях создания отражения с помощью CSS: https://css-tricks.com/state-css-reflections/

[40] О способах использования свойства CSS writing-mode: https://ishadeed.com/article/css-writing-mode/

[41] Ховер умер. Да здравствует ховер!: https://medium.com/instacart-design/hover-is-dead-long-live-hover-37a89d3795df

[42] Уроки, которые были получены из создания дружественных к мобильным устройствам отзывчивых таблиц: https://medium.com/shopify-ux/lessons-from-building-mobile-friendly-accessible-data-tables-1e05c6924eaf

[43] О написании и поддержке устаревшего CSS кода: http://tinnedfruit.com/2016/07/25/are-you-writing-legacy-css-code.html

[44] Angled Edges — SASS-примесь для создания SVG-фрагментов для срезанных углов секций: http://angled-edges.josephfus.co/

[45] Анимация цветового круга с помощью CSS: http://evaferreira.com.ar/blog/2016/07/color-wheel-animation-with-css-filters/

[46] Создайте иллюзию загрузки элементов с помощью CSS, пока не подгрузится настоящий контент: https://kyusuf.com/post/fake-it-til-you-make-it-css

[47] Релиз Aurelia 1.0: http://blog.durandal.io/2016/07/27/aurelia-1-0-is-here/

[48] Релиз Ember.js 2.7 и 2.8 Beta: http://emberjs.com/blog/2016/07/25/ember-2-7-and-2-8-beta-released.html

[49] Анонс Meteor 1.4: http://info.meteor.com/blog/announcing-meteor-1.4

[50] Запись трансляции MoscowJS Meetup 32: https://events.yandex.ru/events/yagosti/28-july-2016/

[51] jQuery Foundation и стандарты: http://blog.jquery.com/2016/07/27/the-jquery-foundation-and-standards-2/

[52] Экранирование некоторых символов Unicode в регулярных выражениях: https://mathiasbynens.be/notes/es-unicode-property-escapes

[53] Какие зависимости есть у популярных JS инструментов: http://developer.telerik.com/featured/popular-javascript-tools-depend/

[54] Прагматичные советы по написанию модулей: http://mafintosh.com/pragmatic-modularity.html

[55] Автоматическое исправление и форматирование вашего JavaScript с помощью ESLint: https://strongloop.com/strongblog/auto-fixing-formatting-your-javascript-with-eslint/

[56] Улучшаем события скроллинга с помощью throttle: https://www.sitepoint.com/throttle-scroll-events/

[57] Жизненный цикл переменных в JavaScript: https://rainsoft.io/variables-lifecycle-and-why-let-is-not-hoisted/

[58] Неизменяемость против инкапсуляции: https://vsavkin.com/immutability-vs-encapsulation-90549ab74487

[59] Знакомство с promises — одним из нововведений ES6: https://tproger.ru/translations/meet-the-promises/

[60] Большая шпаргалка по ES6: https://es6cheatsheet.com/

[61] Почему важно сейчас всем комьюнити мигрировать на ES2015 модули: http://blog.js-republic.com/start-of-art-of-javascript-modularization-why-choose-es2015/

[62] React Gotchas: https://daveceddia.com/react-gotchas/

[63] Производительность рендера компонентов в React: https://medium.com/modus-create-front-end-development/component-rendering-performance-in-react-df859b474adc

[64] Как анимировать элементы с помощью AngularJS: https://www.dunebook.com/how-to-animate-elements-using-angularjs/

[65] Быстрый взгляд на React и Redux DevTools: http://mediatemple.net/blog/tips/a-quick-look-at-the-react-and-redux-devtools/

[66] Interpose: https://github.com/Wildhoney/Interpose

[67] bisheng: https://github.com/benjycui/bisheng

[68] Использование Angular для создания SPA: http://docs.asp.net/en/latest/client-side/angular.html

[69] react-monocle — инструмент разработчика для визуализации иерархии компонентов React-приложений: https://github.com/team-gryff/react-monocle

[70] Использование React Native для создания приложения для распознавания лиц: https://www.sitepoint.com/use-react-native-to-a-create-a-face-recognition-app/

[71] Компоненты высшего порядка: паттерны проектирования React приложений: https://www.sitepoint.com/react-higher-order-components/

[72] Создание React-приложений без конфигураций: https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html

[73] Стратегии обновления с Angular 1.x на Angular 2: http://developer.telerik.com/featured/angular-2-upgrade-strategies-angular-1-x/

[74] Музыка в JavaScript. Изучение Web Audio путем воспроизведения работ Steve Reich и Brian Eno : http://teropa.info/blog/2016/07/28/javascript-systems-music.html

[75] Делаем селфи с помощью JavaScript: http://tutorialzine.com/2016/07/take-a-selfie-with-js/

[76] Урок: использование Redux с TypeScript и Angular 2: http://blog.ng-book.com/introduction-to-redux-with-typescript-and-angular-2/

[77] Создание JavaScript интерфейса командной строки (CLI) с Node.js: https://www.sitepoint.com/javascript-command-line-interface-cli-node-js/

[78] IZIMODAL: http://izimodal.marcelodolce.com/

[79] MetricsGraphics.js — библиотека на базе D3 для визуализации данных, относящихся ко времени: http://metricsgraphicsjs.org/

[80] box-js — инструмент для исследования вредоносных JS программ: https://github.com/CapacitorSet/box-js

[81] Typography.js — библиотека для генерации типографических стилей: http://kyleamathews.github.io/typography.js/

[82] В ночные сборки Firefox встроено дополнение FlyWeb: http://www.opennet.ru/opennews/art.shtml?num=44866

[83] В Firefox 49 будет прекращена поставка коммуникационного клиента Hello: http://www.opennet.ru/opennews/art.shtml?num=44877

[84] Доступны сборки Firefox без обязательной проверки цифровой подписи дополнений: http://www.opennet.ru/opennews/art.shtml?num=44875

[85] Отключение автозаполнения в Chrome с помощью React: https://medium.com/paul-jaworski/turning-off-autocomplete-in-chrome-ee3ff8ef0908

[86] Псевдо-класс CSS :any-link уже работает в FF без префиксов: https://www.fxsitecompat.com/en-CA/docs/2016/any-link-css-pseudo-class-has-been-unprefixed/

[87] Лучшие расширения для Chrome для фрилансеров: https://www.sitepoint.com/the-10-best-chrome-extensions-for-freelancers/

[88] Search Overflow — Расширение для Opera и Chrome для поиска по Stack Overflow: https://overflow.moin.im/

[89] В плагине WooCommerce, который используют миллионы сайтов, найдена уязвимость: https://xakep.ru/2016/07/23/woocommerce-xss/

[90] IEEE Spectrum опубликовал рейтинг языков программирования: http://www.opennet.ru/opennews/art.shtml?num=44863

[91] Microsoft уволит еще 2850 сотрудников: http://gagadget.com/business/23109-microsoft-uvolit-esche-2850-sotrudnikov/

[92] Изменения в OneDrive, о которых вам нужно знать: http://keddr.com/2016/07/izmeneniya-v-onedrive-o-kotoryih-vam-nuzhno-znat/

[93] Verizon покупает Yahoo! за $5 млрд: http://gagadget.com/business/23017-verizon-pokupaet-yahoo-za-5-mlrd/

[94] Неизвестный Dropbox: сервисы компании для пользователей, бизнеса и разработчиков: https://vc.ru/p/unknown-dropbox

[95] Миссия на Марс обойдется компании SpaceX в $320 миллионов: http://gagadget.com/science/23095-missiya-na-mars-obojdetsya-kompanii-spacex-v-320-millionov/

[96] Топ-10 самых дорогих сделок в IT-индустрии: http://keddr.com/2016/07/top-10-samyih-dorogih-sdelok-v-it-industrii/

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

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

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

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

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