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

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

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

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

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

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

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

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

Браузеры

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

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

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

Автор: Zfort Group

Источник [100]


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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Favicon сегодня: форматы, поддержка, автоматизация: https://habrahabr.ru/post/330584/[iz-pesochnitsy]-favicon-segodnya-formaty

[7] Будущее MDN — фокус на Web Docs: https://habrahabr.ru/company/1cloud/blog/330484/

[8] — Организатор MoscowJS про зарплаты, DevConf и WWDC: https://soundcloud.com/frontend-weekend/fw-6

[9] Зачем нужны заголовки — HTML Шорты: https://www.youtube.com/watch?v=atXxkKjPbN8

[10] Записи докладов с потока Frontend на Codefest 2017 : https://www.youtube.com/playlist?list=PL8761XQAJnrZTdkQgYfCDbuD9uxYzU3qb

[11] Чеклист для запуска сайта: https://weblaunchchecklist.com/

[12] Большой список советов по работе с Progressive Web Apps: https://deanhume.com/home/blogpost/a-big-list-of-progressive-web-app-tips-and-tricks/10160

[13] Подробное введение в веб-компоненты с теорией и примерами. И выдрами.: https://meowni.ca/posts/web-components-with-otters/

[14] SVGI: https://angelmmiguel.github.io/svgi/

[15] JPG, PNG и SVG в вебе: руководство для новичков: https://cheesecakelabs.com/blog/jpg-png-svg-web-beginners-guide/

[16] World Wide Web, небогатый западный веб (часть 1): https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-1/

[17] Креативные идеи эффектного интерактива для букв в заголовках: https://tympanus.net/codrops/2017/06/07/some-letter-effects-and-interaction-ideas/

[18] WebAssembly 101: первые шаги разработчиков: http://blog.openbloc.fr/webassembly-first-steps/

[19] Индекс скорости – что это такое?: https://www.searchengines.ru/indeks-skorosti.html

[20] Как 17 строчек кода улучшили загрузку Shopify.com на 50%: https://shopifyengineering.myshopify.com/blogs/engineering/how-17-lines-of-code-improved-shopify-com-loading-by-50

[21] Оптимизация изображений: основные ошибки и решения: http://www.catswhocode.com/blog/image-optimization-common-mistakes-and-solutions

[22] Мрачные мысли по поводу AMP: https://www.postleaf.org/thoughts-on-amp

[23] Как создавать страницы AMP в wordpress: https://medium.com/@digitaldevnet/how-to-create-amp-pages-in-wordpress-2e96f4607731

[24] Принципы доступности.: https://www.w3.org/WAI/intro/people-use-web/principles

[25] Чеклист доступности: 10 критических элементов для оценки доступности сайта: https://www.microassist.com/digital-accessibility/digital-accessibility-checklist/

[26] Аудит доступности — это забавно: https://dev.to/jess/accessibility-audits-are-fun

[27] Как сделать сайт доступным для людей, пользующихся Screen Magnifier: https://dev.to/_bigblind/how-to-make-your-website-accessible-to-people-who-use-a-screen-magnifier

[28] Как работать с доступностью цвета: https://alistapart.com/article/color-accessibility-workflows

[29] Парадоксы display:contents и будущее текста в CSS: http://css-live.ru/css/paradoksy-displaycontents-i-budushhee-teksta-v-css.html

[30] Как работает функция minmax(): http://css-live.ru/articles/kak-rabotaet-funkciya-minmax.html

[31] Советы по написанию современного CSS: http://nicothin.pro/page/css-solutions

[32] «Цена пропущенного фрейма»: https://www.youtube.com/watch?v=7-d3O-7aus0

[33] Текстовая визуализация Template Areas в CSS Grid: https://medium.com/@primalivet/text-vizualization-grid-template-areas-895b210a3341

[34] Локальные CSS переменные: что, как и зачем: https://una.im/local-css-vars/

[35] Awesome CSS in JS: https://github.com/tuchk4/awesome-css-in-js

[36] 70% повторений в таблицах стилей: информация о том, как мы фейлим оптимизацию CSS: https://meiert.com/en/blog/20170531/70-percent-css-repetition/

[37] CSS Shapes, clipping и masking – и как их использовать: https://hacks.mozilla.org/2017/06/css-shapes-clipping-and-masking/

