Дайджест свежих материалов из мира фронтенда за последнюю неделю №225 (22 — 28 августа 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Новости и занимательное: #intresting

[6] Пишите меньше кода, блин: https://habrahabr.ru/post/308308/

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

[8] Подкаст Frontflip, выпуск №20:: http://frontflip.me/2016/08/25/elm-and-platypus.html

[9] Анимации: ищем общий язык: http://css-live.ru/articles/animacii-ishhem-obshhij-yazyk.html

[10] Communicating Animation: http://alistapart.com/article/communicating-animation

[11] Быстрый старт: https://ru.bem.info/methodology/quick-start/

[12] CSS по БЭМ: https://ru.bem.info/methodology/css/

[13] Как фронтенд-разработка может улучшить искусственный интеллект: https://ines.io/blog/how-front-end-can-improve-ai

[14] Доступный в оффлайне контент с помощью сервис-воркеров: https://madebymike.com.au//writing/service-workers/

[15] Использование изображений в формате WebP: https://css-tricks.com/using-webp-images/

[16] Markapp: http://markapp.io/

[17] Carbide: https://alpha.trycarbide.com/

[18] Производительность означает прогрессивное улучшение: http://codepen.io/tigt/post/performance-means-progressive-enhancement

[19] Несколько подсказок по HTML: https://hacks.mozilla.org/2016/08/a-few-html-tips/

[20] Воспитание кодера занимает много времени: https://medium.freecodecamp.com/it-takes-a-village-to-raise-a-coder-209b4e1d00f0

[21] Настройка прогрессивных веб-приложений с amp-install-serviceworker: https://mobiforge.com/design-development/bootstrapping-progressive-web-apps-with-amp-install-serviceworker

[22] Создание первого плагина к Atom-у: https://github.com/blog/2231-building-your-first-atom-plugin

[23] Визуализации концепций GraphQL: https://medium.com/apollo-stack/the-concepts-of-graphql-bc68bd819be3

[24] Flash умрёт в декабре: да здравствует HTML5 видео проигрыватель: http://blog.peer5.com/flash-is-dying-in-december-long-live-html5-video-player/

[25] «SVG So Very Good»: https://www.youtube.com/watch?v=xLR_1Ud_FwM

[26] Inline SVG – как я перестал беспокоиться и полюбил gzip: https://manu.ninja/inline-svg-how-i-learned-to-stop-worrying-and-love-gzip

[27] Как использовать WebPageTest и его API: https://css-tricks.com/use-webpagetest-api/

[28] Быстрый совет по работе с JavaScript Battery API: http://tutorialzine.com/2016/08/working-with-the-javascript-battery-api/

[29] Введение в Web Audio API: https://www.sitepoint.com/premium/screencasts/an-introduction-to-the-web-audio-api

[30] Создание прогрессивного веб-приложения с помощью Web Bluetooth API: https://medium.com/@urish/start-building-with-web-bluetooth-and-progressive-web-apps-6534835959a6

[31] Локальное кеширование результатов полученных AJAX запросов: обертка Fetch API: https://www.sitepoint.com/cache-fetched-ajax-requests/

[32] По старшинству. Когда порядок в CSS важен: https://medium.com/@ABatickaya/%D0%BF%D0%BE-%D1%81%D1%82%D0%B0%D1%80%D1%88%D0%B8%D0%BD%D1%81%D1%82%D0%B2%D1%83-%D0%BA%D0%BE%D0%B3%D0%B4%D0%B0-%D0%BF%D0%BE%D1%80%D1%8F%D0%B4%D0%BE%D0%BA-%D0%B2-css-%D0%B2%D0%B0%D0%B6%D0%B5%D0%BD-73c31c064ba#.iw2oovd24

[33] Style Validator: http://style-validator.io/

[34] Примеры использования Fixed Backgrounds в CSS: https://css-tricks.com/use-cases-fixed-backgrounds-css/

[35] 3 скрытых совета по CSS: https://gist.github.com/nepsilon/e6ee01bbcda0f074bd8f3dbc7f68b501

[36] Восемь хитрых трюков по использованию CSS: https://www.sitepoint.com/8-clever-tricks-with-css-functions/

[37] Улучшение структуры данных с помощью Sass Maps: http://vanseodesign.com/css/sass-maps/

[38] Представление CSS свойства «font-display»: http://www.webdesignerdepot.com/2016/08/introducing-css-new-font-display-property/

[39] Улучшение CSS анимаций с помощью движений по кривым: https://www.smashingmagazine.com/2016/08/css-animations-motion-curves/

[40] Как выбрать правильные CSS инструменты и фреймворки: https://www.sitepoint.com/how-to-choose-the-right-css-toolkits-and-frameworks/

[41] Использование CSS3 счетчиков для нумерации Figure и таблиц: https://olivierpieters.be/blog/2016/08/23/using-css3-counters-for-figure-table-and-numbering.html

[42] Как использовать модульный паттерн в таблицах стилей SCSS/SASS: https://medium.com/@marcmintel/how-to-use-the-module-pattern-in-your-scss-sass-stylesheets-89fe38a6e1f3

[43] Летящая ракета на чистом CSS: http://codepen.io/krystalcampioni/pen/XKxgoq

[44] Введение в новую единицу CSS Grid «fr» в новом видео от Rachel Andrew: https://www.youtube.com/watch?v=emPrqS3e_nE

[45] Node.js и JavaScript вместо ветхого веба: https://habrahabr.ru/post/306584/

[46] Стоит ли Typescript усилий?: https://habrahabr.ru/post/308374/

[47] JavaScript Performance, базы данных и поиски «серебряной пули»: видеозаписи ТОП-5 докладов HolyJS 2016: https://habrahabr.ru/company/jugru/blog/308410/

[48] Опрос: текущее состояние JavaScript: http://stateofjs.com/

[49] Быстрая подсказка: получение параметров URL с JavaScript: https://www.sitepoint.com/get-url-parameters-with-javascript/

[50] О ненависти к NodeJS: http://harmful.cat-v.org/software/node.js

[51] Composition Is King: https://www.joezimjs.com/javascript/composition-is-king/

[52] Почему я все ещё использую function в JavaScript?: https://habrahabr.ru/post/308446/

[53] Введение в каррирование в JavaScript: http://prgssr.ru/development/vvedenie-v-karrirovanie-v-javascript.html

[54] О ключевом слове «this» языка JavaScript: особенности использования с пояснениями: https://tproger.ru/translations/javascript-this-keyword/

[55] ES6, var против let: http://www.jstips.co/en/keyword-var-vs-let/

[56] Для чего необходимы типы: http://jaysoo.ca/2016/08/23/why-you-need-types/

[57] Является ли твоя JavaScript функция действительно чистой?: http://staltz.com/is-your-javascript-function-actually-pure.html

[58] Что нового в Marionette.js 3.0?: https://habrahabr.ru/post/308138/

[59] Getting started with new version: http://blog.marionettejs.com/2016/08/23/marionette-v3/index.html

[60] Состояние JavaScript: Front-End фреймворки: https://medium.com/@sachagreif/the-state-of-javascript-front-end-frameworks-1a2d8a61510

[61] React FAQ: https://github.com/timarney/react-faq

[62] React паттерны: http://reactpatterns.com/

[63] BookReactJS для чайников: почему и как изучать React Redux правильно: https://reactjs.co/

[64] Компоненты ReactJS: изучение основ: https://scotch.io/tutorials/reactjs-components-learning-the-basics

[65] Работа с данными в React: свойства и State: https://www.sitepoint.com/working-with-data-in-react-properties-state/

[66] Игра на React — охота слона на тако: http://codepen.io/sdras/pen/YWBdQd

[67] react-music — создаем бит с помощью React: https://github.com/FormidableLabs/react-music

[68] react-static-plate — создание статических сайтов с помощью React и CSS Modules с хостингом на Amazon S3, Github Pages, Surge и т.п.: https://github.com/webyak/react-static-plate

[69] Новые горизонты с Horizon, RethinkDB и React: http://julian.io/new-horizons-with-horizon-rethinkdb-and-react/

[70] Как изучать Angular: http://sixrevisions.com/javascript/learn-angular/

[71] Angular 1 с использованием архитектуры Redux: http://blog.grossman.io/angular-1-using-redux-architecture/

[72] От ng-class к привязке свойств: http://ngmigrate.telerik.com/from-ng-class-to-property-binding

[73] 19 Советов по облегчению изучения Angular 2 от Cody Lindley: http://developer.telerik.com/featured/19-tips-to-make-learning-angular-2-easier/

[74] Эксперимент с веб аудио: определение нот пианино: https://medium.com/@david.gilbertson/a-web-audio-experiment-666743e16679

[75] Создание музыкального комплекса на ванильном JavaScript: https://www.sitepoint.com/music-jam-station/

[76] Создание собственного фильтра (pipe) в Angular 2: http://ngmigrate.telerik.com/custom-pipes-angular-2

[77] Вращающиеся по направлению к мыши либо местам тача элементы: http://thenewcode.com/1124/Rotating-Elements-To-Mouse-and-Touch-Locations-Using-JavaScript

[78] Создание смайлика на CSS, чьи глаза следят за курсором: http://thenewcode.com/1127/Make-a-CSS-Smiley-Face-with-Dynamic-Googly-Eyes

[79] Создание ударной установки с Ember.js: https://www.youtube.com/watch?v=dDPAUcxQ3lA

[80] Grade.js: http://benhowdle.im/grade/

[81] baffle.js: https://camwiegert.github.io/baffle/

[82] slate: https://github.com/ianstormtaylor/slate

[83] pluggable.js: https://jcbrand.github.io/pluggable.js/

[84] WebMonkeys: https://github.com/MaiaVictor/WebMonkeys

[85] Push.js: http://nickersoft.github.io/push.js/

[86] Odoo: https://github.com/coderitual/odoo

[87] in-view: https://github.com/camwiegert/in-view

[88] Исследователь рассказал об уязвимости в Chrome и Firefox из-за арабских доменов и эмодзи: https://vc.ru/n/arabic-fishing

[89] Google прекращает поддержку Chrome Apps на настольных системах: http://www.opennet.ru/opennews/art.shtml?num=45008

[90] В Firefox появится поддержка формата изображений Webp: http://itc.ua/blogs/v-firefox-poyavitsya-podderzhka-formata-izobrazheniy-webp/

[91] Surfingkeys — расширение возможностей браузера с javascript и клавиатурой (расширение для Chrome).: https://github.com/brookhong/Surfingkeys

[92] Mozilla запустила бесплатный сервис по сканированию сайтов (Observatory by Mozilla): https://tproger.ru/news/mozilla-launched-free-website-scanner/

[93] Технология Micropub получает статус CR в W3C: https://aaronparecki.com/2016/08/23/2/micropub-cr

[94] Facebook открыл код библиотеки классификации текста fastText: http://www.opennet.ru/opennews/art.shtml?num=45018

[95] наработки по распознаванию объектов на фотографиях: http://www.opennet.ru/opennews/art.shtml?num=45028

[96] Google не переходит по ссылкам в файлах SVG: https://www.searchengines.ru/google-links-svg.html

[97] Google понизит сайты с полноэкранными баннерами в мобильной выдаче с 2017 года: https://vc.ru/n/google-nobigbanners

[98] В поиске Google появилась возможность запускать некоторые игры, прослушивать издаваемые животными звуки и бросать монетку для принятия сложных решений: http://itc.ua/news/v-poiske-google-poyavilas-vozmozhnost-zapuskat-nekotoryie-igryi-proslushivat-izdavaemyie-zhivotnyimi-zvuki-i-brosat-monetku-dlya-prinyatiya-slozhnyih-resheniy/

[99] Opera реализовала бесплатный сервис VPN для Android: http://itc.ua/news/opera-realizovala-besplatnyiy-servis-vpn-dlya-android/

[100] Pinterest покупает Instapaper: http://keddr.com/2016/08/pinterest-pokupaet-instapaper/

[101] Список из 300 полезных Slack-сообществ для дизайнеров, разработчиков и менеджеров: https://vc.ru/p/ultimate-slack-list

[102] Увольнения топ-менеджеров и растущая капитализация: год после реорганизации Google в Alphabet: https://vc.ru/p/alphabet-year

[103] Список русскоязычных подкастов на тему информационных технологий.: https://github.com/AveVlad/russia-it-podcast

[104] Обзор Windows 10 Anniversary Update: снова отучаем «десятку» следить и шпионить: https://xakep.ru/2016/08/25/windows-10-spying-2/

[105] Ядру Linux исполнилось 25 лет: http://www.opennet.ru/opennews/art.shtml?num=45025

[106] Интернету — 25 лет! Тест на знание всемирной сети: http://disgustingmen.com/testyi/internet-happy-birthday-25

[107] Две дороги в глобальном мире хайтека: http://www.computerra.ru/154691/dve-dorogi-v-globalnom-mire-khayteka/

[108] Как учить детей математике, чтобы они ее не возненавидели: http://ain.ua/2016/08/26/666029

[109] Индустрии из прошлого: https://vc.ru/p/deadindustries

[110] Apple уже не торт, или Почему я перехожу на продукты Google: http://ain.ua/2016/08/22/665417

[111] Интерактивная веб-карта олимпийского Рио: http://rio2016interactivemap.com/

[112] GIF умер. Да здравствует GIF!: http://www.popularmechanics.com/technology/a21457/the-gif-is-dead-long-live-the-gif/

[113] Интернет плохо работающих вещей: https://mondaynote.com/the-internet-of-poorly-working-things-cda7a147af

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

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

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

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

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