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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №248 (30 января — 5 февраля 2017)

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №248 (30 января — 5 февраля 2017) - 1

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №248 (30 января — 5 февраля 2017) - 16 CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №248 (30 января — 5 февраля 2017) - 31 JavaScript

Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №248 (30 января — 5 февраля 2017) - 62 Занимательное

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

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

Автор: Zfort Group

Источник [104]

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Занимательное: #intresting

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

[7] Front-End Developer Handbook 2017: https://frontendmasters.gitbooks.io/front-end-handbook-2017/content/

[8] 14 важных метрик производительности сайта, которые вы должны анализировать: https://www.keycdn.com/blog/website-performance-metrics/

[9] Каковы ваши мысли по поводу Accelerated Mobile Pages (AMP)? Разработчики деляться опытом: https://dev.to/ben/what-are-your-thoughts-on-accelerated-mobile-pages-amp

[10] Руководство для начинающих по Webpack 2 и сборке модулей: https://www.sitepoint.com/beginners-guide-to-webpack-2-and-module-bundling/

[11] Как мы создали свой собственный фронтенд фреймворк MarsMan (и зачем): https://marsbased.com/blog/2017/01/27/How-We-Created-Frontend-Framework-Marsman-Template/

[12] Ответственное использоание HTTP/2: адаптация для пользователей: http://alistapart.com/article/using-http-2-responsibly-adapting-for-users

[13] Безопасность и доступность при открытии ссылок в новом окне: http://csskarma.com/blog/opening-links/

[14] Введение в световые фильтры SVG и источники света: http://vanseodesign.com/web-design/svg-lighting-filters-light-sources/

[15] Основные команды скринридеров для тестирования доступности: https://www.paciellogroup.com/blog/2015/01/basic-screen-reader-commands-for-accessibility-testing/

[16] Filament Group: поддержка доступности в отзывчивом мире: https://www.filamentgroup.com/lab/accessible-responsive.html

[17] Инструменты для работы с вебом, созданные в Mozilla : http://inspiredm.com/mozillas-light-weight-web-design-tools/

[18] История редизайна Smashing Magazine от Sara Soueidan: https://sarasoueidan.com/case-studies/smashing-magazine/

[19] «Web accessibility: код, способный сделать мир лучше»: https://www.youtube.com/watch?v=qsGzEKt5BI0&list=PLfKMcVfy6VkqClQTR1bXyDmWE8A6yQUyd&index=12

[20] «WebVR: текущее состояние и обзор»: https://www.youtube.com/watch?v=qY0psqHKMww&index=15&list=PLfKMcVfy6VkqClQTR1bXyDmWE8A6yQUyd

[21] Опубликовано новое официальное определение CSS (CSS-2017): http://css-live.ru/vecssti-s-polej/css-2017-published.html

[22] Варианты «clearfix-хака» и его замен: сводная таблица: http://css-live.ru/articles-css/clearfix-block-formatting-context-methods-cheatsheet.html

[23] Как работает Flexbox — объясняем на больших, красочных GIF’ках: http://blog.zacorp.ru/frontend/kak-rabotaet-flexbox-obyasnyaem-na-bolshih-krasochnyh-gifkah/

[24] Сила цветовой CSS-функции rgba(): http://frontender.info/the-power-of-rgba/

[25] CSS Grid – табличная разметка возвращается. Be there and be square.: https://developers.google.com/web/updates/2017/01/css-grid

[26] Что такое grid layout?: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids

[27] Отладка гридов стандартными средствами Firefox Dev Tools: https://www.youtube.com/watch?v=hG8avHeD9fs

[28] Как работает calc(): https://bitsofco.de/how-calc-works/

[29] Коллекция направляющих для популярных CSS сеток: http://graaf.space/

[30] Как создать эффект наведения, зависящего от направления: http://codepen.io/gabriellewee/post/how-to-create-direction-aware-css-only-hover-effects

[31] Создание доступных чекбоксов и радиокнопок на чистом CSS: https://medium.com/claritydesignsystem/pure-css-accessible-checkboxes-and-radios-buttons-54063e759bb3

[32] Более читаемый CSS с помощью кастомных свойств CSS: https://sgom.es/posts/2017-02-03-more-readable-css-with-css-custom-properties/

[33] Карманный справочник по графике и анимации на CSS: https://journal.helabs.com/pocket-guide-to-css-only-drawings-and-animations-781470436ecc

[34] CSS псевдо-классы: :not() и :target: https://www.sitepoint.com/css-selectors-not-target/

[35] Runway: http://runway-app.cfapps.io/guest_styleguides/new

[36] Tuesday.css: http://www.hongkiat.com/blog/tuesday-css/

[37] CSSRooster: https://huu.la/ai/cssrooster