[38] Masking vs. Clipping: когда их использовать: https://css-tricks.com/masking-vs-clipping-use/

[39] Равносторонний треугольник идеального параграфа: https://css-tricks.com/equilateral-triangle-perfect-paragraph/

[40] OOCSS – будущее написания : https://www.keycdn.com/blog/oocss/

[41] CSS в качестве инструмента тестирования / проверки доступности: https://medium.com/@amir.guirguis/css-as-a-testing-accessibility-enforcing-tool-76908cfad19f

[42] Как долго нужно работать с css, чтобы быть в нем хорошим?: https://www.reddit.com/r/css/comments/6g8jbs/how_long_have_you_guys_been_working_with_css_to/?st=J3QOBWJL&sh=c650bc2f

[43] Забавы с единицами вьюпорта: https://css-tricks.com/fun-viewport-units/

[44] Нативные EcmaScript модули: новые возможности и отличия от webpack: https://habrahabr.ru/company/tuturu/blog/329918/

[45] От «нового числового формата» до «кода как UI»: как прошла HolyJS 2017 Piter: https://habrahabr.ru/company/jugru/blog/330560/

[46] Частичное применение функций: https://medium.com/devschacht/functional-reactive-ninja-partial-application-of-functions-99fc21d629ff

[47] Что Google AMP означает для JavaScript сообщества: https://medium.com/@slonoed/%D1%87%D1%82%D0%BE-google-amp-%D0%BE%D0%B7%D0%BD%D0%B0%D1%87%D0%B0%D0%B5%D1%82-%D0%B4%D0%BB%D1%8F-javascript-%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D1%81%D1%82%D0%B2%D0%B0-ad5b1ac46297

[48] Функции высшего порядка в Lodash: https://medium.com/devschacht/michal-piotrkowski-higher-order-functions-in-lodash-56cb196c584d

[49] Обязательно изучите функциональное программирование в 2017 году: https://medium.com/devschacht/allan-macgregor-you-should-learn-functional-programming-in-2017-f82c47a1bd9e

[50] Как выглядит современный веб без JavaScript: https://tproger.ru/devnull/web-without-js/

[51] util.promisify() для замены колбэков на промисы: https://noteskeeper.ru/1332/

[52] Внушительный список современного JavaScript инструментария: https://da-14.com/blog/ultimate-list-javascript-tools

[53] ES.next: object rest и свойства распространения: https://developers.google.com/web/updates/2017/06/object-rest-spread

[54] Рассматриваем ES2017 декораторы в JavaScript: https://www.sitepoint.com/exploring-es2017-decorators-javascript/

[55] Коллбэки в JavaScript: https://zellwk.com/blog/callbacks/

[56] Классы, сложность, и функциональное программирование: https://medium.com/@kentcdodds/classes-complexity-and-functional-programming-a8dd86903747

[57] Сравнение Flow и TypeScript: http://thejameskyle.com/adopting-flow-and-typescript.html

[58] JavaScript: что такое немедленно вызываемые функции?: https://hackernoon.com/javascript-what-the-heck-is-an-immediately-invoked-function-expression-a0ed32b66c18

[59] Функциональные миксины: https://medium.com/javascript-scene/functional-mixins-composing-software-ffb66d5e731c

[60] Как получить максимальную отдачу от консоли JavaScript: https://medium.freecodecamp.com/how-to-get-the-most-out-of-the-javascript-console-b57ca9db3e6d

[61] Апгрейдим Node 6 до Node 8: сравнение производительности в реальном мире: https://hackernoon.com/upgrading-from-node-6-to-node-8-a-real-world-performance-comparison-3dfe1fbc92a3

[62] Полное руководство по Angular Material Themes: https://medium.com/@tomastrajan/the-complete-guide-to-angular-material-themes-4d165a9d24d1

[63] Angular 2 vs React: очередное сравнение: http://www.bacancytechnology.com/blog/angular2-vs-react

[64] Angular2: советы и хитрости разработки: https://gearheart.io/blog/angular2-development-tips-and-tricks/

[65] #21 — Список пожеланий на следующие 6 месяцев разработки React: http://5minreact.ru/21-react-next-6-months/

[66] Пример приложения задачника на React-е с объяснением: https://hackernoon.com/a-react-todos-example-explained-6df53cdebed1

