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

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

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

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

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

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №234 (24 — 30 октября 2016) - 40 JavaScript

Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №234 (24 — 30 октября 2016) - 86 Новости и занимательное

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

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

Автор: Zfort Group

Источник [117]


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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Login или Log in?: https://habrahabr.ru/post/313774/

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

[8] Запись трансляции Web Standards Days, проходившей 29 октября в Минске: https://www.youtube.com/watch?v=cOTOSbjet_8

[9] Начинаем работать с Webpack 2: https://medium.com/written-with-envy/getting-started-with-webpack-2-ed2b86c68783

[10] Как проектировать, создавать и анимировать SVG: https://htmlacademy.ru/blog/127-a-guide-to-svg-on-web

[11] SVG и медиазапросы: http://prgssr.ru/development/svg-i-mediazaprosy.html

[12] Введение в SVG анимацию: https://www.oreilly.com/learning/introduction-to-svg-animation

[13] Фильтры SVG примитивов для работы со внешними изображениями и фрагментами SVG: http://vanseodesign.com/web-design/svg-filter-primitives-working-external-images-svg-fragments/

[14] Создание интерактивного дорожного путешествия с помощью SVG и Web Animation API: http://thenewcode.com/1154/Create-an-Interactive-Roadtrip-with-SVG-and-the-Web-Animation-API

[15] Децентрализованный хостинг AMP JS и NPM для веба: https://medium.com/@cramforce/decentralized-hosting-of-amps-javascript-npm-for-the-web-75ed698a4d64

[16] Переключение на Google AMP и обратно: https://evertpot.com/switching-to-amp-and-back-again/

[17] Пуш-нотификации для веба: https://bitsofco.de/bitsofcode-pwa-part-3-push-notifications/

[18] Карусели не должны быть сложными: http://mediatemple.net/blog/tips/carousels-dont-have-to-be-complicated/

[19] Парсинг JSON — это минное поле : http://seriot.ch/parsing_json.html

[20] Автоматические отзывчивые изображения с помощью клиентских подсказок: http://www.webdesignerdepot.com/2016/10/automatic-responsive-images-with-client-hints/

[21] Встречайте новый Web Animations API: https://amdouglas.com/blog/meet-the-new-web-animations-api/

[22] Коллективный список публичных JSON APIs для использования в веб-разработке: https://github.com/toddmotto/public-apis

[23] Печальное состояние HTML Email полей и IDNs: https://grepular.com/The_Sad_State_of_HTML_Email_Input_Fields_and_IDNs

[24] aria-selected – когда (не) использовать: https://www.stefanjudis.de/aria-selected-and-when-to-use-it.html

[25] Доступность для разработчиков: https://www.youtube.com/watch?v=msrcqmlAnLA

[26] YouTube переписывается с веб компонентами и Polymer: https://react-etc.net/entry/youtube-is-being-rebuilt-on-web-components-and-polymer

[27] Еще раз про border-image: http://css-live.ru/articles-css/understanding-border-image.html

[28] В чем разница между нативными CSS переменными и переменными в препроцессорах?: https://css-tricks.com/difference-between-types-of-css-variables/

[29] Повышение восприятия производительности с помощью множественных фоновых изображений: http://csswizardry.com/2016/10/improving-perceived-performance-with-multiple-background-images/

[30] Жуууткие селекторы в CSS: https://css-tricks.com/spoooooky-css-selectors/

[31] Отзывчивые изображения в CSS: https://css-tricks.com/responsive-images-css/

[32] Вы слишком ленивы для создания разметки с независимым CSS: https://medium.com/@marcmintel/you-are-too-lazy-to-write-markup-independent-css-1f3a60ba7ca

[33] Лучшие практики CSS, 14 шагов: https://medium.com/@AlexDevero/css-best-practices-14-steps-to-become-a-css-ninja-pt1-e670f8b42abd

[34] Тонирование фотографий с помощью градиентов и режимов смешивания: http://daveshea.com/2016/10/24/photo-toning.html

[35] Организация ваших Sass файлов: https://medium.com/@osternaud_clem/organize-your-sass-files-b2c2513f3fcf

[36] Функциональный CSS в перспективе Pure UI: https://medium.com/javascript-inside/functional-css-from-a-pure-ui-perspective-bd04c8af4fdc

[37] useful.ly: http://www.useful.ly/

[38] Создание набора микро-анимаций: https://medium.com/net-magazine/create-a-set-of-micro-animations-6bb42a292f8b

[39] Урок по Angular-Material 2 Theme: https://medium.com/covalent-ui/angular-material-2-theme-tutorial-2f7e6c344006

[40] CSS-анимация с динамической обводкой объекта: http://codepen.io/paolocavanna/pen/qNKAyX

[41] Черновик CSS Table Module Level 3: https://www.w3.org/TR/2016/WD-css-tables-3-20161025/