[38] Пятничный JS: как вдохновиться Smalltalk'ом и попасть в ад: https://habrahabr.ru/post/321078/

[39] Обратные вызовы на примере списка домашних дел: https://htmlacademy.ru/blog/155-understanding-callbacks

[40] 17 нововведений jQuery 3 и советы по их использованию: https://tproger.ru/translations/new-features-of-jquery-3/

[41] Получил навыки по Node.js? Скоро появится официальная служба сертификации.: http://thenewstack.io/got-node-js-theres-cert/

[42] Нативные модули ECMAScript: новые свойства и отличия от модулей Webpack: https://blog.hospodarets.com/native-ecmascript-modules-new-features

[43] часть 1: https://dzone.com/articles/a-brief-history-of-javascript

[44] часть 2: https://dzone.com/articles/a-brief-history-of-javascript-part-2

[45] часть 3: https://dzone.com/articles/a-brief-history-of-javascript-part-3

[46] Руководство для начинающих по переменным и типам данных в JavaScript : https://www.sitepoint.com/beginners-guide-javascript-variables-and-datatypes/

[47] Отступ — это враг: пиши более простой JavaScript: http://jrsinclair.com/articles/2017/indentation-is-the-enemy-less-complex-javascript/

[48] Обещание бутербродной вечеринки (альтернативное введение в JavaScript promise): http://kosamari.com/notes/the-promise-of-a-burger-party

[49] Книга Exploring ES2016 and ES2017: http://exploringjs.com/es2016-es2017/index.html

[50] Новинки ES7 и ES8: https://node.university/blog/498412/es7-es8

[51] async/await с ES6 генераторами и промисами: https://gist.github.com/ChrisChares/1ed079b9a6c9877ba4b43424139b166d

[52] Видеоурок «ES6 стрелочные функции с тремя упражнениями»: http://www.zsoltnagy.eu/video-tutorial-es6-arrow-functions-with-3-exercises/

[53] В JavaScript наконец будет правильное асинхронное программирование: http://thenewstack.io/async-officially-coming-javascript-year/

[54] 5 идей Vue.js, которые вы полюбите (даже если React вас полностью устраивает): https://medium.com/@arturkornakov/5-%D0%B8%D0%B4%D0%B5%D0%B9-vue-js-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5-%D0%B2%D1%8B-%D0%BF%D0%BE%D0%BB%D1%8E%D0%B1%D0%B8%D1%82%D0%B5-%D0%B4%D0%B0%D0%B6%D0%B5-%D0%B5%D1%81%D0%BB%D0%B8-react-%D0%B2%D0%B0%D1%81-%D0%BF%D0%BE%D0%BB%D0%BD%D0%BE%D1%81%D1%82%D1%8C%D1%8E-%D1%83%D1%81%D1%82%D1%80%D0%B0%D0%B8%D0%B2%D0%B0%D0%B5%D1%82-33bcbeba2916

[55] OpenLecture #2017.1 — Let's Vue!: https://www.youtube.com/watch?v=7pmw5gvWAf8

[56] Rendering, Directives, and Events: https://css-tricks.com/intro-to-vue-1-rendering-directives-events/

[57] Components, Props, and Slots : https://css-tricks.com/intro-to-vue-2-components-props-slots/

[58] Vue-cli and Lifecycle Hooks : https://css-tricks.com/intro-to-vue-3-vue-cli-lifecycle-hooks/

[59] Vuex : https://css-tricks.com/intro-to-vue-4-vuex/

[60] Animations : https://css-tricks.com/intro-to-vue-5-animations/

[61] Keen UI: https://josephuspaye.github.io/Keen-UI/#/ui-alert

[62] avoriaz — утилита для тестирования Vue.js: https://github.com/eddyerburgh/avoriaz

[63] Следующая версия Angular — это Angular v4: https://scotch.io/bar-talk/the-next-version-of-angular-is-angular-v4

[64] Классы Angular 2+ с NgClass и NgStyle: https://scotch.io/tutorials/angular-2-classes-with-ngclass-and-ngstyle

[65] часть 1: это не TODO список!: https://blog.realworldfullstack.io/real-world-angular-part-1-not-another-todo-list-c2ea5020f944

[66] часть 2: это мир Material!: https://blog.realworldfullstack.io/real-world-angular-part-2-its-a-material-world-2d70238ef8ef

[67] Настройка окружения React с помощью webpack и Babel: https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel

[68] Как создавать, тестировать и деплоить React приложения в 2017: https://blog.sqreen.io/how-to-build-test-and-deploy-react-applications/

[69] Что происходит, когда используется RxJS в React?: https://hackernoon.com/what-happens-when-you-use-rxjs-in-react-11ae5163fc0a

