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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №282 (25 сентября — 1 октября 2017)

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

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

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


Дайджест свежих материалов из мира фронтенда за последнюю неделю №282 (25 сентября — 1 октября 2017) - 2 Медиа

podcast Подкаст «Frontend Weekend» #21 – Зар Захаров о «закрытии» Альфа-Лаборатории и уходе из LoftBlog [7]
podcast Подкаст «Пятиминутка React» #37 — Prettier [8]
podcast Подкаст «Фронтенд Юность (18+)» #20: Старт курса лекций по WebAssembly [9]
podcast Подкаст «Drinkcast», Выпуск #10: «Похмельный, про сообщество и подкаст» [10]
video «ALL YOUR HTML» #16: «Анимации по скроллу с сайта iPhoneX» [11]
video HTML Шорты: Сахарный JavaScript [12], habr текстовая версия [13]
video Я.Субботник 2017 [14]

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

habr Зачем нужны заголовки [15]
habr Пора убить веб [16]
Дискуссия по выбору WordPress JS-фреймворка продолжается с привлечением лидеров open source сообщества [17]
8 подкастов о Frontend [18]
en Веб — это мой API [19]
en Принципы работы с отзывчивыми изображениями [20]
en Вопросы для собеседования на позицию фронт-енд разработчика, а также ответы на них [21]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №282 (25 сентября — 1 октября 2017) - 35 CSS

en 5 вещей, о которых хотели бы знать CSS разработчики, когда начинали [39]
en Интерактивное введение в CSS Grid Layout от Mozilla [40]
en Подводные камни и некоторые хитрости CSS Grid от Rachel Andrew [41]
en Имплементация раскрывающихся блоков на чистом CSS [42]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №282 (25 сентября — 1 октября 2017) - 44 JavaScript

habr V8 под капотом [47]
en Краткая история модульности в JS [48]
en Фреймворки тестирования Javascript: лучшее для тестирования JS кода [49]
en Правда веба: JavaScript'у нельзя верить [50]
en Рассвет и закат Ext JS [51]
en Сравнительное исследование прогрессивных JS фреймворков: Angular.js & Vue.js [52]
en 8 советов по улучшению производительности для JavaScript [53]

  • Libs & Plugins:
    en Lozad.js [67] — производительная ленивая загрузка для изображений
    en SQIP [68] — плейсхолдеры для изображений, основанные на SVG
    en draggable [69] — современная библиотека для Drag & Drop с интерактивными примерами и эффективным оформлением
    en Micromodal.js [70] — легковесная и настраиваемая библиотека для доступных модальных окон с на чистом JavaScript
    en strudel.js [71] — легковесный компонентный фреймворк

Дайджест свежих материалов из мира фронтенда за последнюю неделю №282 (25 сентября — 1 октября 2017) - 69 Браузеры

Firefox Релиз Firefox 56 [72], некоторые детали для разработчиков от Марата Таналина [73]
Firefox Бета-выпуск Firefox 57 с многопоточным CSS-движком и новым оформлением [74]
Firefox en Обновление Developer Edition Devtools: теперь с Photon UI [75]
Firefox en Screenshots, Send Tabs и другие продвинутые функции в новом Firefox [76]
Снимки экрана и конвертер валют: выпущена Opera 48 [77]
Opera 49 станет первым браузером с поддержкой шлемов виртуальной реальности [78]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №282 (25 сентября — 1 октября 2017) - 76 Занимательное

Stack Overflow и Microsoft разработали бота-помощника для Visual Studio Code [79]
Twitter впервые вдвое увеличивает лимит на длину сообщений – до 280 символов [80]
Facebook и Microsoft запустили в эксплуатацию мощнейший трансатлантический интернет-кабель Marea [81]
Компания Microsoft вошла в число ключевых спонсоров OSI (Open Source Initiative) [82]
Nvidia: закон Мура потерял актуальность, а GPU станут заменой CPU [83]
Почему людям больше не нравится Кремниевая долина [84]
Как Apple, Facebook и Google создают новое телевидение [85]
Как блокчейн технология изменит WordPress [86]
Невероятная история происхождения Google Analytics [87]


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

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

