Дайджест свежих материалов из мира фронтенда за последнюю неделю №226 (29 августа — 4 сентября 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] HTTP/2 уже здесь но спрайт-сеты ещё не умерли: https://habrahabr.ru/post/308862/

[7] 64bit-арифметика в браузере и WebAssembly: https://habrahabr.ru/post/308874/

[8] Недоступный веб: как мы развели такой бардак: https://habrahabr.ru/post/309076/

[9] The inaccessible web: how we got into this mess: https://uxdesign.cc/the-inaccessible-web-how-we-got-into-this-mess-7cd3460b8e32

[10] Ускоряем npm-скрипты: https://habrahabr.ru/post/308930/

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

[12] 400 тысяч GitHub-репозиториев, 1 миллиард файлов, 14 ТБ кода: пробелы или табуляция?: https://tproger.ru/news/spaces-or-tabs/

[13] Отчет о прошедшем FrontendFellows в Алматы: http://blog.itcrowd.kz/otchiet-o-proshiedshiem-frontendfellows-v-almaty/

[14] W3C Wiki и W3C specifications теперь используют протокол «путешествия во времени»: https://www.w3.org/blog/2016/08/memento-at-the-w3c/

[15] Разрушение мифов о веб-компонентах: http://www.backalleycoder.com/2016/08/26/demythstifying-web-components/

[16] Как перенести координаты из DOM в SVG и обратно : https://www.sitepoint.com/how-to-translate-from-dom-to-svg-coordinates-and-back-again/

[17] О том, как уменьшить сдвиг контента при загузке страницы: https://www.smashingmagazine.com/2016/08/ways-to-reduce-content-shifting-on-page-load/

[18] Врываемся в процесс: фронт-енд разработка с середины проекта: https://trackchanges.postlight.com/jumping-in-820217fcbef5

[19] «Я хочу ввести число»: https://www.filamentgroup.com/lab/type-number.html

[20] Правильное время, чтобы подумать о веб-производительности: https://css-tricks.com/right-time-think-web-performance/

[21] 11 простых трюков в npm, от которых вы будете в шоке: https://nodesource.com/blog/eleven-npm-tricks-that-will-knock-your-wombat-socks-off/

[22] Part 1: https://medium.com/@robdodson/the-case-for-custom-elements-part-1-65d807b4b439

[23] Part 2: https://medium.com/dev-channel/the-case-for-custom-elements-part-2-2efe42ce9133#.vy25vs8o2

[24] Осязаемая производительность — в погоне за скоростью по метрикам не забывайте о пользователе: https://www.keycdn.com/blog/perceived-performance/

[25] Индикация оффлайн состояния: https://justmarkup.com/log/2016/08/indicating-offline/

[26] Установка AMP в WordPress: http://code.tutsplus.com/tutorials/installing-amp-in-wordpress--cms-26272

[27] Slicing SVG 9 Ways: https://aerotwist.com/blog/slicing-svg-9-ways/

[28] Глитч-эффект на изображении с помощью HTML5 Canvas: http://thenewcode.com/1132/Glitch-Art-with-HTML5-Canvas

[29] Вдохновляющие индикаторы навигации: http://tympanus.net/codrops/2016/09/02/inspiration-navigation-indicators/

[30] CSS Containment: https://habrahabr.ru/post/309042/

[31] Невозможная типографика: http://prgssr.ru/development/nevozmozhnaya-tipografika.html

[32] Typography is impossible: https://medium.engineering/typography-is-impossible-5872b0c7f891#.rl3wnatka

[33] Разработка независимых расширяемых HTML и CSS компонентов: https://css-tricks.com/developing-extensible-html-css-components/

[34] Pantsuit: The Hillary Clinton UI pattern library: https://medium.com/git-out-the-vote/pantsuit-the-hillary-clinton-ui-pattern-library-238e9bf06b54

[35] Являются ли иконки контентом?: https://css-tricks.com/are-icons-content/

[36] Про Auto в CSS: https://www.sitepoint.com/atoz-css-auto/

[37] (+ скринкаст): https://www.sitepoint.com/premium/screencasts/atoz-css-the-css-value-of-auto

[38] Объяснение позиционирования в CSS с помощью сливочного мороженого: https://medium.freecodecamp.com/css-positioning-explained-by-building-an-ice-cream-sundae-831cb884bfa9

[39] Mobi.css: http://getmobicss.com/

[40] Spectre: еще один легкий CSS фреймворк: https://www.sitepoint.com/spectre-a-lightweight-css-framework/

[41] Рефакторинг CSS: три «И»: http://csswizardry.com/2016/08/refactoring-css-the-three-i-s/

[42] Имлементация на чистом CSS структуры Google Photos / 500px image layout: https://github.com/xieranmaya/blog/issues/6

[43] Забавы с CSS Pixel Art: https://css-tricks.com/fun-times-css-pixel-art/

[44] 20 профессиональных советов по написанию современного CSS: http://tutorialzine.com/2016/08/20-protips-for-writing-modern-css/

[45] Добавление условной логики в Sass c помощью директив контроля: http://vanseodesign.com/css/sass-control-directives-part-1/