[70] Когда вам нужна библиотека Flux? Объяснение на примере с машиной: https://develoger.com/when-you-need-flux-library-explained-with-car-as-example-f3cd73296cdc

[71] CRAFT: создать React App From Template: https://medium.com/@stoyanstefanov/craft-create-react-app-from-template-7fd3383d0954

[72] react-redux-grid: https://github.com/bencripps/react-redux-grid

[73] Mithril 1.0.0: http://mithril.js.org/

[74] gotoem: https://github.com/callmecavs/gotem

[75] sixflix: https://github.com/bevacqua/sixflix

[76] vanilla-tilt.js: https://micku7zu.github.io/vanilla-tilt.js/index.html

[77] json-to-js конвертор: https://json-to-js.com/

[78] Microsoft теряет позиции на рынке настольных браузеров, а Chrome продолжает исполнять свой победный марш: http://itc.ua/news/microsoft-teryaet-pozitsii-na-ryinke-nastolnyih-brauzerov-a-chrome-prodolzhaet-ispolnyat-svoy-pobednyiy-marsh/

[79] Специалисты Google рассказали об оптимизации рендеринга в Chrome : http://4pda.ru/2017/02/01/334819/

[80] Одноклассники и Mozilla выпустили спецверсию Firefox: http://www.ferra.ru/ru/apps/news/2017/02/02/firefox-ok/

[81] Microsoft демонстрирует новые возможности браузера Edge в обновлении Windows 10 Creators Update: http://itc.ua/news/video-microsoft-demonstriruet-novyie-vozmozhnosti-brauzera-edge-v-obnovlenii-windows-10-creators-update/

[82] Google открыл Chrome для iOS и планирует открыть Google Earth Enterprise: http://www.opennet.ru/opennews/art.shtml?num=45955

[83] Chrome лишился средств для отключения модуля с поддержкой DRM: http://www.opennet.ru/opennews/art.shtml?num=45941

[84] sudo rm -rf, или Хроника инцидента с базой данных GitLab.com от 2017/01/31: https://habrahabr.ru/company/centosadmin/blog/321074/

[85] Компания Microsoft представила виртуальную файловую систему для Git: http://www.opennet.ru/opennews/art.shtml?num=45978

[86] Игровой режим в Windows 10 – что это и зачем он нужен: http://keddr.com/2017/01/igrovoy-rezhim-v-windows-10-chto-eto-i-zachem-on-nuzhen/

[87] ZDNet: В 2017 году Microsoft выпустит «облегчённую» Windows 10 для конкуренции с Chrome OS: https://vc.ru/n/ms-windowscloud

[88] Google открыл API теста на дружественность мобайлу: http://www.cossa.ru/news/151241/

[89] Пять IT-компаний, которые больше не требуют диплом от кандидатов на работу: http://ain.ua/5-it-kompanij-bez-diploma-na-rabotu

[90] У Apple рекордная выручка и новый рекорд продаж iPhone: http://itc.ua/news/u-apple-rekordnaya-vyiruchka-i-novyiy-rekord-prodazh-iphone/

[91] Несмотря на финансовые успехи, стоимость бренда Apple упала на $38 млрд: http://gagadget.com/business/25582-nesmotrya-na-finansovyie-uspehi-stoimost-brenda-apple-upala-na-38-mlrd/

[92] Рынок планшетов сокращается девятый квартал кряду: http://itc.ua/news/ryinok-planshetov-sokrashhaetsya-devyatyiy-kvartal-kryadu/

[93] Илон Маск, Стивен Хокинг и сотни других экспертов подписали список из 23 принципов развития ИИ: https://tproger.ru/articles/hawking-musk-endorsed-23-ai-principles/

[94] Mozilla закрыла проект Firefox OS и уволила разработчиков системы: https://vc.ru/n/mozilla-firefox-os-layoffs

[95] Как IT-компании пиарились на указе Трампа об иммигрантах: https://roem.ru/02-02-2017/241868/tramp-immigration/

[96] «Я тестирую устройства в своём воображении, тратить на это деньги просто глупо»: https://vc.ru/p/daily-routines

[97] Искусственный интеллект надругался над лучшими в мире игроками в покер: http://disgustingmen.com/tehno/libratus-ai

[98] Работа за компьютером в старости снизила риск «умеренной деменции»: https://naked-science.ru/article/sci/rabota-za-kompyuterom-v-starosti

[99] «iPhone не займет значительную долю рынка»: худшие предсказания о техническом прогрессе: http://ain.ua/xudshie-predskazaniya-o-texnicheskom-progresse

[100] Доля обращений по HTTPS среди пользователей Firefox превысила 50%: http://www.opennet.ru/opennews/art.shtml?num=45970

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

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

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

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