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

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

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

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

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №238 (21 — 27 ноября 2016) - 16 CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №238 (21 — 27 ноября 2016) - 34 JavaScript

Дайджест свежих материалов из мира фронтенда за последнюю неделю №238 (21 — 27 ноября 2016) - 64 Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №238 (21 — 27 ноября 2016) - 66 Новости и занимательное

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

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

Автор: Zfort Group

Источник [95]

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Консоль разработчика Google Chrome: десять неочевидных полезностей: https://habrahabr.ru/company/ruvds/blog/316132/

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

[8] Улучшение формы комментариев: https://medium.com/web-standards/%D1%83%D0%BB%D1%83%D1%87%D1%88%D0%B5%D0%BD%D0%B8%D0%B5-%D1%84%D0%BE%D1%80%D0%BC%D1%8B-%D0%BA%D0%BE%D0%BC%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%80%D0%B8%D0%B5%D0%B2-7b2ad80f0340

[9] AMP, Instant Articles, Instant View, whut?: http://telegra.ph/AMP-Instant-Articles-Instant-View-whut-11-23

[10] SVG-паттерны: http://css.yoksel.ru/svg-patterns/

[11] Случайные интересные факты из использования HTML/SVG: https://css-tricks.com/random-interesting-facts-htmlsvg-usage/

[12] Топ моноширинных шрифтов для написания кода: https://frontendcurated.com/top-monospaced-fonts-for-coding-a7d941a143fe

[13] Демонстрация Web Bluetooth и физического веба с помощью танцующего робота: https://medium.com/@urish/making-purple-eye-diy-dancing-robot-fa03d0f658e2

[14] Как читать веб-спецификации, или WebVR, как ты работаешь?: https://dassur.ma/things/reading-specs/

[15] Разница между role=”presentation” и aria-hidden=”true”: http://csskarma.com/blog/difference-rolepresentation-aria-hiddentrue/

[16] Как аутсорисинг Бутстрапа сделал его значимым: https://www.sitepoint.com/how-open-sourcing-bootstrap-made-it-huge/

[17] Gloria: https://gloriajs.com/

[18] Elm для фронтенда, уже сейчас: http://bendyworks.com/blog/elm-frontend-right-now-updated-for-0-18

[19] Пожалуйста, не учитесь по стоковым фотографиям: http://codepen.io/chriscoyier/post/code-in-stock-photos

[20] Как сделать эффект приближения изображения в шапке сайта при скроллинге: http://webdesignerwall.com/tutorials/zoom-hero-images-scroll

[21] Эффктная реализация наклонов слоя под углом при наведении: http://tympanus.net/codrops/2016/11/23/tilt-hover-effects/

[22] Дешевый параллакс с помощью JavaScript и CSS Transforms: http://thenewcode.com/1162/Cheap-Parallax-with-JavaScript-and-CSS-Transforms

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

[24] Я совсем забыл о стилях для печати: http://prgssr.ru/development/ya-sovsem-zabyl-o-stilyah-dlya-pechati.html

[25] CSS Reference: http://cssreference.io/

[26] Наследование в CSS, каскад и глобальная область видимости: ваши новые/старые худшие/лучшие друзья: https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/

[27] Стилизация маркеров списка в CSS: https://css-tricks.com/style-list-markers-css/

[28] Должен ли я попробовать использовать имплементацию IE для CSS Grid Layout?: https://www.rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/

[29] Переключение состояния с помощью CSS Keyframes: https://css-tricks.com/swapping-state-css-keyframes/

[30] Font style matcher: https://meowni.ca/font-style-matcher/

[31] Simple CSS Tooltips: http://codepen.io/jasesmith/pen/RoVmNZ

[32] Как использовать переменные в CSS : https://blog.zingchart.com/2016/11/17/how-to-use-css-variables/

[33] Готов ли Flexbox уже для прайм-тайма?: https://medium.com/@martindefatte/is-css-flexbox-ready-for-prime-time-yet-dcaceebd6fdb

[34] Запустился CastleCSS, новый статический фреймворк: https://medium.com/@DoorDarius/launching-castlecss-our-new-front-end-framework-106a16759fb5

