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

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

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

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

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №231 (3 — 9 октября 2016) - 18 CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №231 (3 — 9 октября 2016) - 37 Состояние современного JavaScript:

Дайджест свежих материалов из мира фронтенда за последнюю неделю №231 (3 — 9 октября 2016) - 49 JavaScript

Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №231 (3 — 9 октября 2016) - 85 Новости и занимательное

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

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

Автор: Zfort Group

Источник [116]


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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Двенадцать полезных Chrome DevTools Tips: https://habrahabr.ru/company/infopulse/blog/311582/

[7] Верстка адаптивных электронных писем: Проблемы и их решения: https://habrahabr.ru/company/pechkin/blog/311656/

[8] «Пишите письма»: Три техники верстки хороших email’ов: https://habrahabr.ru/company/pechkin/blog/311572/

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

[10] Пилотный выпуск подкаста Хекслет: https://ru.hexlet.io/blog/posts/podcast_01

[11] мышление: http://www.braintools.ru

[12] Пространство в системах дизайна: http://css-live.ru/articles/prostranstvo-v-sistemax-dizajna.html

[13] Альтернативный текст для изображений: http://prgssr.ru/development/alternativnyj-tekst-dlya-izobrazhenij.html

[14] Alternative Text and Images: https://bitsofco.de/alternative-text-and-images/

[15] Иллюстрированное руководство по синтаксису `path` в SVG : https://css-tricks.com/svg-path-syntax-illustrated-guide/

[16] Обзор AMP с точки зрения разработчика: https://medium.com/@yvoschaap/googles-amp-reviewed-as-a-developer-19734198c9b1

[17] На данный момент AMP не оптимизирован под 2G и ниже: https://medium.com/@cramforce/currently-amp-is-not-optimized-for-2g-and-lower-although-it-does-alright-there-d0273d15995e

[18] HTTP/2: хороший, плохой и ужасный: https://www.voxxed.com/blog/2016/10/http2-good-bad-ugly/

[19] Рекурсивные шаблоны на SVG, ч.2: http://thenewcode.com/1147/Recursive-SVG-Patterns-Part-2

[20] Стартовое руководство по бандлингу модулей с помощью Webpack: https://www.codementor.io/javascript/tutorial/module-bundler-webpack-getting-started-guide

[21] Секреты веб-производительности от BBC: https://medium.com/net-magazine/web-performance-secrets-from-the-bbc-d4b01f869752

[22] Топ 10 статических фронтенд-фреймворков в 2016-м: https://www.keycdn.com/blog/front-end-frameworks/

[23] Состояние мобильных HTML-фреймворков в 2016-м: https://agingcoder.com/mobile/2016/09/25/the-state-of-html-mobile-frameworks-in-2016/

[24] Быстрый совет: как вручную стилизовать Google Custom Search: https://www.sitepoint.com/style-google-custom-search/

[25] Почему я верю, что GraphQL заменит REST: https://dev.to/reactiveconf/why-i-believe-graphql-will-come-to-replace-rest

[26] Беседа с экспертами: Chris Coyier: https://www.sitepoint.com/premium/screencasts/talk-with-the-experts-chris-coyier

[27] Может, хватит уже поливать грязью CSS на конференциях разработчиков?: https://habrahabr.ru/post/311920/

[28] Редизайн с помощью CSS Shapes, статья от Eric Meyer: http://alistapart.com/article/redesign-with-css-shapes

[29] Материалы с CSSConf, прошедшей конце сентября в Бостоне: https://2016.cssconf.com/#videos

[30] Flex-grow 9999 Hack: http://joren.co/flex-grow-9999-hack/

[31] правила : https://www.lottejackson.com/learning/supports-will-change-your-life

[32] supports: https://habrahabr.ru/users/supports/

[33] Мои мысли по поводу инлайновых стилей: https://medium.com/@andrewingram/my-thoughts-on-inline-styles-da94682b5e35

[34] Выровняют ли CSS Grids наш HTML?: https://css-tricks.com/will-flattening-html-css-grids/

[35] tipograf: https://github.com/mightyCrow/tipograf

[36] Оптимизация шрифтов: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization

[37] Магическая рандомизация с помощью nth-child и Приципа Цикады: http://www.lottejackson.com/learning/nth-child-cicada-principle

[38] «will-change» должен измениться? Предостережение для дизайнеров: http://greensock.com/will-change

[39] Введение в переменные CSS: http://codepen.io/hidanielle/post/css-variables-an-introduction

[40] What’s so sassy about SCSS?: https://medium.com/@MentallyFriendly/whats-so-sassy-about-scss-851f2b099ad4

[41] Responsive table layout: http://allthingssmitty.com/2016/10/03/responsive-table-layout/

