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

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

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

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

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


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

podcast Подкаст «Frontend Weekend» #22 – Роберт Харитонов о том, как стать известным разработчиком в Европе [7]
podcast Подкаст «devschacht»б Выпуск №8 — От PhantomJS до Headless Chrome [8]
podcast Подкаст «devschacht»: Ночной фронтенд #6 — В самарском плену [9]
podcast Подкаст «Фронтенд Юность (18+)» #21: Проблемы opensource: плохой Emotion, ужасный React Native: Hacktoberfest, Уход из IT, Работа 20 часов в неделю [10]
podcast Подкаст «Drinkcast», Выпуск #11 — «Дизайн-системы и ui-киты» [11]
video «ALL YOUR HTML» #17: «Perlin Noise, 1d, 2d, 3d» [12]

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

Консорциум World Wide Web представил вторую редакцию HTML 5.1 [13]
AMP Google запустил ряд технических обновлений для AMP [14], а также тестирует новый логотип для AMP в результатах поиска [15]
en Все, что вы когда-либо хотели знать о защите HTML-форм [16]
en Gutenberg [17] — Крис Койер о наиболее важном изменении редактора WordPress за всю историю WP
en О создании крупномасштабного руководства по стилю на примере государственных сайтов привительства U.S. [18]
en Почему роботы должны форматировать наш код на нас [19]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №283 (2 — 8 октября 2017) - 20 CSS

habr Кому нужны флексы [26]
Лучший способ реализовать «обёртки» в CSS [27]
CSS-десант. Википедия [28].  При помощи сервиса пользовательских стилей Stylish допиливается UX популярного сайта
Как создать адаптивную сетку [29]
en Полезные классы CSS для задания размеров и присвоения имен [30]
en CSS Grid Challenge: Победители и щаблоны [31]
en Да будет мир в CSS [32]. Комплексная статья о различных подходах к написанию стилей и войнах между ними
en Лучшие практики (S)CSS, о которых вы до сих пор не знали [33] (на самом деле нет)
en Использование веб-шифтов [34]. Отрывок из книги Webfont Handbook [35]
en Руководство по letter-spacing [36], варианты использования, ux, доступность и многое другое

Дайджест свежих материалов из мира фронтенда за последнюю неделю №283 (2 — 8 октября 2017) - 28 JavaScript

Осторожно! Возможны побочные эффекты [37]. Разбираемся с тем, что такое сайд-эффекты и что они несут нашему коду
en Более быстрое форматирование кода с помощью ESLint [38]
en Худшие изъяны JavaScript, которыми любят злоупотреблять хакеры [39]
en Анонс планов к релизу Ember 3.0 [40]
en Неловкие моменты JavaScript в забавных гифках [41]
en Победители конкурса js13kGames 2017 [42]
en Многоликость `this` в javascript [43]

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

Microsoft Edge стал кроссплатформенным браузером [68]: компания Microsoft официально объявила о запуске Microsoft Edge для Android и iOS. Без движка EdgeHTML. iOS: WkWebView (EdgiOS). Android: Chromium (EdgA)
Microsoft Edge: заметного роста числа расширений пока ждать не стоит [69]
Вышла новая версия браузера Opera с возможностью делать селфи [70]
Firefox прекратит поддерживать старые версии Windows [71]
en Firefox 56: последняя остановка перед Quantum [72]
en Safari Technology Preview 41 [73]: File и Directory API, min/max в calc(), удаление поддержки CSS Regions

Дайджест свежих материалов из мира фронтенда за последнюю неделю №283 (2 — 8 октября 2017) - 64 Занимательное

