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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №249 (6 — 12 февраля 2017)

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №249 (6 — 12 февраля 2017) - 1

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №249 (6 — 12 февраля 2017) - 19 CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №249 (6 — 12 февраля 2017) - 30 JavaScript

Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №249 (6 — 12 февраля 2017) - 63 Занимательное

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

Дайджест за прошлую неделю [83].
Материал подготовили dersmoll [84] и alekskorovin [85].

Автор: Zfort Group

Источник [86]


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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Подкаст Веб-стандарты, Выпуск №54: https://soundcloud.com/web-standards/episode-54

[7] Google дает возможность взаимодействовать с URL-ом страниц AMP: https://developers.googleblog.com/2017/02/whats-in-amp-url.html

[8] Оптимизируем фронтенд для браузера: https://medium.com/@sanjsanj/optimising-the-front-end-for-the-browser-f2f51a29c572

[9] Полифилы и эволюция веба: https://w3ctag.github.io/polyfills/

[10] HTML API: что это такое и как создать свой: https://www.smashingmagazine.com/2017/02/designing-html-apis/

[11] Блог WebKit: Новое поколение 3D графики в вебе: https://webkit.org/blog/7380/next-generation-3d-graphics-on-the-web/

[12] GitLab: раскрыты большие планы по фронтенду на проекте: https://about.gitlab.com/2017/02/06/vue-big-plan/

[13] Web Share API приносит возможности нативного шаринга в браузеры: https://blog.hospodarets.com/web-share-api

[14] Почему алгоритм Tree Shaking в Webpack 2 не так эффектвен, как вы думаете: https://advancedweb.hu/2017/02/07/treeshaking/

[15] WebPack — это не единственный путь для бандлинга: https://medium.com/fusebox/webpack-is-not-the-only-way-6ddb67e99be9

[16] Подкасты для дизайнеров и разработчиков в 2017-м: http://ddtomorrow.com/podcasts-for-designers-developers/

[17] Креативная реализация поискового интерфейса: https://tympanus.net/codrops/2017/02/08/inspiration-search-ui-effects/

[18] Анимация каруселей Bootstrap с помощью анимационной библиотеки GSAP: https://www.sitepoint.com/animating-bootstrap-carousels-gsap/

[19] Из чего сделан статический генератор сайтов?: https://css-tricks.com/really-makes-static-site-generator/

[20] Lepton — прекрасный клиент для работы с Gist, основанный на Electron: https://github.com/hackjutsu/Lepton

[21] Первый взгляд на производительность WebAssembly: http://www.stefankrause.net/wp/?p=405#firstlookwasm

[22] Голосование за логотип WebAssembly: https://github.com/WebAssembly/design/issues/980

[23] Основные фигуры и Path: особенности поведения clip-path, shape-outside и offset-path: https://css-tricks.com/basic-shapes-path-never-twain-shall-meet/

[24] Связка CSS и JS с помощью пользовательских свойств: https://sgom.es/posts/2017-02-10-bridging-css-and-js-with-custom-properties/

[25] Использование “C” в CSS: https://blog.graphitegtc.com/utilizing-the-c-in-css-ed1947657ea3

[26] Терминология CSS Grid Layout Terminology, объяснение: https://bitsofco.de/css-grid-terminology/

[27] Используем Fontello для загрузки иконочных шрифтов только там, где нужно: https://www.sitepoint.com/using-fontello-to-only-load-font-icons-that-you-need/

[28] Строим Flexbox-сетку с помощью Less: https://scotch.io/tutorials/build-a-flexbox-grid-with-less

[29] Code Smells in CSS Revisited: https://csswizardry.com/2017/02/code-smells-in-css-revisited/

[30] Введение в Reduced Motion Media Query : https://css-tricks.com/introduction-reduced-motion-media-query/

[31] Как я начала рисовать изображения на CSS: https://medium.com/@sashatran/how-i-started-drawing-css-images-3fd878675c89

[32] часть 1: https://csswizardry.com/2017/02/base64-encoding-and-performance/

[33] часть 2: https://csswizardry.com/2017/02/base64-encoding-and-performance-part-2/

[34] Обещание бургерной вечеринки: https://medium.com/web-standards/%D0%BE%D0%B1%D0%B5%D1%89%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B1%D1%83%D1%80%D0%B3%D0%B5%D1%80%D0%BD%D0%BE%D0%B9-%D0%B2%D0%B5%D1%87%D0%B5%D1%80%D0%B8%D0%BD%D0%BA%D0%B8-b0ed209809ab

[35] Производительность запуска приложений на JavaScript: https://medium.com/@addyosmani/javascript-start-up-performance-69200f43b201

[36] Инструментарий Javascript — эволюция и будущее инструментов сборки в JS: https://blog.qmo.io/javascript-tooling-the-evolution-and-future-of-js-front-end-build-tools/

[37] Все JavaScript фреймворки ужасны: https://medium.com/@mattburgess/all-javascript-frameworks-are-terrible-e68d8865183e

[38] Основы модульного JavaScript: https://medium.com/@crohacz_86666/basics-of-modular-javascript-2395c82dd93a

[39] JavaScript без циклов: http://jrsinclair.com/articles/2017/javascript-without-loops/

[40] Делаем AJAX-запросы снова великими: http://getmesh.io/Blog/Make+AJAX-Requests+Great+Again

[41] Обновленная информация по модулям ES6 в Node.js: https://medium.com/@jasnell/an-update-on-es6-modules-in-node-js-42c958b890c

[42] Манипуляция данными в функциональном стиле в JavaScript: http://www.applandeo.com/en/functional-like-data-manipulation-javascript/