[35] Вертикальное выравнивание в CSS для всех: https://medium.com/outsystems-experts/css-vertical-align-for-everyone-dummies-included-44af86f4ba40

[36] Селекторы CSS, объясненные на примере шоппинга на машине: https://medium.freecodecamp.com/css-selectors-explained-by-going-car-shopping-51a383f6eb4b

[37] Плагин PostCSS для простой имплементации CSS гридов: https://github.com/sylvainpolletvillard/postcss-grid-kiss

[38] High Contrast, A PostCSS Plugin Story: https://css-tricks.com/high-contrast-postcss-plugin-story/

[39] Два вопроса, которые я постоянно задаю при написании CSS: http://www.zpyro.com/2questions-to-constantly-ask-while-writing-css-ep1/

[40] Как добавить глубину вашему дизайну с помощью множественных бордеров: http://www.zpyro.com/how-to-add-depth-to-your-design-using-multiple-borders/

[41] Как сделать полупрозрачные границы или паддинги без фонового цвета: http://www.zpyro.com/background-clip/

[42] Стек технологий JavaScript с нуля (перевод материалов «JavaScript Stack from Scratch») : https://github.com/UsulPro/js-stack-from-scratch

[43] JavaScript — не враг доступности: https://www.marcozehe.de/2016/11/23/javascript-not-enemy-accessibility/

[44] Написание ваших стилей в JS ≠ написание инлайновых стилей: http://mxstbr.blog/2016/11/inline-styles-vs-css-in-js

[45] Написание эффективного JavaScript: https://medium.com/@xilefmai/efficient-javascript-14a11651d563

[46] Полифильте JavaScript только когда нужно: https://css-tricks.com/polyfill-javascript-need/

[47] Почему я благодарен «усталости от JS»: https://medium.com/javascript-scene/why-im-thankful-for-js-fatigue-i-know-you-re-sick-of-those-words-but-this-is-different-296fae0c888f

[48] Будущее Aurelia — дорожная карта и грядущие возможности: https://www.sitepoint.com/future-of-aurelia-roadmap-features/

[49] Объяснение замыканий и цепи областей видимости в JavaScript на примерах: https://community.risingstack.com/explaining-javascript-closure-scope-chain-examples/

[50] Настройка минимального, полезного окружения для JavaScript разработки: https://dev.to/corgibytes/setting-up-a-minimal-yet-useful-javascript-dev-environment

[51] Внедряем компоненты в разметку: React vs Angular 2: https://medium.com/@justintulk/injected-component-markup-react-vs-angular-2-edae32ccc189

[52] React.js на русском языке. Часть четвертая: https://habrahabr.ru/post/315922/

[53] #1 — React Fiber: http://5minreact.ru/1-react-fiber/

[54] #2 — JSX 2.0: http://5minreact.ru/2-jsx2/

[55] #3 — Hot Module Replacement или React Hot Loader?: http://5minreact.ru/3-hot-module-replacement-or-react-hot-loader/

[56] React – One year later: https://medium.com/@jackmarchant/react-one-year-later-8b29804f2309

[57] Как разобраться с роутингом в React: https://code.tutsplus.com/tutorials/understanding-how-to-handle-routing-in-react--cms-27355

[58] Почему Redux требует, чтобы Reducer-ы были “чистыми функциями”: https://medium.com/@rajaraodv/why-redux-needs-reducers-to-be-pure-functions-d438c58ae468

[59] React сниппеты: отладка производительности компонента с ES7 аннотациями: https://www.neos.io/blog/react-snippets-debug-component-performance-with-es7-annotations.html

[60] Получаем свойства Angular 1 в Angular 2: https://scotch.io/tutorials/get-angular-1-features-in-angular-2

[61] Как распознать посты по Angular 1.x с устаревшими практиками: http://www.codelord.net/2016/11/23/spotting-outdated-angular-1-dot-x-posts/

[62] Минималистичный фреймворк для приложений на Vue.js applications (вдохновленный Next.js): https://github.com/nuxt/nuxt.js