Google представила «премиального» домашнего помощника Google Home Max и компактную версию Mini [74]
Облачный сервис Dropbox представил новый дизайн и логотип [75]
Google тестирует mobile-first индекс в «живой» выдаче [76]
10 вещей, которые не влияют на ранжирование сайтов в Google [77]
Bloomberg: Google запустит улучшенную систему защиты аккаунтов для политиков и топ-менеджеров [78]
По данным Net Applications доля Linux среди настольных систем достигла 6.88% [79]
7 способов усовершенствовать навыки чтения кода [80]
Думать самим — или разумом ИИ? [81]
Стив Возняк: «Сегодня ИИ — это дополненный идиотизм» [82]
«Матрица отменяется»: Физики доказали, что реальность — не симуляция [83]
en openvim [84] — интерактивное руководство по Vim


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

Дайджест за прошлую неделю [85].

Материал подготовили dersmoll [86] и alekskorovin [87].

Автор: alexzfort

Источник [88]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #22 – Роберт Харитонов о том, как стать известным разработчиком в Европе: https://soundcloud.com/frontend-weekend/fw-22

[8] Выпуск №8 — От PhantomJS до Headless Chrome: https://medium.com/devschacht/devschacht-8-1f8bb5fb6491

[9] Ночной фронтенд #6 — В самарском плену: https://medium.com/devschacht/nightly-6-db383e218c2e

[10] #21: Проблемы opensource: плохой Emotion, ужасный React Native: Hacktoberfest, Уход из IT, Работа 20 часов в неделю : https://soundcloud.com/frontend_u/e21

[11] Выпуск #11 — «Дизайн-системы и ui-киты»: http://spb-frontend.ru/podcast/11

[12] «Perlin Noise, 1d, 2d, 3d»: https://www.youtube.com/watch?v=xN_KOacUDhU

[13] Консорциум World Wide Web представил вторую редакцию HTML 5.1: https://tproger.ru/news/w3c-html-5-1-2nd-edition/

[14] Google запустил ряд технических обновлений для AMP: https://www.searchengines.ru/google-amp-updates.html

[15] тестирует новый логотип для AMP в результатах поиска: https://www.searchengines.ru/amp-instant.html

[16] Все, что вы когда-либо хотели знать о защите HTML-форм: https://twilioinc.wpengine.com/2017/09/everything-you-ever-wanted-to-know-about-secure-html-forms.html

[17] Gutenberg: https://css-tricks.com/gutenberg/

[18] О создании крупномасштабного руководства по стилю на примере государственных сайтов привительства U.S.: https://18f.gsa.gov/2017/10/03/building-a-large-scale-design-system/

[19] Почему роботы должны форматировать наш код на нас: https://medium.freecodecamp.org/why-robots-should-format-our-code-159fd06d17f7

[20] Интерфейсы с табами.: https://inclusive-components.design/tabbed-interfaces/

[21] Как начать поддержку доступности в организациях, не выделяющих на это ресурсы?: https://github.com/HugoGiraudel/ama/issues/88

[22] Будущее доступности для кастомных элементов: https://medium.com/dev-channel/the-future-of-accessibility-for-custom-elements-291cfb3ffabe

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

[24] Moving Letters: http://tobiasahlin.com/moving-letters/#

[25] Интересный эффект порезанного двойного изображения: https://tympanus.net/codrops/2017/09/28/sliced-dual-image-layout/

[26] Кому нужны флексы: https://habrahabr.ru/company/htmlacademy/blog/338824/

[27] Лучший способ реализовать «обёртки» в CSS: http://css-live.ru/articles/luchshij-sposob-realizovat-obyortki-v-css.html

[28] CSS-десант. Википедия: https://medium.com/@kefiijrw/css-%D0%B4%D0%B5%D1%81%D0%B0%D0%BD%D1%82-%D0%B2%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F-16cd911399ea

[29] Как создать адаптивную сетку: https://medium.com/web-standards/responsive-grid-system-89d07e48a564

[30] Полезные классы CSS для задания размеров и присвоения имен: https://catalin.red/css-utility-classes-naming-conventions/

[31] CSS Grid Challenge: Победители и щаблоны: https://www.smashingmagazine.com/2017/10/css-grid-challenge-2017-winners/