[42] Even Stevens: Использование Round и Space в повторяющихся фоновых изображениях: http://thenewcode.com/1143/Even-Stevens-Using-Round-and-Space-in-Repeated-Background-Images

[43] Создание и настройка градиентов онлайн: http://www.colinkeany.com/blend/

[44] Демо-анимация куба на чистом CSS : http://codepen.io/keithclark/pen/ORjAqZ

[45] Каково оно учить JavaScript в 2016: https://habrahabr.ru/post/312022/

[46] How it feels to learn Javascript in 2016: https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f

[47] Каково оно на самом деле учить JavaScript в 2016-м: https://medium.com/@kitze/how-it-actually-feels-to-write-javascript-in-2016-46b5dda17bb5

[48] Усталость от усталости JavaScript: https://medium.freecodecamp.com/javascript-fatigue-fatigue-66ffb619f6ce

[49] Движение в сторону Javascript-разработки: https://paulund.co.uk/moving-to-javascript-development

[50] Почему JavaScript такой сложный?: https://develoger.com/why-is-javascript-so-hard-bd3648db51a5

[51] С JavaScript все нормально: http://www.macwright.org/2016/10/04/everything-is-fine-with-javascript.html

[52] Прекратите обвинять JavaScript, если все что вы хотите — это поговорить о фронтенде: https://hackernoon.com/stop-blaming-on-javascript-when-all-you-want-is-to-talk-about-front-end-73ff19fef861

[53] Существует не так много фреймворков, существует мало контента : https://medium.com/@liche_Ideen/there-are-not-too-many-frameworks-there-is-too-little-content-afbbca9643d

[54] Front-end — это технология, которая рулит миром с JavaScript-ом на троне : https://medium.com/front-end-hacking/front-end-is-and-javascript-is-d4bc3a8edbb7

[55] Сумасшедшее и чудесное состояние веб-разработки: https://medium.com/@lee.falin/the-crazy-and-wonderful-state-of-web-development-5baa373a1ea2

[56] Состояние JavaScript — финальные результаты большого опроса: http://stateofjs.com/

[57] Еще раз про обещания: https://habrahabr.ru/post/311804/

[58] Разработка игр на JavaScript: https://dou.ua/lenta/articles/javascript-gamedev/

[59] Walmart публикует исходный код своей JavaScript-платформы для веб-сайтов — Electrode: http://www.nixp.ru/news/13797.html

[60] Приключение в Javascript с помощью всего шести символов: http://jazcash.com/a-javascript-journey-with-only-six-characters/

[61] Как загрузка JavaScript может замедлить ваш сайт (даже с асинхронностью): https://www.nccgroup.trust/uk/about-us/newsroom-and-events/blogs/2016/september/how-loading-javascript-can-slow-websites-down/

[62] Как Twitter деплоит свои JS виджеты: https://blog.twitter.com/2016/how-twitter-deploys-its-widgets-javascript

[63] Как использовать инлайновый JS для стилизации всего: https://medium.com/capital-one-developers/cut-the-sass-how-to-use-inline-javascript-styles-for-everything-f5ac5b77ae57

[64] Fetch – современные асинхронные запросы к серверу: http://developer.telerik.com/featured/fetch-modern-async-server-calls/

[65] Начинаем работать с Web Workers в HTML5 — многопоточность в JS: http://www.codingdefined.com/2016/10/getting-started-with-web-workers-in.html

[66] JavaScript Internationalization API: https://webkit.org/blog/6978/javascript-internationalization-api/

[67] Спасение от Callback Hell: https://www.sitepoint.com/saved-from-callback-hell/

[68] Отладка с Node.js: https://code.tutsplus.com/tutorials/debugging-with-nodejs--cms-26306

[69] TypeScript от настройки до процесса: основы: https://medium.com/@mouafa/typescript-up-running-the-basics-866c47257c80

[70] От JavaScript к ClojureScript: какой редактор выбрать?: https://medium.com/@roman01la/from-javascript-to-clojurescript-which-editor-to-choose-a444b2f8edca

[71] SoundCloud клиент на React+Redux: http://blog.zacorp.ru/frontend/soundcloud-klient-na-react-redux/

[72] Как тестировать компоненты React с помощью Jest: https://www.sitepoint.com/test-react-components-jest/

[73] Представление React-компонента для прогрессивных изображений: https://formidable.com/blog/2016/10/03/introducing-react-progressive-image/

[74] Часть I — введение: https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-i-introduction-50679aef2b12

[75] Часть 2 — производительность загрузки страницы: https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-2-page-load-performance-33b932d97cf2

[76] Часть 3 — поддержка оффлайн состояния и сетевой устойчивости: https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-3-offline-support-and-network-resilience-c84db889162c

[77] How React Do?: http://blog.jfo.click/how-react-do/

