Юбилейный дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №200 (22 — 28 февраля 2016)

---

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

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

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

[1] 13 апреля 2012-го года: https://habrahabr.ru/company/zfort/blog/142046/

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

[3] CSS: #css

[4] Javascript: #js

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

[6] Дизайн: #design

[7] Новости: #news

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

[9] DevTips: Советы веб-разработчику (49-64): https://habrahabr.ru/company/mailru/blog/278021/

[10] Используем Gulp для ускорения WordPress-разработки: http://oddstyle.ru/wordpress-2/stati-wordpress/ispolzuem-gulp-dlya-uskoreniya-wordpress-razrabotki.html

[11] GitHub отказался от шрифтовых иконок в пользу SVG : https://github.com/blog/2112-delivering-octicons-with-svg

[12] Если вы знаете Sass, вы знаете и ES2015: http://una.im/sass-es2015

[13] Интервью с Юной Кравец, фронтенд-разработчицей в IBM, веб-активисткой и вообще большой умницей: https://css-tricks.com/an-interview-with-una-kravets/

[14] Настройка WordPress под AMP: https://yoast.com/setting-up-wordpress-for-amp-accelerated-mobile-pages/

[15] AMP внедряется в WordPress по-умолчанию: http://thenextweb.com/dd/2016/02/24/wordpress-goes-all-in-with-googles-speedy-pages-project-enabling-it-for-everyone/

[16] Политика производительного контента: стандартизированная альтернатива AMP : https://timkadlec.com/2016/02/a-standardized-alternative-to-amp/

[17] Текущее состояние телефонных ссылок: https://css-tricks.com/the-current-state-of-telephone-links/

[18] Давайте постараемся лучше работать с доступностью в вебе: https://medium.com/fed-or-dead/let-s-try-harder-with-web-accessibility-1d1a8db7afc0

[19] Популярность препроцессоров на CodePen: http://blog.codepen.io/2016/02/24/popularity-of-preprocessors-on-codepen/

[20] Grunt или Gulp? Что выбрать и почему Gulp?: http://frontendinsights.com/grunt-or-gulp-which-one-to-choose-and-why-gulp/

[21] Preload: для чего он хорош?: https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/

[22] Как использовать сниппеты в Atom: http://www.sitepoint.com/use-code-snippets-atom/

[23] Анимированные иконки mo.js: http://tympanus.net/Development/Animocons/

[24] Транзисторный приемник 3D.: http://retrocurator.com/

[25] Еженедельная подборка красивых эффектов на CSS/SVG/JS #26: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-26.html

[26] Краткий обзор «object-fit» и «object-position»: http://css-live.ru/articles/kratkij-obzor-object-fit-i-object-position.html