[67] Начало работы с PreactJS  —  пошаговое руководство: https://blog.codeinfuse.com/getting-started-with-preactjs-a-step-by-step-guide-f3197f871753

[68] Типизированные компоненты в Vue.js, или как подружить Vue, TypeScript и Webpack: https://habrahabr.ru/post/330400/?mobile=no

[69] Введение в серверный рендеринг приложений Vue.js с помощью Nuxt: http://codingthesmartway.com/introduction-to-server-rendered-vue-js-apps-with-nuxt/

[70] Создание приложения для поиска учебников на Vue: https://appendto.com/2017/05/building-tutorial-search-app-vue/

[71] Впечатления от VueJs & ReactJS. Что думают люди…: https://bootstrapbay.com/blog/vuejs-vs-reactjs/

[72] Может ли Vue бороться за трон с React?: https://rubygarage.org/blog/vuejs-vs-react-battle

[73] synt: https://github.com/brentlintner/synt

[74] flubber: https://github.com/veltman/flubber

[75] getlibs: http://getlibs.com/

[76] billboard.js: https://github.com/naver/billboard.js

[77] Выпуск web-браузера Tor Browser 7.0: http://www.opennet.ru/opennews/art.shtml?num=46667

[78] Выпуск web-браузера Chrome 59: http://www.opennet.ru/opennews/art.shtml?num=46658

[79] видео от Google Chrome Developers: https://www.youtube.com/watch?v=zNoc4zEkWPo&feature=youtu.be

[80] Safari в iOS 11 предложит автоматический запуск режима чтения без рекламы для всех сайтов: https://vc.ru/n/reader-view-safari

[81] Apple запретит автозапуск аудио и видео в Safari: https://vc.ru/n/safari-noautostart

[82] Браузер от Samsung появился в Google Play: https://lifehacker.ru/2017/06/06/samsung-internet-browser/

[83] Новые функции Microsoft Edge: https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/16215/

[84] Стал доступен Safari Technology Preview 32, с WebRTC, WebAssembly и улучшениями Auto-Play: https://webkit.org/blog/7627/safari-technology-preview-32/

[85] Кроссбраузерные расширения теперь доступны в Firefox: https://hacks.mozilla.org/2017/06/cross-browser-extensions-available-now-in-firefox/

[86] Главные анонсы WWDC 2017: https://vc.ru/p/wwdc-2017

[87] WWDC 2017 за 14 минут на русском: https://www.youtube.com/watch?v=KlVvTofZn7I

[88] Microsoft внедрила большое количество новшеств в новой тестовой сборке Windows 10: http://itc.ua/news/microsoft-vnedrila-bolshoe-kolichestvo-novshestv-v-novoy-testovoy-sborke-windows-10/

[89] Вышел WordPress 4.8 с новыми виджетами и другими улучшениями панели администратора: http://oddstyle.ru/wordpress-2/novosti-wordpress/vyshel-wordpress-4-8-s-novymi-vidzhetami-i-drugimi-uluchsheniyami-paneli-administratora.html

[90] Cisco: К 2021 году мировой объем дата-трафика превысит три зеттабайта, а на долю приложений IoT придется больше половины устройств и соединений: http://itc.ua/news/cisco-k-2021-godu-mirovoy-obem-data-trafika-prevyisit-tri-zettabayta-a-na-dolyu-prilozheniy-iot-pridetsya-bolshe-polovinyi-ustroystv-i-soedineniy/

[91] Материнский холдинг Google продал производителя роботов Boston Dynamics японскому SoftBank: https://vc.ru/n/softbank-boston-dynamics

[92] Несдержанное обещание статической типизации: https://ru.hexlet.io/blog/posts/the-broken-promise-of-static-typing

[93] 12 принципов применения анимации в пользовательских интерфейсах: https://vc.ru/p/motion-manifesto

[94] 5 «человечных» ботов Microsoft: https://vc.ru/p/microsoft-bots

[95] Сколько ждать квантового превосходства?: https://nplus1.ru/material/2017/06/07/quantumcomputers

[96] В MIT разработали девайс, который считывает эмоции с помощью Wi-Fi: https://ain.ua/2017/06/04/devajsj-schityvaet-emocii-s-wi-fi

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

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

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

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