Дайджест свежих материалов из мира фронтенда за последнюю неделю №237 (14 — 20 ноября 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Гайд по вакансиям в Веб Разработке: https://mkdev.me/posts/gayd-po-vakansiyam-v-veb-razrabotke

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

[8] Подкаст radiojs, Выпуск 42: https://radiojs.ru/2016/11/radiojs-42/

[9] 7 фишек, которых не хватает вашему сайту: http://vania-kucher.pro/optimization/10-fishek-kotoryx-ne-xvataet-vashemu-sajtu

[10] DIV официально разрешён внутри DL: http://tanalin.com/blog/2016/11/div-dl-dt-dd/

[11] Frontend WhiteList: https://github.com/melnik909/frontend-whitelist

[12] Некоторые тонкости использования Service Workers: https://habrahabr.ru/post/315660/

[13] Набор хороших расширений Atom для веб-разработчика : https://github.com/shery15/awesome-atom-packages

[14] Лучшее в Visual Studio Code: функциональности, плагины, работает как Atom и Sublime: https://scotch.io/tutorials/best-of-visual-studio-code-features-plugins-acting-like-atom-and-sublime

[15] Тренды веб-разработки на 2017-й: http://blog.debugme.eu/web-development-trends-for-2017/

[16] Автоматизация стандартизации JS/CSS/PHP кода: https://medium.com/etch-stories/automating-your-coding-standards-11eb952a7281

[17] Chris Coyier: https://betweenthewires.org/between-the-wires-chris-coyier-382a217a0f1

[18] Evan You: https://betweenthewires.org/between-the-wires-evan-you-cb56660bc8a4

[19] Lazy Loading Responsive Adsense Ads: https://css-tricks.com/lazy-loading-responsive-adsense-ads/

[20] HTML 5.1 это золотой стандарт: https://www.w3.org/blog/2016/11/html-5-1-is-the-gold-standard/

[21] Ускорение сайтов на WordPress — исчерпывающее руководство: https://www.searchengines.ru/uskorenie_saytov.html

[22] Техническая сторона Google AMP: http://www.cssreflex.com/2016/11/the-technical-side-of-google-amp.html/

[23] Оптимизация скорости и производительности для мобильного с помощью AMP: https://medium.com/webkul-dev/speed-performance-optimisation-for-mobile-web-amp-2145b2fbaaac

[24] Джереми Кейт о проблеме производительности из-за насыщенности JS-ом : https://adactio.com/journal/11512

[25] Борьба с усталостью от фронтенда: https://www.smashingmagazine.com/2016/11/not-an-imposter-fighting-front-end-fatigue/

[26] Код, которого я до сих пор стыжусь: https://medium.freecodecamp.com/the-code-im-still-ashamed-of-e4c021dff55e

[27] Анатомия статического сайта: http://andrewhfarmer.com/static-site-anatomy/

[28] Создание эффектной страницы с прогнозом погоды, использующей графики на SVG и интерактивную информационную панель: http://tympanus.net/codrops/2016/11/18/surf-report-template/

[29] Еще один урок по созданию эффекта отрисовки линий в SVG: https://medium.com/bitmatica-lab/svg-line-animation-for-the-uninitiated-5a65d91c6044

[30] Урок по созданию анимированного эффекта „невидимой ручки“ с помощью SVG: https://www.sitepoint.com/how-to-create-the-invisible-pen-effect-in-svg-using-vivus-js/

[31] Как создать игру Coloron с помощью SVG анимаций: https://codepen.io/gregh/post/create-svg-game-coloron

[32] Создание динамической анимированной сетки с соединенными точками с помощью HTML5 Canvas: http://thenewcode.com/1159/Create-a-Dynamic-Point-Mesh-Animation-with-HTML5-Canvas

[33] Математика CSS-шлюзов: https://habrahabr.ru/company/mailru/blog/315196/

[34] Грид, флексбокс и выравнивание блоков: наша новая система раскладки: http://prgssr.ru/development/grid-fleksboks-i-vyravnivanie-blokov-nasha-novaya-sistema-raskladki.html

[35] Тяжелые CSS свойства, которые заставляют ваш браузер тормозить: http://rightblog.ru/3168

[36] 100% правильный способ делать адаптивные брейкпоинты в CSS: https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862

[37] Я совсем забыл о стилях для печати: https://medium.com/@matuzo/i-totally-forgot-about-print-style-sheets-f1e6604cfd6

[38] Грядущая революция в верстке шаблонов писем: http://alistapart.com/article/the-coming-revolution-in-email-design

[39] Адаптивное многоуровнего меню с вызовом по click/tap, созданное без использования javascript/jQuery: http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-tree.html

[40] Разметка страницы, созданная на чистых CSS переменных: http://codepen.io/pixelass/post/layout-powered-by-css-variables

[41] Блочное форматирование контекста в CSS: https://medium.com/@ritz078/block-formatting-contexts-in-css-3a9555355019

[42] Bootstrap 4: Regular Grid VS Flexbox Grid: http://tutorialzine.com/2016/11/boostrap-4-regular-vs-flex-grid/

[43] Как писать атомарный CSS с помощью Sass в Angular2: https://medium.com/@visikov/how-to-write-atomic-css-with-sass-in-angular2-a18a7661f7ff

[44] 15kb CSS — это все, что️вам понадобится: https://medium.com/@philipardeljan/15kb-of-css-is-all-youll-ever-need-%EF%B8%8F-634da7258338

[45] Simple CSS Units: http://simplecss.eu/pxtoems.html

[46] Нахождение неиспользуемого CSS-кода с помощью CSS Coverage в DevTools: https://umaar.com/dev-tips/121-css-coverage/

[47] Введение в CSS в JS с DIO: https://hackernoon.com/an-intro-to-css-in-js-with-dio-b6f4e81a4a9d

[48] часть 1: https://hashnode.com/post/exploring-vanilla-js-part-1-civoglwhk05bcyy53c9mh22k4

[49] часть 2: https://hashnode.com/post/exploring-vanilla-js-part-2-civp1u46c087cbf53jgv6echg

[50] часть 1: https://medium.com/@rajaraodv/functional-programming-in-js-with-practical-examples-part-1-87c2b0dbc276

[51] часть 2: https://medium.com/@rajaraodv/functional-programming-in-js-with-practical-examples-part-2-429d2e8ccc9e#.uf7whuklb

[52] Jāas: JavaScript как сервис: http://jaasjs.com/

[53] Какая разница между Meteor и Electron?: https://www.sitepoint.com/whats-the-difference-between-meteor-and-electron/

[54] Проекты иногда могут быть наихудшим путем изучения JavaScript: https://www.sitepoint.com/projects-can-sometimes-be-the-worst-way-to-learn-javascript/

[55] Книги по JavaScript от Dr. Axel Rauschmayer доступны бесплатно: http://exploringjs.com/

[56] Увлекательное функциональное программирование с фреймворком Choo: https://www.sitepoint.com/functional-programming-choo/

[57] Next.Js — серьёзная новинка в JavaScript?: https://medium.com/javascript-mantra/next-js-53e9cf4da5af

[58] Выбираем Ember вместо React в 2016-м: https://blog.instant2fa.com/choosing-ember-over-react-in-2016-41a2e7fd341

[59] Введение в Monkey Testing с помощью Gremlins.js: https://css-tricks.com/intro-monkey-testing-gremlins-js/

[60] splittable: https://www.npmjs.com/package/splittable

[61] Простое введение в деструктурирование JavaScript объектов: http://wesbos.com/destructuring-objects/

[62] Введение в Lenses в JavaScript: https://medium.com/javascript-inside/an-introduction-into-lenses-in-javascript-e494948d1ea5

[63] JavaScript — Observables что под капотом: https://medium.com/netanelbasal/javascript-observables-under-the-hood-2423f760584

[64] for..in vs for..of Loops: https://bitsofco.de/for-in-vs-for-of/

[65] Как работают js модули — из прошлого до настоящего: http://www.penta-code.com/how-javascript-modules-work-from-past-to-present/

[66] Как выиграть в бенчмарках веб-фреймворков: https://medium.com/@localvoid/how-to-win-in-web-framework-benchmarks-8bc31af76ce7

[67] Как создать мульти-клиентский чат на WebSocket-ах используя Ionic и Node.JS: https://www.londonappdeveloper.com/how-to-build-a-websocket-multi-client-chat-using-ionic-and-node-js/

[68] Создание Angular 2 приложения с авторизацией за 10 минут: https://stormpath.com/blog/angular-2-user-authentication

[69] Создание регистратора погоды с помощью JavaScript и Arduino: http://julian.io/temperature-logger-built-with-javascript-and-arduino/

[70] Двусторонний binding данных с ECMAScript-2015 без Proxy: https://habrahabr.ru/post/315410/

[71] Обзор возможностей JavaScript 2015: https://auth0.com/blog/a-rundown-of-es6-features/

[72] ES6 клевый, но используйте его с осторожностью: https://medium.com/@sAbakumoff/es6-is-great-until-its-not-f398339d0af6

[73] 4 новых метода для сток в ES6, о которых вы должны знать: http://wesbos.com/new-es6-string-methods/

[74] Вам могут не понадобиться промисы: https://blog.objectivedynamics.com/you-might-not-need-promises-5622fe470979

[75] Релиз Angular 2.2.0: http://angularjs.blogspot.com/2016/11/angular-220-now-available.html

[76] Angular 3, так скоро?: https://blog.hellojs.org/angular-3-so-soon-9a9251b36fc0#.40l7qqlr9

[77] Создание веб- и нативных приложений с Angular 2 с помощью общего кода: http://developer.telerik.com/featured/building-angular-2-web-native-apps-single-codebase/

[78] Часть первая: https://habrahabr.ru/post/315466/

[79] Часть вторая: https://habrahabr.ru/post/315630/

[80] Руководство для чайников по Redux и Thunk в React: http://codepen.io/stowball/post/a-dummy-s-guide-to-redux-and-thunk-in-react

[81] Blueprint: http://blueprintjs.com/

[82] React.js компоненты для модульных диаграм и визуализаций данных: https://formidable.com/open-source/victory/

[83] Простой урок по Vue.js: динамические компоненты: https://medium.com/@codebyjeff/vue-js-simple-tuts-dynamic-components-452861d678e4

[84] Создание клона HackerNews с помощью Vue 2.0, vue-router и vuex с рендерингом на сервере: https://github.com/vuejs/vue-hackernews-2.0

[85] Element, A Desktop UI Library: http://element.eleme.io/#/en-US

[86] 8 JS библиотек для визуализации интерактивных карт: http://www.onextrapixel.com/2016/11/16/8-javascript-libraries-for-interactive-map-visualizations/

[87] Введение to mo.js: https://css-tricks.com/introduction-mo-js/

[88] Huebee: http://huebee.buzz/

[89] AsciiMorph: https://github.com/tholman/ascii-morph

[90] Tabulator: http://olifolkerd.github.io/tabulator/

[91] Релиз Firefox 50: http://www.opennet.ru/opennews/art.shtml?num=45496

[92] подробности для веб-разработчиков в блоге Марата Таналина: http://tanalin.com/blog/2016/11/firefox-50/

[93] Mozilla Firefox стал гораздо быстрее загружаться: http://4pda.ru/2016/11/16/329523/

[94] Mozilla представила iOS-браузер Focus, ориентированный на приватность и защиту: https://xakep.ru/2016/11/18/focus-ios-browser/

[95] Opera сократила 85 человек из-за падения выручки от b2b-бизнеса: https://vc.ru/n/opera-devrel-cut

[96] Microsoft Edge и IE11 будут блокировать веб-сайты с сертификатом SHA-1: http://microsoftportal.net/internet-explorer/7708-microsoft-edge-i-ie11-budut-blokirovat-veb-sayty-s-sertifikatom-sha-1.html

[97] Как создать веб-браузер, часть 1: спецификации: https://www.ckl.io/blog/how-to-build-a-browser-pt-1/

[98] Компания Microsoft получила статус платинового участника Linux Foundation: https://habrahabr.ru/post/315452/

[99] Восемь потрясающих игр с искусственным интеллектом от компании Google: https://geektimes.ru/post/282694/

[100] Какой язык программирования лучше учить первым и почему: https://lifehacker.ru/2016/11/17/pervyj-yazyk-programmirovaniya/

[101] ICQ исполнилось 20 лет: https://www.searchengines.ru/icq-ispolnilos-20-let.html

[102] Facebook и Google очистят свои рекламные сети от сайтов фейковых новостей: http://itc.ua/news/facebook-i-google-ochistyat-svoi-reklamnyie-seti-ot-saytov-feykovyih-novostey/

[103] Сервис Google Earth перебрался в виртуальность: http://gagadget.com/announce/24582-servis-google-earth-perebralsya-v-virtualnost/

[104] SpaceX собирается запустить 4425 спутников для предоставления повсеместного доступа в интернет: http://ain.ua/spacex-sputnikoviy-internet

[105] Автор шифровальщика обратился за помощью к эксперту в сфере информационной безопасности: https://xakep.ru/2016/11/17/malware-author-want-some-help/

[106] Для чего и как надёжно удалять старые файлы?: http://gosvopros.ru/job/qualification/remove/

[107] Страница, анализирующая поведение пользователя: https://clickclickclick.click/

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

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

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

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

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