[46] Математика в новой технике отзывчивой типографики «CSS locks»: http://fvsch.com/code/css-locks/

[47] Обрезка многострочного текста с помощью EQCSS: http://codepen.io/tomhodgins/pen/KgKggX

[48] Всплывающее в конце страницы окно “Next Article” с помощью EQCSS : http://codepen.io/tomhodgins/pen/ORLOBy

[49] Как создать отзывчивый компонент интерфейса с помощью Element Queries: http://webdesign.tutsplus.com/tutorials/how-to-build-a-responsive-ui-component-using-element-queries--cms-27118

[50] Руководство для новичком по объектной модели CSS (CSSOM): http://www.hongkiat.com/blog/css-object-model-cssom/

[51] Эффект глубины с CSS анимацией: http://pixelonezero.com/depth-of-field-css-animation

[52] Конструктор объемных кубов: https://christinecha.github.io/3d-css-cubes/

[53] Новые практические курсы по JavaScript и ES6: https://habrahabr.ru/company/hexlet/blog/308934/

[54] Знакомство с p5.js: https://habrahabr.ru/post/308986/

[55] Проверяем скорость работы промисов: https://habrahabr.ru/post/308944/

[56] Horizon — realtime JavaScript бэкэнд: https://habrahabr.ru/post/308766/

[57] Перевод официальной документации Typescript на русский. : http://typescript-lang.ru/docs/

[58] Предварительные результаты глобального опроса о вкусах JS в среде разработчиков: https://medium.com/@sachagreif/the-state-of-javascript-javascript-flavors-1e02b0bfefb6

[59] Должен ли я учить ES5, ES6 или TypeScript: https://medium.com/@basarat/should-i-learn-es5-es6-or-typescript-46c625c25d95

[60] Искусство написания маленьких и простых функций: https://rainsoft.io/the-art-of-writing-small-and-plain-functions/

[61] JS MythBusters: https://mythbusters.js.org/

[62] Заметки с JSConf.IS: http://blog.scottlogic.com/2016/09/01/highlights-from-jsconfis.html

[63] Почему я использую руководство по стилю в JavaScript и почему вы должны тоже: https://www.sitepoint.com/why-use-javascript-style-guide/

[64] Проблемы со стрелочными функциями в JavaScript: http://odetocode.com/blogs/scott/archive/2016/09/01/the-troubles-with-javascript-arrow-functions.aspx

[65] TypeScript 2.0 RC: https://blogs.msdn.microsoft.com/typescript/2016/08/30/announcing-typescript-2-0-rc/

[66] Angular 2.0.0-rc.6: https://github.com/angular/angular/blob/master/CHANGELOG.md

[67] Bloomberg анонсирует BuckleScript 1.0: http://bloomberg.github.io/bucklescript/blog/index.html

[68] Closure компилятор в JavaScript: https://developers.googleblog.com/2016/08/closure-compiler-in-javascript.html

[69] JavaScript производительность через подзорную трубу: https://www.youtube.com/watch?v=r76ZjdzFExg

[70] Использование ES2015 Proxy для пользы и развлечения: https://snyk.io/blog/using-es2015-proxy-for-fun-and-profit/

[71] доработка Function.prototype.toString: http://www.2ality.com/2016/08/function-prototype-tostring.html

[72] ES предложение: доработка литерала шаблона: http://www.2ality.com/2016/09/template-literal-revision.html

[73] babili — ES6+ минификатор основанный на Babel: https://github.com/babel/babili

[74] Три базиса производительности JavaScript делающих Bluebird быстрой: https://reaktor.com/blog/javascript-performance-fundamentals-make-bluebird-fast/

[75] Ohm: JavaScript парсер, создающий язык в 200 строк кода: https://www.pubnub.com/blog/2016-08-30-javascript-parser-ohm-makes-creating-a-programming-language-easy/

[76] Начало работы с Hapi.js: https://www.sitepoint.com/premium/screencasts/getting-up-and-running-with-hapi-js

[77] Яков Файн: Что происходит с Angular 2: https://dou.ua/lenta/columns/angular-2/

[78] Сканирование баркодов с помощью NativeScript и Angular 2: http://developer.telerik.com/featured/scanning-barcodes-nativescript-angular-2/

[79] Понимание Binding в Angular: http://www.codelord.net/2016/08/31/understanding-angulars-at-binding/

[80] От angular.module к ngModule: http://ngmigrate.telerik.com/from-angular-module-to-ngModule

[81] Создание приложения с авторизацией API с Auth0, ExpressJS и AngularJS: http://adgllorente.com/2016/08/build-a-secure-api-with-auth0-expressjs-and-angularjs/

[82] supernova-angular-1.5.x-es6-starter — стартовый пакет с angular > 1.5.x, > es6, karma и jasmine: https://github.com/orizens/supernova-angular-1.5.x-es6-starter

[83] Webpack + React. Как уменьшить бандл в 15 раз: https://habrahabr.ru/post/308926/

[84] Исследование State Propagation в React: https://www.sitepoint.com/exploring-reacts-state-propagation/