[43] Mnemonist: https://yomguithereal.github.io/mnemonist/

[44] Тост за деструктуризацию в ES2015: https://philna.sh/blog/2017/02/09/toast-to-es2015-destructuring/

[45] Simple Statistics — статистические методы : http://simplestatistics.org/

[46] Vue.js Component Style Guide: https://medium.com/tldr-tech/vue-js-component-style-guide-711988d5e94e

[47] Подборка библиотек управления состояниями в Vue.js: https://alligator.io/vuejs/roundup-state-management-libraries/

[48] Сравнение фронтенд фреймворков для Vue.js: http://matthiashager.com/blog/vuejs-frontend-ui-frameworks-comparison

[49] Vuex вместе с Redux-saga: https://medium.com/@xanf/vuex-meets-redux-saga-e9c6b46555e

[50] DejaVue: https://github.com/MiCottOn/DejaVue

[51] Vuedeux — биндинг Vuex к Redux: https://vuedeux.com/

[52] «Масштабирование приложений с Vue и Firebase»: https://www.youtube.com/watch?v=Rp0GulJQJLY

[53] Pokemon Battle: https://medium.com/@michaelmangial1/vue-js-pokemon-battle-tutorial-380cd72eb681

[54] Pizza Maker: https://medium.com/@michaelmangial1/vue-js-pizza-maker-2f707254385c

[55] Angular — настройка среды разработки и production сборки с AOT-компиляцией и tree-shaking (Gulp, Rollup, SystemJS): https://habrahabr.ru/company/docsvision/blog/321236/

[56] Настройка вашего первого проекта на Angular (2) с использованием Angular Material (2): https://medium.com/@ladyleet/setting-up-your-first-angular-2-project-using-angular-material2-5db18a174165

[57] 10 причин, по которым я перешел с Angular на React: https://www.robinwieruch.de/reasons-why-i-moved-from-angular-to-react/

[58] Когда определять Action Creators в Redux: https://daveceddia.com/redux-action-creators/

[59] Кастомизация create-react-app: Как создать свой собственный шаблон: https://auth0.com/blog/how-to-configure-create-react-app/

[60] React Native в Instagram: https://engineering.instagram.com/react-native-at-instagram-dd828a9a90c7

[61] Как достигнуть переиспользования компонентов React: https://medium.com/walmartlabs/how-to-achieve-reusability-with-react-components-81edeb7fb0e0#.g1kl3yrbh

[62] История создания библиотеки MooTools: https://betweenthewires.org/between-the-wires-mootools-7ac80d4ca28f

[63] Представление GraphicsJS, мощной графиской библиотеки: https://www.sitepoint.com/introducing-graphicsjs-a-powerful-lightweight-graphics-library/

[64] Between : https://github.com/paraboul/between/

[65] .dom: https://github.com/wavesoft/dot-dom

[66] notti: https://github.com/luisvinicius167/notti

[67] Новая Opera 43 c технологией фоновой загрузки страниц на 13% быстрее предыдущей Opera 42: http://itc.ua/news/novaya-opera-43-c-tehnologiey-fonovoy-zagruzki-stranits-na-13-byistree-predyidushhey-opera-42/

[68] Выпуск web-браузера Vivaldi 1.7: http://www.opennet.ru/opennews/art.shtml?num=45999

[69] С 2018 года Gmail перестанет работать в браузере Chrome на Windows XP и Vista: http://gagadget.com/announce/25617-s-2018-goda-gmail-perestanet-rabotat-v-brauzere-chrome-na-windows-xp-i-vista/

[70] Баг в jQuery Mobile может обернуться XSS-уязвимостью для множества сайтов: https://xakep.ru/2017/02/10/jquery-mobile-xss/

[71] Массовый дефейс WordPress сайтов продолжается, а уведомления Google пугают пользователей: https://xakep.ru/2017/02/10/wp-deface/

[72] В Google научили нейронную сеть «восстанавливать» детали изображений с низким разрешением: http://itc.ua/news/v-google-nauchili-neyronnuyu-set-vosstanavlivat-detali-izobrazheniy-s-nizkim-razresheniem/

[73] Pinterest запустил Shazam для поиска объектов на фото: https://ain.ua/pinterest-zapustil-shazam-dlya-photo

[74] Facebook будет конкурировать с сервисами знакомств: https://ain.ua/facebook-vs-servicy-znakomstv

[75] Google анонсировала запуск платформы для проверки новостей в партнерстве с Facebook: https://tjournal.ru/40689-google-anonsirovala-zapusk-platformi-dlya-proverki-novostei-v-partnerstve-s-facebook

[76] Тим Кук заявил, что фейковые новости — это временное явление: https://tjournal.ru/40889-tim-kuk-zayavil-chto-feikovie-novosti-eto-vremennoe-yavlenie

[77] Есть ли предел техническому прогрессу?: https://naked-science.ru/article/video/est-li-predel-tehnicheskomu

[78] Анализ изменения популярности языков программирования в выходные дни: http://www.opennet.ru/opennews/art.shtml?num=46033

[79] Своеобразный юмор: как шутят в Google: https://ain.ua/yumor-v-google

[80] WWW: 5 лучших браузерных эмуляторов старых операционных систем и компьютеров: https://xakep.ru/2017/02/10/www-top5-browser-emulators/

[81] Хакер из Anonymous «положил» 20% даркнета: https://ain.ua/xakery-iz-anonymous-atakovali-20-darkneta

[82] 14 рекламных роликов, которые IT-компании показали на Super Bowl 2017: https://ain.ua/reklamnye-roliki-superboul-2017

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

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

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

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