Автор: alexzfort

Источник [91]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #21 – Зар Захаров о «закрытии» Альфа-Лаборатории и уходе из LoftBlog : https://soundcloud.com/frontend-weekend/fw-21

[8] #37 — Prettier: https://soundcloud.com/5minreact/37-prettier

[9] #20: Старт курса лекций по WebAssembly: https://soundcloud.com/frontend_u/e20

[10] Выпуск #10: «Похмельный, про сообщество и подкаст»: http://spb-frontend.ru/podcast/10/

[11] «Анимации по скроллу с сайта iPhoneX»: https://www.youtube.com/watch?v=-EdessdvqSY

[12] Сахарный JavaScript: https://www.youtube.com/watch?v=o0PpZGAnBjA&feature=youtu.be

[13] текстовая версия: https://habrahabr.ru/company/htmlacademy/blog/338914/

[14] Я.Субботник 2017: https://www.youtube.com/watch?v=7VeMq9-z7zQ&list=PLKaafC45L_STnp2Dx42ICyyPBRD5sy7v0

[15] Зачем нужны заголовки: https://habrahabr.ru/company/htmlacademy/blog/338818/

[16] Пора убить веб: https://habrahabr.ru/post/338880/

[17] Дискуссия по выбору WordPress JS-фреймворка продолжается с привлечением лидеров open source сообщества: http://oddstyle.ru/wordpress-2/novosti-wordpress/diskussiya-po-vyboru-wordpress-js-frejmvorka-prodolzhaetsya-s-privlecheniem-liderov-open-source-soobshhestva.html

[18] 8 подкастов о Frontend: https://dev.by/lenta/oxagile/frontend-podborki-podkastov-i-telegram-kanalov

[19] Веб — это мой API: https://paul.kinlan.me/the-web-is-my-api/

[20] Принципы работы с отзывчивыми изображениями: https://www.lullabot.com/articles/fundamentals-of-responsive-images

[21] Вопросы для собеседования на позицию фронт-енд разработчика, а также ответы на них: https://github.com/yangshun/tech-interview-handbook/blob/master/front-end/interview-questions.md

[22] Проект Google AMP и его влияние на SEO: https://www.searchengines.ru/amp-seo.html

[23] Google увеличил долю AMP-контента в мобильной выдаче: https://www.searchengines.ru/google-amp-share.html

[24] Прогрессивные веб-приложения? Нет, мы делаем веб-приложения для чужих: https://technology.condenast.com/story/not-progressive-alien-web-apps

[25] Как быстрее DOM построить: парсинг, async, defer и preload: https://habrahabr.ru/post/338840/

[26] О том, как HTTP/2 помогает решить проблемы производительности HTTP/1.1 : http://vanseodesign.com/web-design/http2-performance/

[27] Essential Image Optimization:: https://images.guide/

[28] It's a (focus) Trap: https://habrahabr.ru/post/338130/

[29] Пишем CSS, не забывая о доступности: https://medium.com/@ABatickaya/%D0%B4%D1%83%D0%BC%D0%B0%D1%8F-%D0%BE-%D0%B4%D%20%20%20%200%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE%D1%81%D1%82%D0%B8-%D0%BF%D0%B8%D1%88%D0%B5%D0%BC-css-9032d7b64fb2

[30] Доступность в trivago: http://tech.trivago.com/2017/09/26/accessibility-at-trivago/

[31] VoiceOver и list-style-type: none: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/

[32] Разработка доступных сайтов в контексте веб-ресурсов Вашингтонского университета: http://www.washington.edu/accessibility/web/

[33] Как создать доступную кнопку-включатель: https://www.youtube.com/watch?v=16gvkPfPIx4