[85] Создание приложения c пользовательской авторизацией на React: https://scotch.io/tutorials/build-a-react-app-with-user-authentication

[86] Как создать React компонент для публикации в NPM?: http://frontendinsights.com/how-create-react-component-publish-npm/

[87] 5 типов состояния приложения React: http://jamesknelson.com/5-types-react-application-state/

[88] Размышления на тему тестирования React/Redux приложений: https://medium.com/javascript-inside/some-thoughts-on-testing-react-redux-applications-8571fbc1b78f

[89] Создание анимированных компонентов, или как React делает D3 лучше: https://www.sitepoint.com/how-react-makes-your-d3-better/

[90] awesome-react-components — курируемый каталог React-компонентов: https://github.com/brillout/awesome-react-components

[91] Riot — легкая альтернатива Реакту: http://blog.scottlogic.com/2016/09/02/reading-the-riot-act.html

[92] Маска для полей ввода с помощью React, Angular, Ember, & простого JavaScript : https://text-mask.github.io/text-mask/

[93] Cesium — open-source JavaScript-библиотека для объемных карт и глобусов мирового уровня: http://cesiumjs.org/

[94] react-dates — доступный, легко переводимый, адаптированный под мобильные устройства компонент выбора дат: https://github.com/airbnb/react-dates

[95] postmate — простая, но мощная, основанная на промисах библиотека, использующая postMessage API: https://github.com/dollarshaveclub/postmate

[96] Первый мобильный браузер с поддержкой расширений для Chromium. Новая альфа Яндекс.Браузера: https://habrahabr.ru/company/yandex/blog/309014/

[97] Выпуск web-браузера Chrome 53: http://www.opennet.ru/opennews/art.shtml?num=45057

[98] В Chrome для Android появился менеджер загрузок и сохранение страниц для офлайн-просмотра: http://itc.ua/blogs/v-chrome-dlya-android-poyavilsya-menedzher-zagruzok-i-sohranenie-stranits-dlya-oflayn-prosmotra/

[99] В браузере «Яндекса» исправлен CSRF-баг, позволявший похитить все данные пользователя: https://xakep.ru/2016/09/01/y-browser-csrf/

[100] Тренды браузеров сентябрь 2016: закончилась ли война браузеров?: https://www.sitepoint.com/browser-trends-september-2016-browser-wars/

[101] В Safari 10 Добавлена поддержка WebDriver : https://webkit.org/blog/6900/webdriver-support-in-safari-10/

[102] Microsoft Edge и Continuum: твой браузер настольного компьютера на мобильном устройстве: https://blogs.windows.com/msedgedev/2016/08/24/microsoft-edge-continuum/

[103] Путь к HTTP/2: https://habrahabr.ru/post/308846/

[104] Официально представлены процессоры Intel 7-го поколения (Kaby Lake): https://www.overclockers.ru/hardnews/78777/oficialno-predstavleny-processory-intel-7-go-pokoleniya-kaby-lake.html

[105] Уже более миллиона IoT устройств входят в состав различных ботнетов : http://zlonov.blogspot.com/2016/09/iot.html

[106] Google подтвердила приостановку проекта модульного смартфона Project Ara: http://www.3dnews.ru/938891/

[107] История Nexus может закончиться: в этом году смартфоны Google сменят бренд: http://www.3dnews.ru/938696/

[108] Mozilla обсуждает прекращение доверия к удостоверяющему центру WoSign: http://www.opennet.ru/opennews/art.shtml?num=45049

[109] Утечка учётных записей 68 млн пользователей Dropbox: http://www.opennet.ru/opennews/art.shtml?num=45053

[110] В 2012 году взлом Last.fm привёл к утечке хэшей паролей 43 млн пользователей: http://www.opennet.ru/opennews/art.shtml?num=45066

[111] Видеоигры: что делает их затягивающими: http://itc.ua/articles/videoigryi-chto-delaet-ih-zatyagivayushhimi/

[112] 160 бесплатных онлайн-курсов сентября по программированию и предпринимательству: http://ain.ua/2016/08/30/666746

[113] Как наука о больших данных меняет образование и делает обучение увлекательным : https://daily.afisha.ru/technology/2810-kak-nauka-o-bolshih-dannyh-menyaet-obrazovanie-i-delaet-obuchenie-uvlekatelnym/

[114] Чему я научился работая с командой Джонни Айва над Apple Watch: https://theidealist.ru/applephilosophy/

[115] Как порнография продвигает технологии в массы: http://rusbase.com/story/innovations-and-porn/

[116] Экскурсия по музею Intel: 38 лет истории x86 и многое другое: http://www.3dnews.ru/938651/

[117] Примеры кода, синтаксически валидного и одинаково работающего в нескольких языках: https://tproger.ru/articles/multilang-valid-code-samples/

[118] Топ-25 лучших мемов за всю историю интернета: Nyan cat, доге, рикролл и другие: http://ain.ua/2016/08/31/667111

[119] Опубликована первая открытая альтернативная реализация клиента Skype: http://www.opennet.ru/opennews/art.shtml?num=45074

[120] Как придумать хороший пароль?: http://gosvopros.ru/job/qualification/good-password/

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

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

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

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

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