- PVSM.RU - https://www.pvsm.ru -

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

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №239 (28 ноября — 4 декабря 2016) - 1

Веб-разработка [1]
CSS [2]
Javascript [3]
Браузеры [4]
Новости и занимательное [5]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №239 (28 ноября — 4 декабря 2016) - 2 Веб-разработка

Дайджест свежих материалов из мира фронтенда за последнюю неделю №239 (28 ноября — 4 декабря 2016) - 24 CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №239 (28 ноября — 4 декабря 2016) - 41 JavaScript

habr Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №239 (28 ноября — 4 декабря 2016) - 83 Новости и занимательное

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [102].
Материал подготовили dersmoll [103] и alekskorovin [104].

Автор: Zfort Group

Источник [105]

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Фронтенд для новичка. Куда идти и что делать?: https://medium.com/@gucol_lu/%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%BE%D0%B2%D0%B8%D1%87%D0%BA%D0%B0-%D0%BA%D1%83%D0%B4%D0%B0-%D0%B8%D0%B4%D1%82%D0%B8-%D0%B8-%D1%87%D1%82%D0%BE-%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-5397d1185a10

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

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

[9] Результаты опроса «The State of Front-End Tooling 2016»: https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results

[10] Интернет странных вещей: https://24ways.org/2016/internet-of-stranger-things/

[11] За кем следить в твиттере, если вы — разработчик фронтенда: https://medium.com/@sapegin/who-to-follow-on-twitter-if-youre-a-frontend-developer-b7873e787480

[12] Пользовательские компоненты, которые работают везде: https://medium.com/dev-channel/custom-elements-that-work-anywhere-898e1dd2bc48

[13] AMP от Google — это золотая клетка (о проблемах индексации сайта на WP): https://shkspr.mobi/blog/2016/11/removing-your-site-from-amp/

[14] Подборка ссылок на тематические репозитории: https://github.com/you-dont-need

[15] О новых практиках фронтенда при использовании HTTP/2 : https://www.viget.com/articles/getting-started-with-http-2-part-2

[16] Коллекция инструментов для измерения производительности ️: https://github.com/oliviertassinari/browser-metrics

[17] 9 советов по оптимизации веб-производительности: https://www.keycdn.com/blog/front-end-optimization/

[18] Что нового в HTML 5.1: https://www.sitepoint.com/whats-new-in-html-5-1/

[19] Использование элемента address в HTML 5.2: http://thenewcode.com/1164/Signed-Sealed-Delivered-Using-the-address-Element-in-HTML-52

[20] Diff of HTMLs: https://diffofhtmls.herokuapp.com/

[21] Progressive Web App Checklist: https://developers.google.com/web/progressive-web-apps/checklist

[22] 5 клевых Прогрессивных Веб-приложений, на которые стоит обратить внимание: http://deanhume.com/home/blogpost/5-awesome-progressive-web-apps-worth-exploring/10153

[23] Установка веб-приложений на телефоны (по-настоящему): https://joreteg.com/blog/installing-web-apps-for-real

[24] Пуленепробиваемые SVG с помощью Grunticon: https://seesparkbox.com/foundry/bulletproof_svgs_with_grunticon

[25] SVG — это не все… SVG: http://mediatemple.net/blog/tips/an-svg-that-isnt-all-svg/

[26] Сервис воркеры, что вы такое?: http://kosamari.com/notes/Service-Worker-what-are-you

[27] Service Worker Routing: https://paul.kinlan.me/service-worker-routing/

[28] A Webpack Pattern Library: http://cognition.happycog.com/article/a-webpack-pattern-library

[29] Полезные Regex-шаблоны: https://projects.lukehaas.me/regexhub/

[30] Как я вспоминал школьный курс геометрии: https://habrahabr.ru/company/netcracker/blog/316408/

[31] Как использовать кастомные шрифты в вебе и не сойти с ума: https://habrahabr.ru/company/meduza/blog/316640/

[32] Улучшаем стили с помощью em-ов: https://ind.ie/labs/blog/better-css-overhaul/

[33] Эксперименты с цветными шрифтами: https://css-tricks.com/experimenting-color-fonts/

[34] @supports изменит вашу жизнь: http://frontender.info/supports-will-change-your-life/

[35] Горизонтальный скролл на чистом CSS: https://css-tricks.com/pure-css-horizontal-scrolling/

