Дайджест свежих материалов из мира фронтенда за последнюю неделю №332 (24 — 30 сентября 2018)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #72 – Что изменилось за год у Дарьи Пушкарской: https://soundcloud.com/frontend-weekend/fw-72

[8] Episode #139: : https://soundcloud.com/web-standards/episode-139

[9] Новости 512 — Выпуск №23 (24.09 — 30.09) : https://soundcloud.com/csssr/news512_023

[10] 3. Lingualeo, диватоз и графика в SVG и PNG: https://www.youtube.com/watch?v=mAoxm-AyNCw&feature=youtu.be

[11] Web Audio Conf 2018 | Berlin: https://www.youtube.com/playlist?list=PLQ9S5oqvpyWm2-HDGnQWWlX30pqYlb_Rz

[12] Почему семантический HTML важен, и как TypeScript помогает это понять: http://css-live.ru/articles/pochemu-semanticheskij-html-vazhen-i-kak-typescript-pomogaet-eto-ponyat.html

[13] API командной строки(консоли): Справка команд: https://medium.com/@stylesam/api-%D0%BA%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%BD%D0%BE%D0%B9-%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%B8-%D0%BA%D0%BE%D0%BD%D1%81%D0%BE%D0%BB%D0%B8-%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BA%D0%B0-%D0%BA%D0%BE%D0%BC%D0%BC%D0%B0%D0%BD%D0%B4-d5b87608cbf1

[14] Сообщество Fronteers в лице Рейчел Эндрю подало заявку на участие в W3C для представления интересов разработчиков: https://www.smashingmagazine.com/2018/09/representing-web-developers-w3c/

[15] Полное руководство по ленивой загрузке изображений: https://css-tricks.com/the-complete-guide-to-lazy-loading-images/

[16] Точные замеры лейаута в вебе: https://nolanlawson.com/2018/09/25/accurately-measuring-layout-on-the-web/

[17] Как создать Low-tech Website?: https://solar.lowtechmagazine.com/2018/09/how-to-build-a-lowtech-website/

[18] Оптимизация SVG логотипа Spotify : https://jmperezperez.com/spotify-svg/

[19] Прогрессивные JPEG и техники для уменьшения загрузки изображений в два раза: https://itnext.io/web-app-perform-zone-2-progressive-jpegs-and-techs-to-halve-your-image-load-7ed24670eafb

[20] Меню WAI-ARIA, и почему вы должны вообще избегать их использования: https://www.marcozehe.de/2018/09/22/wai-aria-menus-and-why-you-should-generally-avoid-using-them/

[21] Как начать работать с доступностью сайтов: https://www.designyourway.net/blog/web-design/how-to-get-started-with-website-accessibility/

[22] Вложенные ссылки: https://css-tricks.com/nested-links/

[23] Первый (и странный) публичный черновик CSS-модуля скроллбаров: http://css-live.ru/vecssti-s-polej/css-scrollbars-fpwd.html

[24] Сейчас 2018: вы не должны писать на ванильном CSS: https://blog.logrocket.com/its-2018-you-shouldn-t-be-writing-vanilla-css-b3d09b9c2c41

[25] 13 способ вертикального центрирования в 2018: https://blog.logrocket.com/13-ways-to-vertical-center-in-2018-cb6e98ed8a40

[26] Как использовать инспектор анимации в Chrome Developer Tools: https://webdesign.tutsplus.com/articles/quick-tip-chrome-animation-dev-tools--cms-31505

[27] Grid или Flexbox: что выбрать?: https://www.webdesignerdepot.com/2018/09/grid-vs-flexbox-which-should-you-choose/

[28] Руководство для новичков по CSS Box-Model: https://klassynihal.github.io/blog/A-Noobs-Guide-For-CSS-Box-Model

[29] Node.js без node_modules: https://habr.com/post/423487/

[30] Angular vs React: битва за фронтенд: https://habr.com/article/424479/

[31] Как отказаться от jQuery в современном фронтенде: опыт команды GitHub: https://tproger.ru/translations/removing-jquery-from-github-frontend/

[32] Анонс TypeScript 3.1: https://blogs.msdn.microsoft.com/typescript/announcing-typescript-3-1/

[33] Минимальный сетап JavaScript: https://css-tricks.com/a-minimal-javascript-setup/

[34] 12 советов от профессионалов по масштабируемому Node.js: https://medium.com/microsoftazure/eleven-tips-to-scale-node-js-65cbf6deef6e

[35] turtleDB: фреймворк для создания offline-first, совместных приложений: https://hackernoon.com/turtledb-a-javascript-framework-for-building-offline-first-collaborative-web-apps-7183cd787163

[36] 16 подкастов на тему JavaScript, продолжающих выходить в 2018: https://snipcart.com/blog/javascript-podcasts

[37] JavaScript Jabber №332: “You Learned JavaScript, Now What?”: https://devchat.tv/js-jabber/jsj-332-you-learned-javascript-now-what-with-chris-heilmann/

[38] Понимание таймеров в JavaScript. Callback-функции, setTimeout, setInterval и requestAnimationFrame: https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%BD%D0%B8%D0%BC%D0%B0%D0%BD%D0%B8%D0%B5-%D1%82%D0%B0%D0%B8%CC%86%D0%BC%D0%B5%D1%80%D0%BE%D0%B2-%D0%B2-javascript-callback-%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D0%B8-settimeout-setinterval-%D0%B8-requestanimationframe-f73c81cfdc9d

[39] Прощай, Redux: https://medium.com/devschacht/jack-scott-goodbye-redux-4f11cc3c6af5

[40] JavaScript typeof — понимание проверки типов в JavaScript: https://blog.logrocket.com/javascript-typeof-2511d53a1a62