[34] Еженедельная подборка красивых эффектов на CSS/SVG/JS #55: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-nacsssvgjs-55.html

[35] Использование SVG clip-path для изменения цвета логотипа при скролле страницы: https://eduardoboucas.com/blog/2017/09/25/svg-clip-path-logo-colour.html

[36] Изучение методов анимации и взаимодействия с WebGL (в примерах): https://www.smashingmagazine.com/2017/09/animation-interaction-techniques-webgl/

[37] Креативные эффекты перехода между слайдами с помощью CSS Masks: https://tympanus.net/codrops/2016/09/29/transition-effect-with-css-masks/

[38] Fuzzy Plus: https://codepen.io/dpdknl/pen/mBwmNZ

[39] 5 вещей, о которых хотели бы знать CSS разработчики, когда начинали: https://css-tricks.com/5-things-css-developers-wish-knew-started/

[40] Интерактивное введение в CSS Grid Layout от Mozilla: https://mozilladevelopers.github.io/playground/

[41] Подводные камни и некоторые хитрости CSS Grid от Rachel Andrew: https://www.smashingmagazine.com/2017/09/css-grid-gotchas-stumbling-blocks/

[42] Имплементация раскрывающихся блоков на чистом CSS: https://alligator.io/css/collapsible/

[43] CSS font-display: будущее рендера шрифтов в вебе: https://www.sitepoint.com/css-font-display-future-font-rendering-web/

[44] Стратегия загрузки шрифтов на eBay’s — localStorage, FontFaceSet APIs и Font Face Observer : http://www.ebaytechblog.com/2017/09/21/ebays-font-loading-strategy/

[45] «Что вы должны знать о вариативных шрифтах». : https://medium.com/type-thursday/what-you-need-to-know-about-variable-fonts-6e7b6ce7580c

[46] Пятиминутное руководство для улучшения знаний о типографике: http://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography

[47] V8 под капотом: https://habrahabr.ru/company/jugru/blog/338930/

[48] Краткая история модульности в JS: https://ponyfoo.com/articles/brief-history-of-modularity

[49] Фреймворки тестирования Javascript: лучшее для тестирования JS кода: http://www.designyourway.net/blog/resources/javascript-testing-frameworks/

[50] Правда веба: JavaScript'у нельзя верить: https://christianheilmann.com/2017/09/26/web-truths-javascript-cant-be-trusted/

[51] Рассвет и закат Ext JS: https://medium.com/@ModusJesus/the-rise-and-fall-of-ext-js-c9d727131991

[52] Сравнительное исследование прогрессивных JS фреймворков: Angular.js & Vue.js: https://hackernoon.com/a-comparative-study-of-progressive-js-frameworks-angular-js-vue-js-4ebda3904f8f

[53] 8 советов по улучшению производительности для JavaScript: https://www.ag-grid.com/ag-grid-8-performance-hacks-for-javascript/

[54] Развертывание кода ES2015+ в продакшн сегодня: https://habrahabr.ru/post/338612/

[55] ES6 для новичков: https://hackernoon.com/es6-for-beginners-f98120b57414

[56] Изучи промисы создавая промис с нуля: https://medium.com/gitconnected/understand-javascript-promises-by-building-a-promise-from-scratch-84c0fd855720

[57] ES6 промисы: паттерны и анти-паттерны: https://medium.com/datafire-io/es6-promises-patterns-and-anti-patterns-bbb21a5d0918

[58] Пять плагинов Vuex: https://medium.com/devschacht/%D0%BF%D1%8F%D1%82%D1%8C-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%D0%BE%D0%B2-vuex-f0ba8370b0d5

[59] Используем axios вместе с Vue.js: https://medium.com/devschacht/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D0%B5%D0%BC-axios-%D0%B2%D0%BC%D0%B5%D1%81%D1%82%D0%B5-%D1%81-vue-js-3bc45464c460

[60] Условное применеие CSS классов в Vue.js: https://www.sitepoint.com/conditionally-applying-css-class-vue-js/