[42] Компонент выбора цвета c CSS variables: https://codepen.io/pixelass/pen/VKJZPY

[43] CSS переменные как обратная связь с данными: https://codepen.io/jasesmith/pen/dpwjra

[44] Восходящие тренды в JS: подробное руководство по библиотекам и фреймворкам: https://envato.com/blog/rising-trends-in-javascript/

[45] Часть 1: выбор DOM элементов: http://codepen.io/Mobius1/post/native-equivalents-of-jquery-methods

[46] Часть 2: работа с атрибутами и свойствами: http://codepen.io/Mobius1/post/native-equivalents-of-jquery-methods-part-2-working-with-attributes-and-properties

[47] Возможности и примеры реализации хакерских атак на JavaScript движки : http://www.phrack.org/papers/attacking_javascript_engines.html

[48] Игра-викторина на знание современных JS инструментов: https://javascript-game.firebaseapp.com/

[49] Modular JavaScript: https://mjavascript.com/

[50] Механизмы контроля в играх на JavaScript: https://hacks.mozilla.org/2016/10/control-mechanisms-in-javascript-games/

[51] Три примера, в которых JavaScript генераторы уместны (+ понимание их работы): http://goshakkk.name/javascript-generators-understanding-sample-use-cases/

[52] История Node.js на временной шкале: https://blog.risingstack.com/history-of-node-js/

[53] PurpleJS — альтернатива Node.js для Java проектов: http://webagility.com/posts/purplejs-the-alternative-to-node.js-for-java-projects

[54] Node.js 7.0.0 зарелизился. Встречайте async/await без babel: https://habrahabr.ru/post/313658/

[55] Обзор базовых возможностей ES6: https://habrahabr.ru/post/313526/

[56] Глупые трюки с ES6: https://habrahabr.ru/post/313814/.io.com.io

[57] ES6 Template Strings, the Handlebars killer?: https://www.keithcirkel.co.uk/es6-template-strings/

[58] Обзор возможностей ES6: http://adrianmejia.com/blog/2016/10/19/Overview-of-JavaScript-ES6-features-a-k-a-ECMAScript-6-and-ES2015/

[59] 6 самых впечатляющих возможностей ES6: https://nodesource.com/blog/six-of-the-most-exciting-es6-features-in-node-js-v6-lts

[60] Три способа понять промисы: http://www.2ality.com/2016/10/understanding-promises.html

[61] Настройка окружения для разработки на React/ES6 с помощью Webpack, Express и Babel: https://blog.hellojs.org/setting-up-your-react-es6-development-environment-with-webpack-express-and-babel-e2a53994ade

[62] VueJS: сравнение с остальными фреймворками : https://vuejs.org/guide/comparison.html

[63] Почему Vue.js?: http://blog.debugme.eu/why-vue-js/

[64] Vue.js еще легче, чем jQuery: https://medium.com/js-dojo/vue-js-is-easier-to-learn-than-jquery-abbbb9c12cf8

[65] Vue.js Material — Material Design для Vue.js : https://marcosmoura.github.io/vue-material/#/

[66] Evan You — Современный фронтенд с Vue.js — Laracon EU 2016: https://www.youtube.com/watch?v=D_z-RAweP1k

[67] Пошаговая настройка окружения для React разработчика: http://www.zsoltnagy.eu/step-by-step-environment-setup-of-the-react-developer-no-legacy-2016-standards/

[68] Создание книжного магазина с помощью React & Redux I: React Redux Flow: https://scotch.io/tutorials/build-a-bookshop-with-react-redux-i-react-redux-flow

[69] Redux без React — управление состояним на ванильном JavaScript: https://www.sitepoint.com/redux-without-react-state-management-vanilla-javascript/

[70] ARc — стартовый набор для React, основанный на методологии Atomic Design : https://arc.js.org/

[71] React Memory Game: http://codepen.io/mikun/full/jrRJjq/

[72] Шесть причин нашей любви к React: https://medium.com/serverless-with-syncano/top-6-reasons-why-we-love-react-d70d3a289e4b

[73] React, Redux, селекторы: http://www.thinkloop.com/article/state-driven-routing-react-redux-selectors/

[74] Как выложить приложение на React в продакшен и спать лучше: https://vimeo.com/album/4199344/video/187454105

[75] Как Airtable использует React: https://medium.com/@matt_bush/how-airtable-uses-react-5e37066a87d4

[76] Руководство по созданию качественных компонентов в Angular 1.5 : https://www.sitepoint.com/building-angular-1-5-components/

[77] Angular 2 Transclusion с помощью ng-content: https://scotch.io/tutorials/angular-2-transclusion-using-ng-content

[78] Angular 2 Forms —  создание директивы асинхронной валидации: https://medium.com/@NetanelBasal/angular-2-forms-create-async-validator-directive-dd3fd026cb45

[79] Next.js — маленький фреймворк для создания универсальных JS приложений, отрендеренных на сервере : https://zeit.co/blog/next