[27] A Quick Overview of `object-fit` and `object-position: https://css-tricks.com/on-object-fit-and-object-position/

[28] css-live.ru: http://css-live.ru/

[29] 6 причин начать использовать Flexbox: http://bitsofco.de/6-reasons-to-start-using-flexbox/

[30] Регрессионное тестирование CSS: http://blog.bartos.me/css-regression-testing/

[31] О написании CSS в JavaScript: http://snook.ca/archives/javascript/css-in-javascript

[32] Объяснение кастомных свойств CSS: https://pawelgrzybek.com/css-custom-properties-explained/

[33] REM против EM – большое обсуждение: http://zellwk.com/blog/rem-vs-em/

[34] CSSCO: http://www.cssco.co/

[35] PostCSS.parts: http://postcss.parts/

[36] Как Sass Maps используюся для Design Tokens и как это делает разработчиков счастливыми: http://www.bigeng.io/how-we-use-sass-maps-for-design-tokens-and-developer-happiness/

[37] Миксины лучше для производительности (чем extend): http://csswizardry.com/2016/02/mixins-better-for-performance/

[38] Управление типографикой в больших веб-приложениях: http://csswizardry.com/2016/02/managing-typography-on-large-apps/

[39] Список для чтения по Flexbox: техники и инструменты: https://www.smashingmagazine.com/2016/02/the-flexbox-reading-list/

[40] Как валидировать Sass/CSS с Stylelint: http://www.creativenightly.com/2016/02/How-to-lint-your-css-with-stylelint/

[41] Эффект искаженного видения: https://css-tricks.com/squigglevision-in-css-and-svg/

[42] Тонкости Javascript/Node.js. Увеличиваем производительность в десятки раз: https://habrahabr.ru/post/277823/

[43] Объектно-ориентированный JavaScript: наследование: http://jsraccoon.ru/oop-inheritance

[44] Все на борт поезда ES6: https://ponyfoo.com/articles/all-aboard-the-es6-javascript-train

[45] ES6, ES7, and Looking Forward: http://blog.carbonfive.com/2016/02/24/es6-es7-and-looking-forward/

[46] Использование ES6/ES2015 в вашем проекте с помощью Babel и Gulp: http://www.barbarianmeetscoding.com/blog/2016/02/21/start-using-es6-es2015-in-your-project-with-babel-and-gulp/

[47] Идеальный UI фреймворк: https://habrahabr.ru/post/276747/

[48] Видео с React.js Conf 2016: https://www.youtube.com/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY#reactjsconf2016

[49] Instacart: Почему мы перешли на React: https://tech.instacart.com/why-we-moved-to-react/

[50] Глубокое погружение в отладку с React Perf: http://benchling.engineering/deep-dive-react-perf-debugging/

[51] Новая схема версионирования React: http://facebook.github.io/react/blog/2016/02/19/new-versioning-scheme.html

[52] NFL + React: https://medium.com/nfl-engineers/nfl-react-84e9cd11d384#.jcc46rvo8

[53] Draft.js — простой текстовый редактор для React: http://facebook.github.io/draft-js/

[54] Овладение $watch в AngularJS: http://www.sitepoint.com/mastering-watch-angularjs/

[55] Angular-xeditable: https://github.com/vitalets/angular-xeditable

[56] Использование множественных зависимостей в приложениях Angular.js: http://www.devdashboard.com/content/210/using-multiple-dependencies-in-an-angular-js-application

[57] Как настроить приложение AngularJS с использованием переменных среды: http://www.jvandemo.com/how-to-configure-your-angularjs-application-using-environment-variables/

[58] Объяснение определения изменений в Angular 2: http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html

[59] Анонс первого LTS релиза Ember: http://emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html

[60] Как создать ваш первых график на JS: http://speckyboy.com/2016/02/23/create-your-first-javascript-chart/

[61] Простая дополненная реальность с OpenCV, Three.js и WebSockets: https://www.smashingmagazine.com/2016/02/simple-augmented-reality-with-opencv-a-three-js/

[62] Разница между прекрасным, хорошим и плохим JavaScript разработчиком: http://thefullstack.xyz/excellent-javascript-developer/

[63] Быстрый совет: как создать и управлять массивами в JavaScript: http://www.sitepoint.com/quick-tip-create-manipulate-arrays-in-javascript/

[64] Введение в функциональное реактивное программирование с RxJS: http://www.sitepoint.com/functional-reactive-programming-rxjs/

[65] Заблуждения об инструментах в JavaScript: http://javascriptplayground.com/blog/2016/02/the-react-webpack-tooling-problem

[66] Веб-краулер с Node, PhantomJS и Horseman: http://www.sitepoint.com/web-crawling-node-phantomjs-horseman/

[67] MobX — простое, масштабируемое управление состояниями: https://github.com/mobxjs/mobx

[68] Opera Presto обновилась до версии 12.18: https://geektimes.ru/post/271634/

[69] Почему вы должны прекратить поддержку IE10, IE9 и IE8: https://www.xfive.co/blog/stop-supporting-ie10-ie9-ie8/

[70] Что нового в Chrome DevTools?: https://blog.gospodarets.com/whats-new-in-chrome-devtools/#/

[71] Opera работает над созданием нового браузера для настольных устройств: https://recode.net/2016/02/23/opera-working-on-new-desktop-browser-amid-company-sale/

[72] Отладка JS-кода в Chrome для VS Code: http://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code

[73] Браузер Baidu шпионит за пользователями: https://xakep.ru/2016/02/25/baidu-browser-flaws/

[74] Google Chrome уличили в покупке платных ссылок: http://www.searchengines.ru/news/archives/google_ulichili.html

[75] special.bose.eu: http://special.bose.eu/en/

[76] nbafaceoff.com G.O: http://www.nbafaceoff.com/en/

[77] wonderlandindustry.com: https://www.wonderlandindustry.com/

[78] Сайт bulgari с клевым эффектом перелистывания и другими анимациями: http://life-in.bulgari.com/en-us

[79] airewestperth.com.au: http://airewestperth.com.au/

[80] herdl.com: http://herdl.com/

[81] animalmade.com: http://www.animalmade.com/

[82] warof1996.com: http://www.warof1996.com/

[83] Эффективный процесс создания отзывчивого дизайна: https://www.smashingmagazine.com/2016/02/efficient-responsive-design-process/

[84] Новая типографика в интернете: https://robinrendle.com/essays/new-web-typography/

[85] Особенности текста: http://whoo.ps/2015/02/23/futures-of-text

[86] Как сделать так, чтобы лого приняли: 8 шагов: https://www.smashingmagazine.com/2016/02/design-workflow/

[87] Google представляет Resizer — онлайн-инструмент для тестирования отзывчивых сайтов: https://design.google.com/articles/introducing-resizer/

[88] Избавление от плоского дизайна: https://blog.intercom.io/unflattening-design/

[89] UX дизайн в 14 простых шагов. Часть 1: http://e-planet.ru/company/blog/ux-dizajn-v-14-prostyh-shagov-chast-1.html

[90] UI, UX: кто чем заниается? Руководство для дизайнеров по технической индустрии: http://www.fastcodesign.com/3032719/ui-ux-who-does-what-a-designers-guide-to-the-tech-industry

[91] Базовые принципы UI дизайна: http://blog.invisionapp.com/core-principles-of-ui-design/

[92] Пять способов предложения лучшего UX для людей с ограниченными возможностями: http://www.sitepoint.com/5-ways-offer-better-ux-disabled-users/

[93] 5 советов по ускорению работы в Sketch: http://sketchapp.me/5-sovetov-po-uskoreniyu-raboty-v-sketch/

[94] Quartz Composer, Facebook Origami и Sketch для прототипирование интерфейса Apple TV: http://sketchapp.me/quartz-composer-facebook-origami-i-sketch-dlya-prototipirovanie-interfejsa-apple-tv/

[95] Использование Shared Styles и Symbols в Sketch: https://medium.com/sketch-app-sources/using-shared-styles-and-symbols-in-sketch-8cab4650dc55

[96] Заливка текста в Sketch: https://medium.com/sketch-app-sources/text-fills-in-sketch-7b1bff66d87d

[97] Использование плагина Craft в Sketch и Photoshop: http://www.sitepoint.com/making-crafty-uis-sketch-photoshop/

[98] Световые эффекты с помощью фотошопа: http://webdesignledger.com/28-powerful-photoshop-lighting-effects/

[99] Как создать иконки вкусных тостов в Adobe Illustrator-е: http://design.tutsplus.com/tutorials/how-to-create-delicious-toast-icons-in-adobe-illustrator--cms-25839

[100] Как сделать дизайн ретро-постера в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-design-a-retro-poster-in-adobe-illustrator--cms-25854

[101] Даже электронные таблицы можно сделать привлекательными: http://drewbarontini.com/articles/spreadsheets-can-be-pretty-too/

[102] За кулисами: процесс создания дизайна для Curbed: http://product.voxmedia.com/2016/2/23/11098538/behind-the-scenes-curbed-design-process

[103] История создания Mummies Dense: http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_the_met_by_wolff_olins.php

[104] Ученый ты или художник?: https://medium.com/@castemelijn/are-you-a-scientist-or-an-artist-78ca64b62812

[105] Советы по улучшению ваших навыков фотоманипуляций: http://design.tutsplus.com/tutorials/10-tips-for-improving-your-photo-manipulation-skills--cms-25740

[106] Семь определяющих трендов веб-дизайна в 2016-м: http://www.sitepoint.com/7-trends-that-will-define-web-design-in-2016/

[107] Как профессионально сделать исследование опыта пользователей: http://blog.careerfoundry.com/how-to-conduct-user-experience-research-like-a-professional

[108] Открытое письмо дизайнерам-новичкам: http://blog.invisionapp.com/an-open-letter-to-newbie-designers/

[109] Как создать брошюру: http://design.tutsplus.com/articles/how-to-make-a-brochure--cms-25883

[110] NodeJS обновил логотип: https://nodejs.org/en/blog/weekly-updates/weekly-update.2016-02-22/#new-official-node-js-logo

[111] Цветы в векторном формате: http://www.dejurka.ru/graphics/free-flowers-vector/

[112] Весенние паттерны для вашего дизайна: http://www.dejurka.ru/graphics/free-spring-pattern/

[113] Текстуры льда для фотошопа: https://www.webresourcesfree.com/free-ice-textures-photoshop/

[114] Набор c векторной графикой и лого на тему мотоциклы: http://blog.spoongraphics.co.uk/freebies/free-motorcycle-vector-graphics-logo-template-kit

[115] Pexels – стоковые фото с API: http://www.webappers.com/2016/02/23/pexels-free-stock-photos-with-api-available/

[116] Foodshot: качественные изображения пищевых продуктов: http://www.noupe.com/essentials/foodshot-free-food-images-96162.html

[117] Наборы иконок: магазин, продукты, наука, аватарки и лето: https://www.smashingmagazine.com/2016/02/free-icon-sets-e-commerce-web-hosting-food-science-and-more/

[118] Коллекция иконок с плоским дизайном от DryIcons: http://inspiredm.com/freebie-awesome-collection-of-icons-from-dryicons/

[119] Иконки с темой оформления и доставки покупок (AI, EPS, SVG, Sketch, PSD, PNG): http://tympanus.net/codrops/2016/02/25/freebie-checkout-delivery-icons/

[120] 365cons: http://www.365cons.com/

[121] 525 Icons – иконочный шрифт: http://www.webdesignfreebies.net/icons/525-icons-free-web-icon-font/

[122] Винтажные шрифты подходящие для ретро-дизайна: http://webdesignledger.com/vintage-fonts/

[123] Более двух сотен шрифтов: http://www.fusionplate.com/4206/best-free-fonts-you-can-download-january-2015-edition/

[124] Google AMP появились в мобильном поиске: http://www.searchengines.ru/news/archives/google_amp_poya.html

[125] Facebook запустила дополнительные «Реакции» в качестве расширенной кнопки Like: http://itc.ua/news/facebook-zapustila-dopolnitelnyie-reaktsii-v-kachestve-rasshirennoy-knopki-like/

[126] Как разные эмоции-реакции в Facebook повлияют на ведение сообществ компаний: https://vc.ru/p/fb-smile-brands

[127] Компания Facebook создала сверхточную карту плотности населения: http://lifehacker.ru/2016/02/22/facebook-connectivity-lab/

[128] Facebook запускает прямые трансляции на Android: http://gagadget.com/announce/20882-facebook-zapuskaet-pryamyie-translyatsii-na-android/

[129] Как российские и зарубежные бренды отреагировали на новые кнопки эмоций в Facebook: https://vc.ru/p/reaction-brands

[130] Facebook создаст социальную виртуальную реальность: http://naked-science.ru/article/media/facebook-sozdast-sotsialnuyu-v

[131] Facebook займётся созданием глобальной mesh-сети: http://www.3dnews.ru/928939/

[132] «Не всё в жизни можно лайкнуть»: https://vc.ru/p/fb-reactions

[133] Лингвист Максим Кронгауз: «Facebook остановился где-то на уровне Эллочки-людоедки»: https://tjournal.ru/23709-lingvist-maksim-krongauz-facebook-ostanovilsya-gde-to-na-urovne-ellochki-ludoedki

[134] Плачевная ситуация со стагнацией развития Skype для Linux: http://www.opennet.ru/opennews/art.shtml?num=43942

[135] В YouTube появилась функция размытия объектов, в том числе движущихся: http://itc.ua/news/v-youtube-poyavilas-funktsiya-razmyitiya-obektov-v-tom-chisle-dvizhushhihsya/

[136] WSJ: Google, Microsoft, Twitter и Facebook поддержат Apple в суде против ФБР: https://vc.ru/n/tech-assemble-apple

[137] Билл Гейтс не защищал ФБР в конфликте с Apple: http://www.3dnews.ru/928875/

[138] В Google появилась функция отправки адреса на телефон: http://www.searchengines.ru/news/archives/v_google_poyavilas.html

[139] Google поможет новостным сайтам защититься от DDoS-атак: http://gagadget.com/20850-google-pomozhet-novostnyim-sajtam-zaschititsya-ot-ddos-atak/

[140] В Google Docs добавлен голосовой набор текста: http://googledocs.blogspot.com/2016/02/type-edit-and-format-with-your-voice-in.html

[141] Web. История одной технологии: https://habrahabr.ru/company/geekbrains/blog/277957/

[142] Рейтинг языков программирования от RedMonk: январь 2016: http://redmonk.com/sogrady/2016/02/19/language-rankings-1-16/

[143] Неудачная ставка: как закатилась империя Yahoo: http://www.rbc.ru/technology_and_media/21/02/2016/56c8afd19a794740b2e40dfb

[144] Топ-5 лучших анонсов MWC 2016 : http://keddr.com/2016/02/top-5-luchshih-anonsov-mwc-2016/

[145] Сказать «нет»: Apple против Большого брата: http://www.computerra.ru/140603/faruk-5c/

[146] В чем секрет прорывов Google? В убийстве собственных проектов: http://ain.ua/2016/02/22/634219

[147] Почему альтернативы лайку в Facebook именно такие: http://ain.ua/2016/02/25/634833

[148] О кибернетике, линейном программировании и социологии: http://www.computerra.ru/140788/o-kibernetike-lineynom-programmirovanii-i-sotsiologii/

[149] «Копирайта не должно быть»: Интервью с программисткой, устроившей войну платным научным статьям: http://www.furfur.me/furfur/freedom/freedom/216751-sci-hub

[150] Ключевые тренды интернета вещей на 2016 год: http://gagadget.com/20839-klyuchevyie-trendyi-interneta-veschej-na-2016-god/

[151] Честный путеводитель по digital-профессиям: http://www.cossa.ru/152/120923/

[152] Видео дня: а я иду, шагаю и ношу © робот Atlas: http://www.3dnews.ru/928935/

[153] Игра «Змейка» нового поколения: http://bravebunny.co/curvatron/

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

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

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

[157] Источник: https://habrahabr.ru/post/278127/

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