- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка [1] |
CSS [2] |
Javascript [3] |
Браузеры [4] |
Занимательное [5] |
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [106].
Материал подготовили dersmoll [107] и alekskorovin [108].
Автор: Zfort Group
Источник [109]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/261040
Ссылки в тексте:
[1] Веб-разработка: #webdev
[2] CSS: #css
[3] Javascript: #js
[4] Браузеры: #browser
[5] Занимательное: #intresting
[6] CSSSR Garbage Collector #1: http://blog.csssr.ru/2017/07/19/cgc-1/
[7] Разбираемся с Shadow DOM: https://css-tricks.com/playing-shadow-dom/
[8] Измерение веб производительности; это довольно просто на самом деле : https://hackernoon.com/measuring-web-performance-its-really-quite-simple-adeda8f7f39e
[9] Размышления по поводу HTTP/2 и бандлинга: https://css-tricks.com/musings-on-http2-and-bundling/
[10] О нюансах использования Inline SVG на продакшене: https://css-tricks.com/gotchas-getting-inline-svg-production-part-ii/
[11] популярной статьи двухлетней давности: https://css-tricks.com/gotchas-on-getting-svg-into-production/
[12] Как прятать: https://www.youtube.com/watch?v=Ns0zijQJxH4
[13] «Frontend Weekend» FW #12: https://soundcloud.com/frontend-weekend/fw-12
[14] «Пятиминутка React» #26: https://www.youtube.com/watch?v=UP8UoXSr3aU&feature=youtu.be
[15] «Фронтёрки» #8: http://fronterki.fm/post/163175551163/shebanov
[16] «Фронтенд Юность» #10: https://soundcloud.com/frontend_u/e10
[17] Как сделать Progressive Web Apps: руководство новичка: https://habrahabr.ru/company/netologyru/blog/333544/
[18] Комьюнити выбрало официальный неофициальный логотип для Progressive Web Apps: https://medium.com/samsung-internet-dev/we-now-have-a-community-approved-progressive-web-apps-logo-823f212f57c9
[19] Подробное руководство для новичков по PWA : https://hackernoon.com/a-beginners-guide-to-progressive-web-apps-the-frontend-web-424b6d697e35
[20] Gulp и верстка простой AMP страницы: https://www.youtube.com/watch?v=ejOPpUNxXu4
[21] Как использовать AMP в WordPress: https://www.sitepoint.com/use-amp-with-wordpress/
[22] Как Accelerated Mobile Pages (AMP) могут улучшить вам SEO: https://medium.com/@giovanni_power7/accelerated-mobile-pages-160bec3c0d41
[23] WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha : https://habrahabr.ru/company/JetBrains/blog/333630/
[24] npm link на стероидах: https://habrahabr.ru/company/mailru/blog/333580/
[25] Webpack: основы настройки проекта на JavaScript и Sass: https://tproger.ru/translations/webpack-basics/
[26] Как использовать Polymer Webpack: https://medium.com/dev-channel/how-to-use-polymer-with-webpack-b41812d78b15
[27] bundle-buddy: https://github.com/samccone/bundle-buddy
[28] Концепты и Service Workers: https://scotch.io/tutorials/build-a-progressive-web-app-offline-git-trending-app-part-1-concepts-and-service-workers
[29] Кеширование и Оффлайн: https://scotch.io/tutorials/build-an-offline-git-trending-pwa-part-2-caching-and-offline
[30] Создание графики на HTML Canvas: https://egghead.io/courses/create-graphics-with-html-canvas
[31] Из грязи в князи, создание WebVR интерактива с помощью Babylon.js для всех платформ: https://www.davrous.com/2017/07/07/from-zero-to-hero-creating-webvr-experiences-with-babylon-js-on-all-platforms/
[32] Создание вращающейся 3D карусели на CSS и JavaScript: https://www.sitepoint.com/building-3d-rotating-carousel-css-javascript/
[33] GreenSock для новичков (часть 2): GSAP’s Timeline: https://www.sitepoint.com/greensock-beginners-part-2-gsaps-timeline/
[34] Слайдер изображений на CSS с использованием шаблонов SVG: https://codepen.io/damianmuti/pen/OgBWej
[35] Адаптивный анимированный дом на CSS: https://codepen.io/davidkpiano/full/xLKBpM/
[36] LEGO Loader: https://codepen.io/chrisgannon/full/yXmbMg/
[37] CSS — это не чёрная магия: https://habrahabr.ru/company/ruvds/blog/333506/
[38] Как создать эффект матового стекла на чистом CSS?: https://medium.com/@AmJustSam/how-to-do-css-only-frosted-glass-effect-e2666bafab91
[39] Let's Get Critical: минимизация блокирующего рендер CSS с помощью Webpack: https://vuejsdevelopers.com/2017/07/24/critical-css-webpack/
[40] Использование CSS для определения и подсчета простых чисел: https://github.com/xieranmaya/blog/issues/12
[41] Отключаем возможность зума в Google Maps iframe: https://codepen.io/Rplus/full/awMVjy/
[42] 4 техники для задания отзывчивых размеров шрифта с помощью: https://medium.com/@martijn.cuppens/4-techniques-for-responsive-font-sizing-with-scss-f663791c62f0
[43] RFS: миксин, автоматизирующий использование отзывчивой типографики: https://blog.intracto.com/rfs-automated-scss-responsive-font-sizing
[44] Что для веб-разработчиков означают вариабельные шрифты?: https://blog.prototypr.io/what-does-variable-fonts-mean-for-web-developers-2e2b96c66497
[45] Коллекция интересных фактов о CSS Grid Layout: https://css-tricks.com/collection-interesting-facts-css-grid-layout/
[46] Слайдшоу на CSS Grid Layout: https://tympanus.net/codrops/2017/07/19/css-grid-layout-slideshow/
[47] Rachel Andrew о причинах возникновения спецификации гридов и о проблемах, которые они решают: https://rachelandrew.co.uk/archives/2017/07/19/refer-to-the-spec-background-and-motivation/
[48] display:contents — это не CSS Grid Layout subgrid: https://rachelandrew.co.uk/archives/2017/07/20/why-display-contents-is-not-css-grid-layout-subgrid/
[49] Дели — сокращай, или как мы делали мобильный 2ГИС Онлайн: https://habrahabr.ru/company/2gis/blog/333016/
[50] Реактивные интерфейсы на нативном JavaScript — Часть 1: Чистый функциональный стиль: https://medium.com/devschacht/brandon-smith-reactive-uis-with-vanillajs-part-1-pure-functional-style-eab429612ba2
[51] Нейросети с нуля для JavaScript разработчиков (Часть 1: Перцептрон): https://medium.com/devschacht/neural-networks-from-scratch-for-javascript-linguists-part1-the-perceptron-30c64ee9dbba
[52] Состояние JavaScript в 2017: https://stateofjs.com/
[53] Десять вещей, которые серьезный JavaScript разработчик должен изучить: https://benmccormick.org/2017/07/19/ten-things-javascript/
[54] Скрытые сообщения в именах свойств в JavaScript: https://www.stefanjudis.de/hidden-messages-in-javascript-property-names.html
[55] Современный стек разработки фронтенда: https://www.linux.com/blog/learn/2017/7/modern-day-front-end-development-stack
[56] 6 нативных методов манипуляции DOM, вдохновленные jQuery: https://www.sitepoint.com/native-dom-manipulation-methods/
[57] Инструменты Javascript для end-to-end тестирования веб приложений: https://mo.github.io/2017/07/20/javascript-e2e-integration-testing.html
[58] Состояние интернационализации в JavaScript: https://www.sitepen.com/blog/2017/07/19/the-state-of-internationalization-in-javascript/
[59] Angular vs React vs Vue: https://medium.com/@harryho2/angular-vs-react-vs-vue-f470f5b74bf6
[60] Tiny-ES6-Notebook: https://github.com/mattharrison/Tiny-ES6-Notebook
[61] Фабричные функции JavaScript с ES6+: https://medium.com/javascript-scene/javascript-factory-functions-with-es6-4d224591a8b1
[62] CSSSR Live: Мастер-класс по Vue.js: https://www.youtube.com/watch?v=0QBv6mmwVYs
[63] CSSSR Pair Coding #1: Делаем учебный проект «Каталог фильмов» на Vue.js: https://www.youtube.com/watch?v=InAWVrLnycw
[64] Начинаем работать с Vue.js: https://medium.com/@diananina247/getting-started-with-vue-js-5850edf4c146
[65] Flue. Еще одна flux библиотека: https://medium.com/@FrancescoZ/flue-another-flux-library-82ff43f70899
[66] Как (безопасно) использовать jQuery плагины с Vue.js: https://medium.com/js-dojo/how-to-safely-use-a-jquery-plugin-with-vue-js-786acdfb743b
[67] История нашей прогрессивной миграции с Backbone на Vue.js: https://snipcart.com/blog/progressive-migration-backbone-vuejs-refactoring
[68] Как работать с Computed Properties в VueJS?: https://medium.com/@shivkumarganesh/learn-how-to-work-with-computed-properties-in-vuejs-304dbe20c070
[69] Как использовать вотчеры Vue.js для асинхронных обновлений?: https://medium.com/@shivkumarganesh/how-to-use-vue-js-watchers-for-async-updates-b9e77ca1f20f
[70] Vue.js API в терминале: https://github.com/p-adams/vue-help
[71] Vue.js: прогрессивный Javascript фреймворк: https://pusher.com/sessions/meetup/bristol-js/vuejs-the-progressive-javascript-framework
[72] В чём сила Redux?: https://habrahabr.ru/post/333848/%5Bperevod%5D-v-chyom-sila-redux-eto-perevo
[73] Пользователи React подписали петицию: http://oddstyle.ru/wordpress-2/novosti-wordpress/polzovateli-react-podpisali-peticiyu-k-facebook-dlya-relicenzirovaniya-react-js.html
[74] Петиция по релицензированию React: http://oddstyle.ru/wordpress-2/novosti-wordpress/peticiya-po-relicenzirovaniyu-react-byla-peredana-texnicheskim-direktoram-facebook.html
[75] Восемь вещей, которые необходимо изучить в React перед использованием Redux: https://www.robinwieruch.de/learn-react-before-using-redux/
[76] React Starter Kit: https://github.com/HosseinKarami/React-Starter-Kit/
[77] Введение в Hoodie и React: https://css-tricks.com/intro-hoodie-react/
[78] Как создать клон Reddit с использованием React и Firebase: https://www.sitepoint.com/reddit-clone-react-firebase/
[79] Как использовать React, ES6, Yarn и Webpack для создания WordPress плагина: https://wplobster.com/how-to-use-react-es6-yarn-and-webpack-to-build-a-wordpress-plugin/
[80] Как изучать React: план из пяти шагов: https://www.lullabot.com/articles/how-to-learn-react
[81] Angular 4 — Third Party API’s: https://medium.com/@Learn2Code/angular-4-third-party-apis-50ad4d18fe2b
[82] Lazy loading: разделение кода NgModules с Webpack: https://toddmotto.com/lazy-loading-angular-code-splitting-webpack
[83] Совмещаем формы Angular с @ngrx/store: https://netbasal.com/connect-angular-forms-to-ngrx-store-c495d17e129
[84] Popmotion: https://popmotion.io/
[85] RE:DOM: https://redom.js.org/
[86] mesh: https://github.com/chrispsn/mesh
[87] wade: https://github.com/KingPixil/wade
[88] GPU.JS: http://gpu.rocks/
[89] tiza: https://github.com/pd4d10/tiza
[90] Расширение Particle для Chrome сменило владельца и тут же стало вредоносным: https://xakep.ru/2017/07/17/particle-adware/
[91] Пересмотр рыночной доли Firefox: https://andreasgal.com/2017/07/19/firefox-marketshare-revisited/
[92] Новый Firefox и огромное количество табов: https://metafluff.com/2017/07/21/i-am-a-tab-hoarder/
[93] Превью Storage API в Firefox Nightly: https://blog.nightly.mozilla.org/2017/07/17/preview-storage-api-in-firefox-nightly/
[94] Рейтинг языков программирования 2017 года от издания IEEE Spectrum : http://www.opennet.ru/opennews/art.shtml?num=46901
[95] Что такое экономика токенов, или Почему блокчейн пожирает мир: https://ain.ua/2017/07/19/chto-takoe-ekonomika-tokenov
[96] Mozilla развивает свою систему распознавания речи: http://www.opennet.ru/opennews/art.shtml?num=46892
[97] YouTube закрывает сервис редактирования видео. Его никто не использует: https://ain.ua/2017/07/22/youtube-zakryvaet-editor
[98] Прибыль Microsoft превысила ожидания за счёт успехов в области облачных вычислений: https://3dnews.ru/955850/#5972f357b4182e57508b4570
[99] Google предлагает всем желающим виртуально прогуляться по МКС с помощью сервиса Street View: http://itc.ua/blogs/google-predlagaet-vsem-zhelayushhim-virtualno-progulyatsya-po-mks-s-pomoshhyu-servisa-street-view/
[100] Google добавила персонализированную ленту контента в своё мобильное приложение: http://itc.ua/news/google-dobavila-personalizirovannuyu-lentu-kontenta-v-svoyo-mobilnoe-prilozhenie/
[101] Как нам правильно купить шрифты, чтобы потом не было проблем с лицензиями?: http://bureau.ru/bb/soviet/20170722/
[102] Инструменты сводят с ума: https://rakh.im/tools_overhead/
[103] Школы vs. искусственный интеллект. Почему Wolfram Alpha стоит отдать должное: https://ain.ua/2017/07/17/shkoly-vs-iskusstvennyj-intellekt
[104] Google Glass возвращаются: https://www.searchengines.ru/google-glass-vozvrashhayutsya.html
[105] Представлен новый интерфейс GitLab: http://www.opennet.ru/opennews/art.shtml?num=46872
[106] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/333454/
[107] dersmoll: http://habrahabr.ru/users/dersmoll/
[108] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[109] Источник: https://habrahabr.ru/post/333948/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best
Нажмите здесь для печати.