[32] Да будет мир в CSS: http://www.didoo.net/2017/10/let-there-be-peace-on-css/

[33] Лучшие практики (S)CSS, о которых вы до сих пор не знали: https://medium.com/@mciastek/s-css-best-practices-that-you-have-not-yet-known-ba2f6329b5dd

[34] Использование веб-шифтов: https://alistapart.com/article/using-webfonts

[35] Webfont Handbook: https://abookapart.com/products/webfont-handbook

[36] Руководство по letter-spacing: https://css-tricks.com/keeping-track-letter-spacing-guidelines/

[37] Осторожно! Возможны побочные эффекты: http://blog.csssr.ru/2017/10/07/side-effects/

[38] Более быстрое форматирование кода с помощью ESLint: https://medium.com/@netczuk/even-faster-code-formatting-using-eslint-22b80d061461

[39] Худшие изъяны JavaScript, которыми любят злоупотреблять хакеры: https://www.youtube.com/watch?v=0dgmeTy7X3I

[40] Анонс планов к релизу Ember 3.0: https://emberjs.com/blog/2017/10/03/the-road-to-ember-3-0.html

[41] Неловкие моменты JavaScript в забавных гифках: https://hackernoon.com/awkward-moments-in-javascript-a0b1cabcd6f1

[42] Победители конкурса js13kGames 2017: http://2017.js13kgames.com/#winners

[43] Многоликость `this` в javascript: https://blog.pragmatists.com/the-many-faces-of-this-in-javascript-5f8be40df52e

[44] Начало работы с Node.js: https://medium.com/devschacht/node-hero-chapter-1-239f7afeb1d1

[45] Node.js и переход с PHP на JavaScript: https://habrahabr.ru/company/ruvds/blog/339176/

[46] Промисы в ES6: паттерны и анти-паттерны: https://habrahabr.ru/company/ruvds/blog/339414/.com%5Bperevod%5D-promisy-v-es6-patterny-i-anti

[47] Объяснение Await и Async с помощью диаграм и примеров: http://nikgrozev.com/2017/10/01/async-await/

[48] Compiling vs Polyfills с помощью Babel (JavaScript): https://tylermcginnis.com/videos/compiling-polyfills/

[49] Оптимизация ES2015 прокси в V8: https://v8project.blogspot.com/2017/10/optimizing-proxies.html

[50] Литералы шаблонов определённо лучше строк: https://ponyfoo.com/articles/template-literals-strictly-better-strings

[51] Quasar Framework — универсальный Vue-фреймворк: https://medium.com/devschacht/quasar-framework-%D1%83%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-vue-%D1%84%D1%80%D0%B5%D0%B9%D0%BC%D0%B2%D0%BE%D1%80%D0%BA-d95c0350efd4

[52] Vue.js Style Guide v2: https://vuejs.org/v2/style-guide/

[53] vuera: https://github.com/akxcv/vuera

[54] Создание переходов и анимаций во Vue.js: живые примеры: https://snipcart.com/blog/vuejs-transitions-animations

[55] Создание онлайн-магазина с помощью Vue: https://scotch.io/courses/build-an-online-shop-with-vue

[56] Создание научного калькулятора с помощью Vue.js: https://scotch.io/tutorials/build-a-scientific-calculator-with-vuejs

[57] Реактивность в Vue.js 2 vs Vue.js 3: https://blog.cloudboost.io/reactivity-in-vue-js-2-vs-vue-js-3-dcdd0728dcdf

[58] Новшества серверного рендеринга в React 16: https://habrahabr.ru/company/ruvds/blog/339148/

[59] 6 профессиональных советов для разработчиков React: https://www.sitepoint.com/6-pro-tips-from-react-developers/

[60] React, инлайн фунции и производительность: https://cdb.reacttraining.com/react-inline-functions-and-performance-bdff784f5578