[41] Сортировка вещей в V8: https://v8.dev/blog/array-sort

[42] Миграция с Underscore на Lodash: https://blogs.dropbox.com/tech/2018/09/migrating-from-underscore-to-lodash/

[43] Переосмысление покрытия тестами JavaScript: https://blog.npmjs.org/post/178487845610/rethinking-javascript-test-coverage

[44] Итоги VuePiterJS #1: https://medium.com/piterjs/%D0%B8%D1%82%D0%BE%D0%B3%D0%B8-vuepiterjs-1-%D0%B2-%D0%BE%D0%B6%D0%B8%D0%B4%D0%B0%D0%BD%D0%B8%D0%B8-2-34756d5cd875

[45] Что нового в Vue Devtools 5.0 Beta: https://www.telerik.com/blogs/whats-new-in-vue-devtools-5-beta

[46] Советы по созданию быстрого и легкого Vue.js SPA: https://medium.com/binarcode/tips-for-building-fast-and-light-vue-js-spa-7a83407d4bc3

[47] Управление множественными центральными хранилищами с помощью Vuex: https://blog.logrocket.com/managing-multiple-central-stores-with-vuex-74cc44646043

[48] zircleUI: https://github.com/zircleUI/zircleUI

[49] Маршрутизация в большом приложении на React: https://habr.com/company/rambler-co/blog/424025/

[50] Переиспользуемые компоненты в React — практическое руководство: https://blog.bitsrc.io/reusable-components-in-react-a-practical-guide-ec15a81a4d71

[51] Last call для Create React App v2: https://github.com/facebook/create-react-app/issues/5103

[52] 6 интересных проектов на React, которые вы можете создать сегодня: https://daveceddia.com/react-practice-projects/

[53] Тссс! Вот почему ReasonReact — это лучший способ писать на React: https://medium.freecodecamp.org/psst-heres-why-reasonreact-is-the-best-way-to-write-react-5088d434d035

[54] React Podcast 22: «Promise Accessibility»: https://reactpodcast.com/22

[55] Angular и SEO: как их подружить?: https://habr.com/post/423739/

[56] Angular Flex-Layout: Flexbox и Grid Layout для компонентов Angular: https://blog.angularindepth.com/angular-flex-layout-flexbox-and-grid-layout-for-angular-component-6e7c24457b63

[57] Policy-Based Client-Side Encryption в Angular: https://blog.angularindepth.com/policy-based-client-side-encryption-in-angular-b47068b26d50

[58] Сравнение серверного рендеринга в приложениях React и Angular: https://hackernoon.com/a-comparison-of-server-side-rendering-in-react-and-angular-applications-fb95285fb716

[59] Роутинг в Angular — лучший шаблон для больших масштабных изображений: https://medium.com/@shairez/angular-routing-a-better-pattern-for-large-scale-apps-f2890c952a18

[60] Trix: https://trix-editor.org/

[61] Tabulator: http://tabulator.info/

[62] Мой любимый файл в кодовой базе Chromium: https://habr.com/company/infopulse/blog/424369/

[63] Google Chrome 69 автоматически входит в аккаунт и не стирает cookies Google при очистке истории: https://habr.com/post/424423/

[64] Google устранит в Chrome 70 замечания, связанные с привязкой учётной записи и удалением всех Cookie: http://www.opennet.ru/opennews/art.shtml?num=49338

[65] Найден баг, приводящий к сбою в работе Firefox или всего компьютера: https://xakep.ru/2018/09/24/firefox-dos/

[66] Почему я наконец бросаю Chrome: статья эксперта по безопасности: https://ain.ua/2018/09/25/pochemu-ya-brosayu-chrome/

[67] В браузере Firefox появилась система одноразовых ключей для восстановления доступа к данным учетной записи: https://itc.ua/blogs/v-brauzere-firefox-poyavilas-sistema-odnorazovyih-klyuchey-dlya-vosstanovleniya-dostupa-k-dannyim-uchetnoy-zapisi/

[68] Предлагаемые результаты поиска в Safari продвигали теории заговоров, ложь и дезинформацию: https://itc.ua/news/predlagaemyie-rezultatyi-poiska-v-safari-prodvigali-teorii-zagovorov-lozh-i-dezinformatsiyu/

[69] qutebrowser — клавиатурный браузер с минимальным GUI.: https://www.qutebrowser.org/

[70] Google исполнилось 20 лет: https://habr.com/post/424639/

[71] Stack Overflow — 10 лет: https://tjournal.ru/77272-stack-overflow-10-let

[72] Как писать дату и время в интерфейсах: http://mikeozornin.ru/blog/all/how-to-write-datetime-in-ui/

[73] Microsoft прекратит поддержку Skype Classic с ноября: https://tjournal.ru/77306-microsoft-prekratit-podderzhku-skype-classic-s-noyabrya

[74] Интернет вещей – это новое качество жизни: https://www.computerra.ru/231225/internet-veshhej-eto-novoe-kachestvo-zhizni/

[75] Уязвимость в Facebook привела к захвату контроля над 50 миллионами учётных записей: http://www.opennet.ru/opennews/art.shtml?num=49366

[76] Google спрятала в поисковой выдаче текстовую игру: https://tproger.ru/news/chrome-hid-text-based-game/

[77] Основные принципы использования анимации в UX: https://vc.ru/design/46504-osnovnye-principy-ispolzovaniya-animacii-v-ux

[78] Дайджест за прошлую неделю: https://habr.com/company/zfort/blog/424185/

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

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

[81] Источник: https://habr.com/post/424955/?utm_campaign=424955

Нажмите здесь для печати.