[63] Создание приложения с Vue v2 JS с использованием Vue-router: https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/

[64] Еще 6 маленьких, но клевых свойств в ES6: https://davidwalsh.name/es6-features-ii

[65] ES6 итераторы и генераторы на практике: http://www.zsoltnagy.eu/es6-iterators-and-generators-in-practice/

[66] Как читать спецификации в вебе, ч.2 – Or: ECMAScript Symbols: https://dassur.ma/things/reading-specs-2/

[67] WebRTC: Делаем peer to peer игру на javascript: https://habrahabr.ru/company/badoo/blog/315812/

[68] Как создать простой, легкий и универсальный слайдер на JavaScript: http://blog.alexdevero.com/simple-easy-universal-javascript-slider/

[69] Создание пагинации с помощью Laravel and Vue js: https://medium.com/introcept-hub/create-pagination-component-using-laravel-and-vue-js-e5709aac2724

[70] query-state — хранение state в строке запросов: https://github.com/anvaka/query-state#query-state-

[71] gDriveSync.js — обёртка для Google Drive API v3: https://github.com/vitogit/gDriveSync.js

[72] HolographicJS — компонент Windows для запуска приложений Windows Holographic созданных с Javascript и WebGL: https://github.com/lwansbrough/holographicjs

[73] Autocomplete плагин от Amazon: https://github.com/caroso1222/amazon-autocomplete

[74] intercooler-js — делает AJAX запросы с помощью атрибутов HTML: https://github.com/LeadDyno/intercooler-js

[75] Тестирование Firefox 51-beta и Firefox Developer Edition 52: http://www.opennet.ru/opennews/art.shtml?num=45537

[76] В Firefox-дополнении NoScript появилась поддержка многопроцессного режима: http://www.opennet.ru/opennews/art.shtml?num=45561

[77] Firefox прекратит поддержку XUL-дополнений в конце 2017 года: http://www.opennet.ru/opennews/art.shtml?num=45556

[78] Новый рехим Responsive Design Mode в Firefox Dev Tools: https://hacks.mozilla.org/2016/11/new-responsive-design-mode-rdm-lands-in-firefox-dev-tools/

[79] ИИ Google теперь читает по губам лучше, чем человек: http://www.3dnews.ru/943302/

[80] Telegram запустил аналог предпросмотра статей «ВКонтакте» и сервис для вёрстки публикаций Telegraph: https://vc.ru/n/telegram-instart-telegraph

[81] Шифровальщик Locky распространяется через SVG-картинки в Facebook: https://xakep.ru/2016/11/22/locky-svg/

[82] 10 функций Google Docs, о которых вы не знали: http://gagadget.com/bookmarks/24618-10-funktsij-google-docs-o-kotoryih-vyi-ne-znali/

[83] Что читать айтишнику: лучшие книги по программированию всех времен и народов: https://tproger.ru/sponsored/best-programming-books-ever/

[84] Microsoft выпустила «Косынку» на Android и iOS: http://gagadget.com/announce/24682-microsoft-vyipustila-kosyinku-na-android-i-ios/

[85] Ещё раз про китайские лампочки: всё очень плохо: https://geektimes.ru/company/lamptest/blog/282848/

[86] Нейросеть Google Translate составила единую базу смыслов человеческих слов: https://geektimes.ru/post/282976/

[87] Данные 8 млн пользователей GitHub утекли из-за неправильно настроенной базы MongoDB: https://xakep.ru/2016/11/22/geekedin-mongodb-leak/

[88] Поисковик Google стал показывать посещаемость заведений в реальном времени: https://vc.ru/n/google-how-crowded

[89] Российский спамер подделал домен Google при помощи Unicode: https://xakep.ru/2016/11/22/referral-spam/

[90] Facebook из-за ошибки в расчетах завышал показатели охвата на 55%: http://ain.ua/facebook-oshibka-statistitki

[91] Исследование: Apple собрала 91% мировой прибыли от продажи смартфонов в третьем квартале 2016 года: https://vc.ru/n/apple-global-smartphone-profits-3q16

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

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

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

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