[80] Shave: https://dollarshaveclub.github.io/shave/

[81] MathJax: https://www.mathjax.org/

[82] JS Ipsum: http://jsipsum.lunarlogic.io/

[83] JsonLogic — парсер для создания сложных правил при работе с JSON-ом: http://jsonlogic.com/operations.html

[84] swip: https://github.com/paulsonnentag/swip

[85] Mozilla значительно улучшит производительность Firefox новым движком Quantum: https://habrahabr.ru/post/313820/

[86] Проект Mozilla представил Quantum, комбинированный браузерный движок для Firefox: http://www.opennet.ru/opennews/art.shtml?num=45385

[87] Новая Opera 41 со множеством открытых вкладок запускается в несколько раз быстрее старой Opera 40: http://itc.ua/blogs/novaya-opera-41-so-mnozhestvom-otkryityih-vkladok-zapuskaetsya-v-neskolko-raz-byistree-staroy-opera-40/

[88] Что нового в Chromium 54 и Opera 41: https://dev.opera.com/blog/opera-41/

[89] Дайджест обновлений DevTools за октябрь 2016 : https://developers.google.com/web/updates/2016/10/devtools-digest

[90] Некоторые подробности Safari Technology Preview 16: https://webkit.org/blog/7030/release-notes-for-safari-technology-preview-16/

[91] Mozilla перестаёт доверять новым сертификатам WoSign и StartCom: http://www.opennet.ru/opennews/art.shtml?num=45368

[92] Apple Special Event, октябрь 2016 [архив текстовой трансляции]: https://geektimes.ru/post/281942/

[93] Каким получился новый MacBook Pro: https://geektimes.ru/company/banderolka/blog/281982/

[94] Снова здорова: 10 недостатков новых MacBook Pro и что на них ответят фанаты Apple: https://tjournal.ru/36445-snova-zdorova-10-nedostatkov-novih-macbook-pro-i-chto-na-nih-otvetyat-fanati-apple

[95] Почему Тим Кук — это новый Стив Балмер: http://ain.ua/2016/10/30/678914

[96] Microsoft Windows 10 Event [архив текстовой трансляции]: https://geektimes.ru/post/281894/

[97] Что нам показали на мероприятии Microsoft Windows 10: http://gagadget.com/24297-chto-nam-pokazali-na-meropriyatii-microsoft-windows-10/

[98] Microsoft представила моноблок Surface Studio: http://keddr.com/2016/10/microsoft-predstavila-monoblok-surface-studio/

[99] Без вариантов? Microsoft собирается слопать Apple на обед: https://medium.com/javascript-scene/no-escape-microsoft-is-about-to-eat-apple-for-lunch-1fbef5048086

[100] Microsoft, я тебя прощаю!: https://m.signalvnoise.com/microsoft-i-forgive-you-2fb6d6061a2c

[101] Twitter закрывает видеосервис Vine: http://gagadget.com/business/24311-twitter-zakryivaet-videoservis-vine/

[102] Платформы типа Facebook’s Instant Articles и Google AMP услажняют публикацию в вебе: http://www.recode.net/2016/10/20/13318746/online-publishing-platform-amp-facebook-instant-articles-apple-news

[103] Огромная Охренительная Ракета SpaceX: на чем, когда и за сколько мы полетим на Марс: http://theoryandpractice.ru/posts/14913-ogromnaya-okhrenitelnaya-raketa-spacex-na-chem-kogda-i-za-skolko-my-poletim-na-mars

[104] Шрифт и авторское право: http://telegraf.design/shrift-i-avtorskoe-pravo/

[105] Вырви глаз: как информация в интернете стала нечитаемой: http://ain.ua/2016/10/28/678721

[106] Китайская компания признала, что совершённая в пятницу DDoS-атака стала возможна из-за слабых паролей её устройств: https://tproger.ru/news/ddos-devices-made-in-china/

[107] Нейронная сеть Google изобрела собственный протокол шифрования: https://geektimes.ru/post/281998/

[108] Исследователи создали «квантовый сокет» – важный шаг на пути к масштабируемым квантовым компьютерам: http://itc.ua/news/issledovateli-sozdali-kvantovyiy-soket-vazhnyiy-shag-na-puti-k-masshtabiruemyim-kvantovyim-kompyuteram/

[109] История «транспорта будущего» Hyperloop и компании Hyperloop One: https://vc.ru/p/hyperloop-problems

[110] Таблеточные гики Кремниевой долины: история компании Nootrobox, занимающейся продажей ноотропов: https://vc.ru/p/silicon-valley-pill-freaks

[111] «Умная» вещь как оружие массового поражения: http://www.computerra.ru/157619/dyn/

[112] Почему руководители крупных ИТ-компаний принимают решения во время прогулок: https://vc.ru/p/walking-ceo

[113] Игры на GitHub: https://github.com/leereilly/games

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

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

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

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