- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка [1] |
CSS [2] |
Javascript [3] |
Браузеры [4] |
Занимательное [5] |
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [94].
Материал подготовили dersmoll [95] и alekskorovin [96].
Автор: Zfort Group
Источник [97]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/238298
Ссылки в тексте:
[1] Веб-разработка: #webdev
[2] CSS: #css
[3] Javascript: #js
[4] Браузеры: #browser
[5] Занимательное: #intresting
[6] Запись видео с Web Standards Days в Москве, 2017: https://www.youtube.com/watch?v=Z4E2drxNjMk&feature=youtu.be
[7] Подкаст Веб-стандарты, Выпуск №52: https://soundcloud.com/web-standards/episode-52
[8] Веб-анимация в 2017-м: https://birtles.wordpress.com/2017/01/10/web-animation-in-2017/
[9] 33 способа ускорить ваш фронтенд в 2017 году: https://habrahabr.ru/company/badoo/blog/320558/
[10] Ускорение Lenta.ru: 3 человека, 2 недели, улучшение глубины просмотра на 27%: https://habrahabr.ru/post/320606/
[11] Как радикально улучшить производительность вашего сайта (часть 1): https://hackernoon.com/how-to-radically-improve-your-website-performance-part-1-c728f4e5b08f
[12] Семантика HTML5: контентные типы и новые элементы: https://www.sitepoint.com/html5s-changed-perspective-on-content-types/
[13] HTML vs HTML5 – в чем разница?: https://www.keycdn.com/blog/html-vs-html5/
[14] Правила использования ARIA в HTML: https://bitsofco.de/rules-for-using-aria-in-html/
[15] Упрощаем верстку отзывчивых HTML писем с помощью MJML: https://www.smashingmagazine.com/2017/01/making-responsive-html-email-coding-easy-with-mjml/
[16] Нужен Lorem Ipsum? Внутри HTML? : https://css-tricks.com/need-lorem-ipsum-inside-html/
[17] Кто ты такой, Service Worker?: https://medium.com/high-technologies-center/%D0%BA%D1%82%D0%BE-%D1%82%D1%8B-%D1%82%D0%B0%D0%BA%D0%BE%D0%B9-service-worker-9bce3b1201b6
[18] Offline-first для вашего шаблонизированного сайта (часть 2): https://jeffy.info/2017/01/24/offline-first-for-your-templated-site-part-2.html
[19] Имплементация «Save For Offline» с помощью Service Workers : https://una.im/save-offline/
[20] Создание доступного вспомогательного тултипа : https://sarasoueidan.com//blog/accessible-tooltips/
[21] Webpack Tutorial: разбираемся, как оно работает : https://www.ag-grid.com/ag-grid-understanding-webpack/
[22] npm для новичков: руководство для разработчиков фронтенда: https://www.impressivewebs.com/npm-for-beginners-a-guide-for-front-end-developers/
[23] Как мы должны загружать веб-компоненты?: https://paul.kinlan.me/loading-web-components/
[24] Иллюстрированные алгоритмы: Algorithm → AST → CSS (3 x JavaScript): https://github.com/skidding/illustrated-algorithms
[25] Map Rollovers: http://mediatemple.net/blog/tips/map-rollovers/
[26] А если без JavaScript?: https://habrahabr.ru/post/320668/
[27] Понимание процесса визуализации: https://habrahabr.ru/post/320430/
[28] CSS-анимации: Transitions и Animations. Motion Path Module CSS : https://stfalcon.com/ru/blog/post/animation-css
[29] Новый display:flow-root — не clearfix, но что это и зачем?: http://css-live.ru/faq/displayflow-root-not-clearfix.html
[30] Шпаргалка по Flexbox от Юли Бухваловой, с живыми демками и определениями из спеки : http://yoksel.github.io/flex-cheatsheet/
[31] Время clearfix хака подошло к концу?: https://rachelandrew.co.uk/archives/2017/01/24/the-end-of-the-clearfix-hack/
[32] Давайте взглянем на 50+ интересных свойств и значений в CSS: https://css-tricks.com/lets-look-50-interesting-css-properties-values/
[33] Простое использование CSS Grid: https://theboldreport.net/2017/01/a-simple-use-of-css-grid/
[34] Простая CSS анимация с помощью @keyframes: http://webdesignerwall.com/tutorials/easy-css-animation-using-keyframes
[35] Как создание сотен хип-хоп битов помогли мне понять HTML и CSS: https://medium.freecodecamp.com/how-making-hundreds-of-hip-hop-beats-helped-me-understand-html-and-css-cb7c61e847cf
[36] Пошаговое руководство по алгоритму автоматического размещения в CSS Grid: https://www.sitepoint.com/a-step-by-step-guide-to-the-auto-placement-algorithm-in-css-grid/
[37] Sass FUNction Demos: http://jonibologna.com/sass-function-demos/
[38] Архитектура CSS для множественных сайтов с помощью SASS: https://medium.com/@elad/css-architecture-for-multiple-websites-with-sass-7e923fc53f7a
[39] Мнения лидеров мнений бывают вредны: http://cssmojo.com/opinions_of_leaders_considered_harmful/
[40] Стандарт JavaScript: https://ponyfoo.com/articles/standard
[41] Куда будут двигаться JavaScript фреймворки в 2017-м?: http://blog.debugme.eu/javascript-frameworks-libraries-2017/
[42] Рефакторинг 30000 строк JS кода с помощью типов: https://www.reaktor.com/blog/refactoring-30000-lines-js-types/
[43] Полезность бесполезных JavaScript фреймворков: https://blog.hellojs.org/the-usefulness-of-useless-javascript-frameworks-74f99be72635
[44] Meteor в 2017: https://blog.meteor.com/meteor-in-2017-ad92d777c12d
[45] Что нового в jQuery 3 || 17 добавленных фич и как их использовать: http://www.rankred.com/whats-new-in-jquery-3-added-features-how-to-use-them/
[46] Прототипное наследование в JS объясненное с помощью CSS: https://medium.freecodecamp.com/understanding-prototypal-inheritance-in-javascript-with-css-93b2fcda75e4
[47] JavaScript методы работы с массивами: изменяемые и неизменяемые: http://lorenstewart.me/2017/01/22/javascript-array-methods-mutating-vs-non-mutating/
[48] Фильтрация и цепочки в функциональном JavaScript: https://www.sitepoint.com/filtering-and-chaining-in-functional-javascript/
[49] Как я написал самую быструю в мире библиотеку для мемоизации: https://community.risingstack.com/the-worlds-fastest-javascript-memoization-library/
[50] Работа с HTTP потоками с Cycle.js: http://ivanjov.com/working-with-http-streams-with-cycle-js/
[51] Async/await это шаг назад для JavaScript'a?: https://habrahabr.ru/post/320306/
[52] Как использовать JavaScript Fetch API для получения данных: https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data
[53] Подготовсья к собеседованию по JavaScript: что такое промис?: https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-promise-27fc71e77261
[54] Регулярки ECMAScript будут ещё лучше!: https://mathiasbynens.be/notes/es-regexp-proposals
[55] Предложение для ES: SharedArrayBuffer и atomics: http://www.2ality.com/2017/01/shared-array-buffer.html
[56] ES6 и не только: воркшоп в PayPal (январь 2017): https://www.youtube.com/watch?v=t3R3R7UyN2Y
[57] Angular или React – попробуй и то и другое, оно того стоит: http://www.dzurico.com/angular-or-react-try-both-of-them/
[58] Глубокое погружение в декораторы Angular: https://toddmotto.com/angular-decorators
[59] Наше путешествие по миграции 100k строк кода с AngularJS на React (часть 1): https://tech.small-improvements.com/2017/01/25/how-to-migrate-an-angularjs-1-app-to-react/
[60] Введение в Observable для Angular разработчиков: http://developer.telerik.com/topics/web-development/introduction-observables-angular-developers/
[61] Релиз React 15.5 и 16 Umbrella: https://github.com/facebook/react/issues/8854
[62] Лучше практики по написанию компонентов React: https://medium.com/code-life/our-best-practices-for-writing-react-components-dec3eb5c3fc8
[63] Redux с React – первый взгляд: http://www.jomendez.com/2017/01/26/redux-with-react-first-look/
[64] Оптимизация производительности твоего React приложения: https://auth0.com/blog/optimizing-react/
[65] react-redux-universal-boilerplate: https://github.com/kiki-le-singe/react-redux-universal-boilerplate
[66] Jest для всех: Episode 1 — Vue.js: https://medium.com/@kentaromiura_the_js_guy/jest-for-all-episode-1-vue-js-d616bccbe186
[67] Управление состоянием во Vue.js с Vuex: https://alligator.io/vuejs/intro-to-vuex/
[68] tilt.js: http://gijsroge.github.io/tilt.js/
[69] qart.js: https://github.com/kciter/qart.js
[70] Улучшения Chrome и Firefox ускорили перезагрузку страниц на 28-50%: https://geektimes.ru/post/285208/
[71] Релиз Firefox 51: http://www.opennet.ru/opennews/art.shtml?num=45909
[72] + технические детали в блоге Марата Таналина: http://tanalin.com/blog/2017/01/firefox-51/
[73] Тестирование Firefox 52-beta и Firefox Developer Edition 53: http://www.opennet.ru/opennews/art.shtml?num=45939
[74] Выпуск web-браузера Chrome 56: http://www.opennet.ru/opennews/art.shtml?num=45924
[75] Новинки Safari: https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_1.html
[76] Google Chrome и Mozilla Firefox сделают маркировки о безопасности сайтов более навязчивыми: https://tjournal.ru/40294-google-chrome-i-mozilla-firefox-sdelaut-markirovki-o-bezopasnosti-saitov-bolee-navyazchivimi
[77] Следом за MongoDB начались атаки на CouchDB, Hadoop и ElasticSearch: http://www.opennet.ru/opennews/art.shtml?num=45903
[78] «Это был один из самых ужасных дней карьеры»: как ошибаются неопытные сотрудники IT-компаний: http://ain.ua/oshibki-neopytnyh-sotrudnikov
[79] Долгожители в сфере IT: самая старая из действующих программ и другие ветераны вычислительного труда: https://tproger.ru/translations/oldest-still-running-software-ever/
[80] История про плохого программиста, или Как не надо идти в IT: http://ain.ua/istoriya-pro-ploxogo-programmista
[81] Популярные технологии программирования в 2017 году — исследования Stack Overflow и других компаний: https://vc.ru/p/what-language-2017
[82] Тренажёр по скоростному набору кода для программистов: https://tproger.ru/tools/speedcoder/
[83] Эксперты IBM сделали пять предсказаний о жизни в 2022 г.: https://naked-science.ru/article/sci/eksperty-ibm-sdelali-pyat-predskazaniy
[84] Сложные люди в IT и что с ними делать?: https://dou.ua/lenta/columns/complicated-people-in-it/
[85] Почему крах Xiaomi похоронит идею доступных смартфонов: https://life.ru/t/%D0%B3%D0%B0%D0%B4%D0%B6%D0%B5%D1%82%D1%8B/963749/pochiemu_krakh_xiaomi_pokhoronit_idieiu_dostupnykh_smartfonov
[86] Виталий Фридман: «Реклама не работает, ведь каждый третий читатель использует adblocker»: http://telegraf.design/vitaly-friedman-nuzhno-udivlyat-kachestvom-raboty/
[87] Дания назначит первого в мире «цифрового посла» для переговоров с Apple, Google и другими корпорациями: http://ain.ua/daniya-naznachit-cifrovogo-posla
[88] Как WASD стала стандартной схемой управления на ПК: https://dtf.ru/2976-kak-wasd-stala-standartnoy-shemoy-upravleniya-na-pk
[89] Какие технологические уловки и хитрости используют современные детективы: https://daily.afisha.ru/technology/4283-kakie-tehnologicheskie-ulovki-i-hitrosti-ispolzuyut-sovremennye-detektivy/
[90] Следующая большая техническая революция произойдет в вашем ухе Facebook: http://rb.ru/longread/tech-revolution/
[91] Робот доказал, что он не робот, обойдя соответствующую капчу: http://itc.ua/blogs/robot-dokazal-chto-on-ne-robot-oboydya-sootvetstvuyushhuyu-kapchu/
[92] Подразделения Alphabet, занимающиеся технологиями будущего, все еще убыточны, но убытки уменьшаются, а выручка растет: http://itc.ua/news/podrazdeleniya-alphabet-zanimayushhiesya-tehnologiyami-budushhego-vse-eshhe-ubyitochnyi-no-ubyitki-umenshayutsya-a-vyiruchka-rastet/
[93] Gmail будет блокировать прикреплённые .js файлы с 13-го февраля, 2017-го: https://gsuiteupdates.googleblog.com/2017/01/gmail-will-restrict-js-file-attachments.html
[94] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/320166/
[95] dersmoll: http://habrahabr.ru/users/dersmoll/
[96] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[97] Источник: https://habrahabr.ru/post/320754/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best
Нажмите здесь для печати.