[61] vue-a11y-calendar: https://github.com/IBM/vue-a11y-calendar

[62] Вышел React v16.0: https://habrahabr.ru/post/338932/

[63] Что вам нужно знать о React 16: https://medium.com/@karmined/%D1%87%D1%82%D0%BE-%D0%B2%D0%B0%D0%BC-%D0%BD%D1%83%D0%B6%D0%BD%D0%BE-%D0%B7%D0%BD%D0%B0%D1%82%D1%8C-%D0%BE-react-16-a1baa4ab800d

[64] React Router v4: полное руководство: https://www.sitepoint.com/react-router-v4-complete-guide/

[65] Начинаем работать с Redux: https://www.sitepoint.com/getting-started-redux/

[66] Использование Preact как альтернативу React: https://www.sitepoint.com/using-preact-react-alternative/

[67] Lozad.js: https://css-tricks.com/lozad-js-performant-lazy-loading-images/

[68] SQIP: https://github.com/technopagan/sqip

[69] draggable: https://shopify.github.io/draggable/

[70] Micromodal.js: https://micromodal.now.sh/

[71] strudel.js: http://strudeljs.org/guide/

[72] Релиз Firefox 56: http://www.opennet.ru/opennews/art.shtml?num=47293

[73] некоторые детали для разработчиков от Марата Таналина: http://tanalin.com/blog/2017/10/firefox-56/

[74] Бета-выпуск Firefox 57 с многопоточным CSS-движком и новым оформлением: http://www.opennet.ru/opennews/art.shtml?num=47272

[75] Обновление Developer Edition Devtools: теперь с Photon UI: https://hacks.mozilla.org/2017/09/developer-edition-devtools-update-now-with-photon-ui/

[76] Screenshots, Send Tabs и другие продвинутые функции в новом Firefox: https://blog.mozilla.org/blog/2017/09/28/screenshots-send-tabs-in-todays-faster-firefox/

[77] Снимки экрана и конвертер валют: выпущена Opera 48: https://tproger.ru/news/opera-48/

[78] Opera 49 станет первым браузером с поддержкой шлемов виртуальной реальности: https://tproger.ru/news/opera-49-vr-on-the-spot/

[79] Stack Overflow и Microsoft разработали бота-помощника для Visual Studio Code: https://tproger.ru/news/stack-overflow-bot/

[80] Twitter впервые вдвое увеличивает лимит на длину сообщений – до 280 символов: http://itc.ua/news/twitter-vpervyie-vdvoe-uvelichivaet-limit-na-dlinu-soobshheniy-do-280-simvolov/

[81] Facebook и Microsoft запустили в эксплуатацию мощнейший трансатлантический интернет-кабель Marea: http://itc.ua/blogs/facebook-i-microsoft-zapustili-v-ekspluatatsiyu-moshhneyshiy-transatlanticheskiy-internet-kabel-marea/

[82] Компания Microsoft вошла в число ключевых спонсоров OSI (Open Source Initiative): http://www.opennet.ru/opennews/art.shtml?num=47279

[83] Nvidia: закон Мура потерял актуальность, а GPU станут заменой CPU: https://dtf.ru/10882-nvidia-zakon-mura-poteryal-aktualnost-a-gpu-stanut-zamenoy-cpu

[84] Почему людям больше не нравится Кремниевая долина: https://ain.ua/2017/09/28/xejt-dolini

[85] Как Apple, Facebook и Google создают новое телевидение: http://gagadget.com/watching/28546-kak-apple-facebook-i-google-sozdayut-novoe-televidenie/

[86] Как блокчейн технология изменит WordPress: http://oddstyle.ru/veb-razrabotka/kak-blokchejn-texnologiya-izmenit-wordpress.html

[87] Невероятная история происхождения Google Analytics: https://www.searchengines.ru/istoriya-proishozhdeniya-google-analytics.html

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

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

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

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