- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка [1] |
CSS [2] |
Javascript [3] |
Занимательное [4] |
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [96].
Материал подготовили dersmoll [97] и alekskorovin [98].
Автор: Zfort Group
Источник [99]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/256414
Ссылки в тексте:
[1] Веб-разработка: #webdev
[2] CSS: #css
[3] Javascript: #js
[4] Занимательное: #intresting
[5] Подкаст Пятиминутка React #18 — pnpm: http://5minreact.ru/18-pnpm/
[6] Зачем нужен БЭМ? — HTML Шорты: https://www.youtube.com/watch?v=lQPs20b3Ey8
[7] Экспорт графики для веба, Виталий Зюзин — HTML Academy: https://www.youtube.com/watch?v=EuDqhvPmQKI&feature=youtu.be
[8] Какое будущее у фронтенд разработки?: https://css-tricks.com/future-front-end-web-development/
[9] Как долго должен существовать сайт?: https://medium.com/stories-from-upstatement/how-long-should-your-website-last-44c0433c153b
[10] Делаем ли мы веб слишком сложным?: http://seldo.com/weblog/2017/05/21/are_we_making_the_web_too_complicated
[11] REST 2.0 уже здесь и его название GraphQL: https://www.sitepoint.com/rest-2-0-graphql/
[12] Справочник по анализу производительности в Chrome DevTools: https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference
[13] Вне пузыря: производительность в реальном мире: https://building.calibreapp.com/beyond-the-bubble-real-world-performance-9c991dcd5342
[14] Frontend Optimization Handbook: http://www.oreilly.com/web-platform/free/files/hpe-frontend-optimization-handbook.pdf
[15] Руководство по оптимизации WordPress : https://gtmetrix.com/wordpress-optimization-guide.html
[16] asm-dom: https://github.com/mbasso/asm-dom
[17] Введение в философию Webpack: https://medium.com/devschacht/aggelos-arvanitakis-an-introduction-to-webpack-s-philosophy-d12415cc8594
[18] Вышел релиз npm v5.0.0:: http://blog.npmjs.org/post/161081169345/v500
[19] Этапы изучения Webpack, ч.2 — The Config: https://dev.to/nitishdayal/stages-of-learning-webpack-pt-2---the-config
[20] Что нового в DevTools (Chrome 60): https://developers.google.com/web/updates/2017/05/devtools-release-notes
[21] Инструменты для работы с HTML письмами: https://css-tricks.com/tools-html-email-workflow/
[22] Ускорение сайтов: принципы работы Progressive Web AMP: http://www.cossa.ru/152/162239/
[23] Исследуем прогрессивные веб-приложения в реальном мире: https://www.oreilly.com/learning/exploring-progressive-web-apps-in-the-real-world
[24] Правильный пуст создания PWA: https://www.keycdn.com/blog/progressive-web-apps/
[25] Создание PWA в контексте JavaScript фреймворков: https://css-tricks.com/production-progressive-web-apps-javascript-frameworks/
[26] Реализация Hacker News в качестве Progressive Web Apps: https://hnpwa.com/
[27] Shape Detection API: определение баркодов, лиц и текста в изображениях: https://deanhume.com/Home/BlogPost/shape-detection-api--detecting-barcodes--faces-and-text-inside-an-image/10158
[28] Подробно об ARIA. Причина и решение всех наших проблем доступности: http://webaim.org/blog/aria-cause-solution/
[29] Почему заголовки и лендмарки так важны? : https://www.youtube.com/watch?v=vAAzdi1xuUY
[30] Улучшения доступности в EdgeHTML 15: https://blogs.windows.com/msedgedev/2017/05/25/accessibility-improvements-edgehtml-15/
[31] Что лежит в основе SVG: https://medium.com/@pnowelldesign/stuff-at-the-top-of-an-svg-f3ad198eb54e
[32] Продвинутая работа с SVG иконками с помощью SnapAnimationStates, плагина к snap.svg: https://css-tricks.com/snap-animation-states/
[33] Как создать интерактивные карты на SVG с react, topojson и d3-geo: https://medium.com/@zimrick/how-to-create-pure-react-svg-maps-with-topojson-and-d3-geo-e4a6b6848a98
[34] Интерактивный эффект фокусировки при наведении мыши: https://codepen.io/Trinca/pen/dWejMB
[35] Красиво анимированные точки с помощью WebGL и regl: http://peterbeshai.com/beautifully-animate-points-with-webgl-and-regl.html
[36] Морфинг фоновых фигур по скроллу: https://tympanus.net/codrops/2017/05/23/on-scroll-morphing-background-shapes/
[37] Gif masking в SVG: https://codepen.io/sdras/pen/BReNEN
[38] Бегущий неоновый текст на «чистом CSS»: http://codepen.io/giana/full/qmKNeE/
[39] Видео с moscowcss_3 : https://www.youtube.com/playlist?list=PLAf_MJ7SOshF2_9ApXmZ-iGmfgfKQm7Vu
[40] часть 1: https://blog.lunarcollective.co/a-solid-solution-to-css-9f48f5663332
[41] часть 2: https://blog.lunarcollective.co/a-solid-solution-ii-f30507a8b134
[42] часть 3: https://blog.lunarcollective.co/a-solid-solution-iii-9a2f8439633c
[43] Унифицированный язык стилизации: https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660
[44] 11 вещей, которые и выучил, читая спецификацию flexbox: https://medium.com/@david.gilbertson/11-things-i-learned-reading-the-flexbox-spec-5f0c799c776b
[45] Как изучить Flexbox за 10 минут: https://medium.com/@jyek/flexbox-in-10-minutes-7295497804ed
[46] Хорошее время, чтобы понять CSS layout: https://www.rachelandrew.co.uk/archives/2017/05/24/a-very-good-time-to-understand-css-layout/
[47] Архитектура CSS и лучшие практики: https://www.youtube.com/watch?v=CvJj8hfC9nk
[48] Собственные темы с Angular Material: https://blog.thoughtram.io/angular/2017/05/23/custom-themes-with-angular-material.html
[49] Невероятный JavaScript — трюки, недоразумения и необычные возможности: https://habrahabr.ru/company/jugru/blog/329302/
[50] JavaScript: элементы стиля: https://habrahabr.ru/company/ruvds/blog/329152/
[51] Путь к трансдьюсерам на чистом JavaScript: https://habrahabr.ru/company/ruvds/blog/329536/
[52] Жизнь и удивительные приключения в экзотических JavaScript окружениях: https://habrahabr.ru/company/codabra/blog/329646/-i-udivitelnye-priklyucheniya-v-ekzot
[53] #19 — React Europe и Holy JS: http://5minreact.ru/19-reacteurope-holyjs/
[54] f(вторник): введение: https://medium.com/devschacht/ftuesday-introduction-c2ed010bb75d
[55] Ленивый синтаксический анализ JavaScript в V8: https://medium.com/devschacht/lazy-javascript-parsing-in-v8-99b5c3a6cbba
[56] Видео с MinskJS Meetup #2: https://www.youtube.com/playlist?list=PL-whh3wS8xsKLNp3J7Jg9LkWBbbx5T1Q6
[57] Топ 7 фреймворков JavaScript: https://hackernoon.com/top-7-javascript-frameworks-c8db6b85f1d0
[58] Функции высокого порядка в Lodash: http://pragmatists.pl/blog/2017/05/higher-order-functions-in-lodash/
[59] Состояние JavaScript модулей: https://medium.com/webpack/the-state-of-javascript-modules-4636d1774358
[60] JavaScript и оператор расширения: https://hackernoon.com/javascript-the-spread-operator-a867a71668ca
[61] Что такое Event Bubbling в JavaScript? Обяснение Event Propagation: https://www.sitepoint.com/event-bubbling-javascript/
[62] Введение в управление данными и визуализации в JavaScript: https://www.sitepoint.com/data-management-visualization-javascript/
[63] Управление асинхронными зависимостями с JavaScript: https://hackcabin.com/post/managing-async-dependencies-javascript/
[64] chromatism — простой набор утилит для работы с цветами: https://github.com/toish/chromatism
[65] Краткая и неполная история бандлеров JavaScript: https://nolanlawson.com/2017/05/22/a-brief-and-incomplete-history-of-javascript-bundlers/
[66] JavaScript фреймворки для юнит тестирования: сравнение Jasmine, Mocha, AVA, Tape и Jest: https://raygun.com/blog/javascript-unit-testing-frameworks/
[67] iD3 — IDE для D3.js: http://d3-id3.com/
[68] Как добиться повторного использования React компонентов (Перевод): https://habrahabr.ru/post/329510/
[69] Анонс styled-components v2: https://medium.com/styled-components/announcing-v2-f01ef3766ac2
[70] Как структурировать ваш проект на React: https://daveceddia.com/react-project-structure/
[71] Создание приложения React VR : https://blog.pusher.com/building-a-realtime-react-vr-app/
[72] React Forms: использование Refs: https://css-tricks.com/react-forms-using-refs/
[73] react-live: https://github.com/FormidableLabs/react-live
[74] editor: https://github.com/ory/editor
[75] Формы и кастомные поля ввода в Angular 2+: https://habrahabr.ru/company/tinkoff/blog/323270/
[76] Создание семантических компонентов в Angular и React: http://blog.scottlogic.com/2017/05/24/creating-semantic-components-in-angular-and-react.html
[77] Превращение Angular контроллеров в ES6 классы: http://www.codelord.net/2017/05/20/converting-angular-controllers-to-es6-classes/
[78] Управление состоянием во Vue: начинаем знакомиться с Vuex: https://scotch.io/tutorials/state-management-in-vue-getting-started-with-vue
[79] Переключаемся с React на Vue.js: http://vuejsdevelopers.com/2017/05/28/switch-from-react-to-vue-js/
[80] Как мигрировать с AngularJS на Vue: https://medium.com/@npayot/how-to-migrate-from-angularjs-to-vue-4a1e9721bea8
[81] Статья, на которую можно ссылаться: что такое блокчейн: https://habrahabr.ru/company/emercoin/blog/329276/
[82] Stack Overflow вывел из Vim уже больше миллиона пользователей: https://habrahabr.ru/company/everydaytools/blog/329514/
[83] Итоги WannaCry: подборка основных материалов на «Хабрахабре» и не только: https://habrahabr.ru/company/spbifmo/blog/329512/
[84] Рейтинг ИТ-книг 2017: https://dou.ua/lenta/articles/top-books-2017/#sum
[85] Microsoft переводит разработку Windows на Git: http://www.opennet.ru/opennews/art.shtml?num=46593
[86] Google будет автоматически конвертировать медийные объявления в AMP: https://www.searchengines.ru/google-amp-ads.html
[87] Facebook создал решение для интеграции Instant Articles, AMP и Apple News: https://www.searchengines.ru/fb-instant-art.html
[88] Нейросеть написала кулинарную книгу: https://nplus1.ru/news/2017/05/26/ai-book
[89] «Скиапарелли» сгубила тригонометрия: https://nplus1.ru/blog/2017/05/24/schiaparelli-fail
[90] 4 самых важных фактора ранжирования Google в 2017 году: https://www.searchengines.ru/google-rank-factors.html
[91] Рабы XXI века: https://nplus1.ru/material/2017/05/22/ghostinashell
[92] Как проходит стажировка в Microsoft — рассказ студента: https://ain.ua/2017/05/23/student-proxodit-stazhirovka-v-microsoft
[93] MP3 умер? Да здравствует MP3!: http://www.computerra.ru/166940/mp3/
[94] Chrome выиграл: https://andreasgal.com/2017/05/25/chrome-won/
[95] Сатана объясняет HTML с помошью DEATH METAL: https://www.youtube.com/watch?v=27dnddCq5gc
[96] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/329142/
[97] dersmoll: http://habrahabr.ru/users/dersmoll/
[98] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[99] Источник: https://habrahabr.ru/post/329658/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best
Нажмите здесь для печати.