[36] Циклы в CSS препроцессорах: https://css-tricks.com/loops-css-preprocessors/

[37] Когда какую CSS методологию использовать: http://simurai.com/blog/2016/11/27/css-methodologies

[38] Nesting Your BEM?: http://csswizardry.com/2016/11/nesting-your-bem/

[39] 7 способов размещения элементов с помощью CSS Grid Layout: https://www.sitepoint.com/seven-ways-you-can-place-elements-using-css-grid-layout/

[40] Производительный параллаксинг: https://developers.google.com/web/updates/2016/12/performant-parallaxing

[41] Кружевные шаблоны в CSS: http://kukuruku.co/hub/webdev/lace-patterns-in-css

[42] 9 простых фильтров в CSS : http://webdesignerwall.com/tutorials/9-simple-css-image-filters

[43] Обтекание текста вокруг искривленного изображения с помощью CSS Shapes: http://thenewcode.com/898/Wrapping-Text-Around-A-Curved-Image-With-CSS-Shapes

[44] Как область видимости стилей работает с Element Queries: http://codepen.io/tomhodgins/post/how-style-scoping-works-with-element-queries

[45] Запись трансляции CSS Conf AU 2016: https://www.youtube.com/watch?v=skzcEKewOwc&feature=youtu.be

[46] Logux: Connection lost, data synchronized: https://habrahabr.ru/company/jugru/blog/316732/

[47] Функциональное программирование с примерами на JavaScript: https://tproger.ru/translations/functional-js%e2%80%8a-%e2%80%8awith-examples-1/

[48] Запись прямой трансляции с JS Conf AU: https://www.youtube.com/watch?v=kGXpgAb3Sbk

[49] Как избежать усталости от JavaScript и спокойно спать по ночам: https://www.javascriptfatigue.club/blog/2016/11/29/how-to-avoid-javascript-fatigue-and-sleep-well-at-night

[50] Использование компонентов Bootstrap без jQuery: https://www.sitepoint.com/use-bootstrap-components-without-jquery/

[51] Мысли о линейных градиентах, похожих на оригинальное изображение: https://manu.ninja/thoughts-on-linear-gradients-that-resemble-images

[52] Базовая настройка окружения для разработки JavaScript: https://italonascimento.github.io/configuring-a-basic-environment-for-javascript-development/

[53] JavaScript разработчики: следите за своим языком!: https://bocoup.com/weblog/javascript-developers-watch-your-language

[54] Svelte: https://svelte.technology/

[55] Как использовать Aurelia с Redux: https://www.sitepoint.com/managing-state-aurelia-with-redux/

[56] Когда использовать ES5 Var, а когда ES6 Let: https://appendto.com/?p=7789

[57] JS промисы для чайников: https://scotch.io/tutorials/javascript-promises-for-dummies

[58] Вы уже пишете ES6 JavaScript?: https://www.sitepoint.com/are-you-writing-es6-javascript-yet/

[59] Async / Await разогревается: https://hackernoon.com/async-await-warm-up-229676224319

[60] выпуск #4 — Redux, Аctions подряд: http://5minreact.ru/4-redux-actions/

[61] выпуск #5 — Redux, Derived Data: http://5minreact.ru/5-redux-derived-data/

[62] React и третьесторонние библиотеки: http://krasimirtsonev.com/blog/article/react-third-party-library-integration

[63] Магия, стоящая за styled-components: http://mxstbr.blog/2016/11/styled-components-magic-explained/

[64] Практическое руководство по Redux: http://lorenstewart.me/2016/11/27/a-practical-guide-to-redux/

[65] Создание собственных Middleware в React/Redux.: https://medium.com/@jihdeh/creating-custom-middleware-in-react-redux-961570459ecb

[66] Начинаем работать с фреймворком Vue.js 2.0: https://www.sitepoint.com/up-and-running-vue-js-2-0/

[67] Vue.js Fundamentals: https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O

[68] Изучение Vue 2: шаг за шагом: https://laracasts.com/series/learn-vue-2-step-by-step

[69] vuelidate — простая валидация на базе модели для Vue.js: https://github.com/monterail/vuelidate

[70] Очистка Vue модулей с помощью стрелочных функций ES6: https://dotdev.co/clean-up-your-vue-modules-with-es6-arrow-functions-2ef65e348d41