[78] React Components & B.E.M. : https://medium.com/@GarrettLevine/react-components-b-e-m-168f199f35b

[79] Понимание жизненного цикла React: http://codepen.io/kurt_cagle/post/understanding-the-react-life-cycle

[80] Элегантная проверка форм с помощью React: https://spin.atomicobject.com/2016/10/05/form-validation-react/

[81] Angular 2 vs React: последний танец: https://medium.com/javascript-scene/angular-2-vs-react-the-ultimate-dance-off-60e7dfbc379c

[82] Angular роутер: понимание редиректов: https://vsavkin.com/angular-router-understanding-redirects-2826177761fc

[83] Будущее Ember от Yehuda Katz @ EmberPDX: https://www.youtube.com/watch?v=Pd0gilezBDw

[84] Angular 2 lazy loading c Webpack: https://medium.com/@daviddentoom/angular-2-lazy-loading-with-webpack-d25fe71c29c1

[85] Создаем среду разработки для Angular с помощью Gulp: https://medium.com/@Armandotrue/building-angular-development-environment-with-gulp-230df2f2f6ca

[86] Создание клона Trello с использованием Angular, Node.js, Mongo, и Express: https://www.codementor.io/angularjs/tutorial/trello-clone-angular-node-mongo-express

[87] hyperform.js: https://hyperform.js.org/

[88] abDetector: https://github.com/R4meau/abDetector

[89] KUTE.js: http://thednp.github.io/kute.js/index.html

[90] instafetch.js: https://github.com/thomasvaeth/instafetch.js

[91] iview — UI компоненты для Vue.js: https://github.com/iview/iview

[92] <f> mFancyTitle — плагин для анимации вашего заголовка страницы и favicon: http://mft.musings.it/

[93] prottle — Promise.all() throttle: https://github.com/zewish/prottle

[94] Тренды браузеров октябрь 2016: падение Microsoft Edge: https://www.sitepoint.com/browser-trends-october-2016-microsoft-edges-downward/

[95] Firefox 49 поддерживает теги HTML5 details и summary: https://www.marcozehe.de/2016/10/05/firefox-49-supports-the-html5-details-and-summary-elements/

[96] В ночных сборках Firefox прекращена поддержка NPAPI-плагинов, кроме Flash: http://www.opennet.ru/opennews/art.shtml?num=45294

[97] Microsoft Edge будет обновляться чаще, но частями: http://www.wincore.ru/windows-news/4786-microsoft-edge-budet-obnovlyatsya-chasche-no-chastyami.html

[98] Представлена гарнитура виртуальной реальности Google Daydream View: http://itc.ua/news/predstavlena-garnitura-virtualnoy-realnosti-google-daydream-view/

[99] Производительность программы против читаемости и простоты: в пользу чего стоит делать выбор?: https://tproger.ru/translations/performance-vs-simplicity/

[100] Тим Бернерс-Ли дал шанс предотвратить стандартизацию средств DRM для Web: http://www.opennet.ru/opennews/art.shtml?num=45290

[101] Компания Mozilla представила проекты, получившие гранты в третьем квартале 2016 года: http://www.opennet.ru/opennews/art.shtml?num=45271

[102] Apple — самый дорогой бренд в мире: http://gagadget.com/business/24017-apple-samyij-dorogoj-brend-vmire/

[103] Google Pixel и Ассистент или как Google решила вынести поисковую строку за рамки: http://itc.ua/blogs/google-pixel-i-assistent-ili-kak-google-reshila-vyinesti-poiskovuyu-stroku-za-ramki/

[104] Что такое облачная робототехника? Рассказываем на примере ВАЛЛ-И: http://ain.ua/2016/10/05/671626

[105] Самообучающийся искусственный интеллект можно обмануть и украсть, воссоздав со 100% точностью: http://ain.ua/2016/10/08/675129

[106] Этикет Кремниевой долины: как принято себя вести в общении, на встречах и переговорах: http://ain.ua/2016/10/06/674563

[107] Экосистема Stack Overflow: больше, чем просто ответы: https://tproger.ru/sponsored/stack-overflow-part-4/

[108] Где искать ответы на свои вопросы, кроме Stack Overflow: 10 лучших ресурсов с ответами на программистские «почему» и «как»: https://tproger.ru/digest/top-answer-services/

[109] Силой мысли: история нейроинтерфейсов, современные разработки и финансовые перспективы области: https://vc.ru/p/neurointerfaces

[110] У владельца анонимного форума 4chan закончились деньги на развитие проекта: https://vc.ru/n/4chan-nomoney

[111] 35 самых инновационных приложений 2016 года — рейтинг Fast Company: https://vc.ru/p/35-innovative-apps

[112] Что не так с новыми Pixel?: http://keddr.com/2016/10/chto-ne-tak-s-novyimi-pixel/

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

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

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

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