[61] React и JSS: советы после использования этого подхода в течении года: https://medium.com/@darioghilardi/react-and-jss-tips-from-a-one-year-journey-24e3bd2313b0

[62] Как починить ваше приложение на React, если оно в тайне вас ненавидит: https://medium.com/building-crowdriff/how-to-fix-your-react-app-when-it-secretly-hates-you-8532ffbcc7f9

[63] Уроки по миграции большой кодовой базы на React 16: https://blog.discordapp.com/lessons-from-migrating-a-large-codebase-to-react-16-e60e49102aa6

[64] Введение в React-Static: https://medium.com/@tannerlinsley/%EF%B8%8F-introducing-react-static-a-progressive-static-site-framework-for-react-3470d2a51ebc

[65] Почему не работает ваше приложение на Angular: 11 основных ошибок: https://malcoded.com/posts/why-angular-not-works

[66] 6 лучших практик и профессиональных советов на тему использования Angular CLI: https://medium.com/@tomastrajan/6-best-practices-pro-tips-for-angular-cli-better-developer-experience-7b328bc9db81

[67] Angular и анимации: вдыхаем жизнь в ваши приложения: https://medium.com/@aleix8/angular-animations-bring-life-to-your-apps-ca122e5db647

[68] Microsoft Edge стал кроссплатформенным браузером: http://www.wincore.ru/windows-news/6119-microsoft-edge-stal-krossplatformennym-brauzerom.html

[69] Microsoft Edge: заметного роста числа расширений пока ждать не стоит: http://www.wincore.ru/windows-news/6103-microsoft-edge-zametnogo-rosta-chisla-rasshireniy-zhdat-ne-stoit.html

[70] Вышла новая версия браузера Opera с возможностью делать селфи: https://www.searchengines.ru/novaya-versiya-opera-49.html

[71] Firefox прекратит поддерживать старые версии Windows: http://4pda.ru/2017/10/06/347191/

[72] Firefox 56: последняя остановка перед Quantum: https://hacks.mozilla.org/2017/10/firefox-56-last-stop-before-quantum/

[73] Safari Technology Preview 41: https://webkit.org/blog/7989/release-notes-for-safari-technology-preview-41/

[74] Google представила «премиального» домашнего помощника Google Home Max и компактную версию Mini: https://vc.ru/27102-google-predstavila-premialnogo-domashnego-pomoshchnika-google-home-max-i-kompaktnuyu-versiyu-mini

[75] Облачный сервис Dropbox представил новый дизайн и логотип: https://vc.ru/27054-oblachnyy-servis-dropbox-predstavil-novyy-dizayn-i-logotip

[76] Google тестирует mobile-first индекс в «живой» выдаче: https://www.searchengines.ru/google-live-results.html

[77] 10 вещей, которые не влияют на ранжирование сайтов в Google: https://www.searchengines.ru/ten-factors.html

[78] Bloomberg: Google запустит улучшенную систему защиты аккаунтов для политиков и топ-менеджеров: https://vc.ru/27009-bloomberg-google-zapustit-uluchshennuyu-sistemu-zashchity-akkauntov-dlya-politikov-i-top-menedzherov

[79] По данным Net Applications доля Linux среди настольных систем достигла 6.88%: http://www.opennet.ru/opennews/art.shtml?num=47305

[80] 7 способов усовершенствовать навыки чтения кода: https://ru.hexlet.io/blog/posts/improve-code-reading-skill

[81] Думать самим — или разумом ИИ?: https://3dnews.ru/959325/

[82] Стив Возняк: «Сегодня ИИ — это дополненный идиотизм»: https://itc.ua/blogs/stiv-voznyak-segodnya-ii-eto-dopolnennyiy-idiotizm/

[83] «Матрица отменяется»: Физики доказали, что реальность — не симуляция: https://itc.ua/news/matritsa-otmenyaetsya-fiziki-dokazali-chto-realnost-ne-simulyatsiya/

[84] openvim: http://www.openvim.com/

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

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

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

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