[71] Релиз Angular 2.3.0-rc.0 (2016-11-30): https://github.com/angular/angular/blob/master/CHANGELOG.md

[72] Angular 2 просто ужастен: https://meebleforp.com/blog/36/angular-2-is-terrible

[73] ng2d3: https://github.com/swimlane/ng2d3

[74] Angular 2 —  анимированные роутер-переходы: https://medium.com/google-developer-experts/angular-2-animate-router-transitions-6de179e00204

[75] JSON-Splora: https://github.com/wellsjo/JSON-Splora

[76] mgGlitch: https://github.com/hmongouachon/mgGlitch

[77] Premonish : https://mathisonian.github.io/premonish/

[78] KUTE.js: http://thednp.github.io/kute.js/

[79] date-fns: https://date-fns.org/

[80] primitive.js — перерисовка изображений с помощью примитивных форм: https://ondras.github.io/primitive.js/

[81] Mozilla и Tor закрыли критическую уязвимость, которая активно использовалась для деанонимизации пользователей Tor: https://habrahabr.ru/post/316608/

[82] Chrome 55 сократил потребление памяти на 30%: https://geektimes.ru/post/283336/

[83] Выпуск web-браузера Chrome 55: http://www.opennet.ru/opennews/art.shtml?num=45606

[84] Chrome 55 теперь блокирует Flash, используя HTML5 по умолчанию: https://www.bleepingcomputer.com/news/software/chrome-55-now-blocks-flash-uses-html5-by-default/

[85] В Firefox 52 Developer Edition добавили новый JS-отладчик: https://tproger.ru/news/new-mozilla-js-debug-in-devprev/

[86] Firefox стал богаче, когда прекратил жить на деньги Google: https://roem.ru/02-12-2016/237498/firefox-money-rocks/

[87] WebVR 1.0 доступен в Firefox Nightly: https://medium.com/mozilla-tech/webvr-1-0-available-in-firefox-nightly-fe672d3f0da5

[88] Firefox 53: особый изолированный процесс для работы с локальными файлами: http://www.ghacks.net/2016/11/27/firefox-53-exclusive-content-process-for-local-files/

[89] CSS Grid и Grid Highlighter доступны в Firefox Developer Edition: https://hacks.mozilla.org/2016/12/css-grid-and-grid-highlighter-now-in-firefox-developer-edition/

[90] Визуализация анимации и изингов в DevTools: https://hacks.mozilla.org/2016/11/visualize-animations-easing-in-devtools/

[91] Обновленный Timelapse сервиса Google Earth демонстрирует как менялась Земля в последние 30+ лет: http://itc.ua/news/obnovlennyiy-timelapse-servisa-google-earth-demonstriruet-kak-menyalas-zemlya-v-poslednie-30-let/

[92] Google Translate теперь может работать с языками, переводу между которыми не обучался: https://tproger.ru/news/google-ai-translate/

[93] Яндекс сравнил поисковые запросы со словарем Даля: https://nplus1.ru/news/2016/11/29/dal-or-not-dal

[94] Как создать искусственный интеллект? (Почти) исчерпывающее руководство: https://tproger.ru/sponsored/ai-guide/

[95] Как открытый API влияет на бизнес: https://roem.ru/28-11-2016/237222/kak-otkrytyj-api-vliyaet-na-biznes/

[96] Компания Huawei стала самым прибыльным производителем Android-устройств: http://keddr.com/2016/11/huawei-udivlaet/

[97] Twitter приобрел стартап Yes! и назначил его главу директором по продукту сервиса: https://vc.ru/n/twi-yes

[98] Google предупредила российских пользователей о повышении цен с 2017 года из-за «налога на Google»: https://vc.ru/n/google-drive-tax

[99] YouTube запускает поддержку 4K для стриминга обычных и панорамных 360-градусных видео: http://itc.ua/news/youtube-zapuskaet-podderzhku-4k-dlya-striminga-obyichnyih-i-panoramnyih-360-gradusnyih-video/

[100] Компания Mozilla опубликовала финансовый отчёт за 2015 год: http://www.opennet.ru/opennews/art.shtml?num=45601

[101] Facebook будет развлекать пользователей играми: http://gagadget.com/announce/24755-facebook-budet-razvlekat-polzovatelej-igrami/

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

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

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

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