Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №194 (11 — 17 января 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

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

[8] 5 трендов программирования в 2016 году, которые изменят индустрию: http://ain.ua/2016/01/15/626701

[9] WordPress в 2016: чего ждать от системы?: http://oddstyle.ru/wordpress-2/novosti-wordpress/wordpress-v-2016-chego-zhdat-ot-sistemy.html

[10] Коллекция практических советов и заметок по вёрстке: http://habrahabr.ru/post/273471/

[11] Загрузчик модулей для node js с поддержкой локальных модулей и загрузки модулей по требованиюиз песочницы: http://habrahabr.ru/post/275011/

[12] Печальное состояние веб-разработки: https://medium.com/@wob/the-sad-state-of-web-development-1603a861d29f

[13] Печальное состояние веб-разработчиков: https://medium.com/swlh/the-sad-state-of-entitled-web-developers-e4f314764dd

[14] Печальное состояние XYZ — или что происходит, когда вы берете новую блестящую штуку: https://medium.com/@rdsubhas/sad-state-of-xyz-or-what-happens-when-you-pick-shiny-new-stuff-e49c28b235ec

[15] [Настоящая] проблема с JavaScript: https://medium.com/unhandled-exception/the-real-problem-with-javascript-6b78cad97b6e

[16] Не говорите мне, чего не умеет мой браузер!: https://medium.com/@codepo8/don-t-tell-me-what-my-browser-can-t-do-b95ab0d3cacd

[17] Почему я ненавижу ваш SPA: https://medium.com/@stilkov/why-i-hate-your-single-page-app-f08bb4ff9134

[18] Завершение истории о “Modern javascript, annotated”: https://medium.com/@ericdfields/modern-javascript-annotated-updated-an-epilogue-c29aad3507fb

[19] Понятие «средней страницы» в вебе — это миф: https://www.igvita.com/2016/01/12/the-average-page-is-a-myth/

[20] Как выбрать, что учить дальше: https://medium.com/fed-or-dead/how-to-decide-what-to-learn-next-a47153c0d202

[21] Как заставить ваш блог работать оффлайн: https://blog.redradix.com/how-to-make-your-blog-work-offline/

[22] Очередная awesome подборка, на этот раз посвященная npm: https://github.com/sindresorhus/awesome-npm

[23] Webpack vs Browserify: By The Numbers: https://medium.com/@dmikeyanderson/webpack-vs-browserify-by-the-numbers-c5472ba305c

[24] Как отвечать на вопрос «что делает doctype?» при собеседовании на фронтендера : http://whiteboard.is/answering-front-end-developer-interview-questions-what-does-a-doctype-do/

[25] Почему я оставил Gulp и Grunt для своих npm скриптов: https://medium.com/@housecor/why-i-left-gulp-and-grunt-for-npm-scripts-3d6853dd22b8

[26] Оживляем анимацию с помощью физики: http://reactjsnews.com/bring-your-animations-to-life-with-physics/

[27] 12 трендов веб-разработки, о которых вы должны знать в 2016-м: http://usersnap.com/blog/web-development-trends-2016/

[28] Насчет доступности и малого количество хорошего HTML: https://medium.com/@iandevlin/on-accessibility-and-the-lack-of-proper-html-4185b8621ac3

[29] Назад в будущее в 2016: http://alistapart.com/article/back-to-the-future-in-2016

[30] Отрисовка каустики в реальном WebGL: https://medium.com/@evanwallace/rendering-realtime-caustics-in-webgl-2a99a29a0b2c

[31] Руководство для начинающих по Github и Git: https://webdesignviews.com/beginners-guide-github-and-git/

[32] Проблемы с новостной лентой GitHub-а: https://blog.devspace.io/the-problems-with-github-s-news-feed-abf5e1a7aefd#.uthvmkgku

[33] Как Teespring использует Canvas, SVG, и DOM для дизайна футболок: http://teespring.engineering/posts/how-teespring-uses-canvas-svg-dom-to-design-tshirts/

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

[35] Эксперимент по реализации предпросмотра места в кинотеатре: http://tympanus.net/codrops/2016/01/12/cinema-seat-preview-experiment/

[36] Впечатляющий эксперимент с CSS3 анимацией: ABCD Animal Book: https://bubbl.in/cover/abcd-animal-book-by-judith-neumann

[37] Забавные штуки, которые поймут только разработчики: https://medium.freecodecamp.com/things-everyone-who-s-learning-to-code-will-understand-d289658ad263

[38] Секреты режимов наложения: http://prgssr.ru/development/sekrety-rezhimov-nalozheniya.html

[39] Blending Modes Demystified: http://alistapart.com/article/blending-modes-demystified

[40] Выбираем между «min-width» и «max-width»: http://e-planet.ru/company/blog/vybiraem-mezhdu-min-width-i-max-width.html

[41] Переменные: костяк CSS архитектуры: https://www.smashingmagazine.com/2016/01/variables-in-css-architecture/

[42] Big Web Show 141: http://5by5.tv/bigwebshow/141

[43] The Sass Ampersand: https://css-tricks.com/the-sass-ampersand/

[44] Как я сжал свой CSS до 84kb с помощью ITCSS: https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a

[45] Влияние печатных макетов на структуру веб-страниц: https://css-tricks.com/print-magazine-layouts-converted-to-web-layouts/

[46] Использованире Flexbox в почтовых письмах: https://medium.com/@hteumeuleu/using-flexbox-in-an-email-4b1aa7a69886

[47] Разработка продуктовой страницы с помощью Flexbox: https://css-tricks.com/designing-a-product-page-layout-with-flexbox/

[48] Пожалуйста, не используйте “CSS в JS” : https://medium.com/@ajsharp/please-please-don-t-use-css-in-js-ffeae26f20f

[49] Эрик Мейер о примерах использования Grid layout: http://meyerweb.com/eric/thoughts/2016/01/15/subgrids-considered-essential/

[50] Оси в Flexbox: http://www.sitepoint.com/watch-the-axis-of-flexbox/

[51] Использование Bootstrap 4 Flexbox: http://designmodo.com/bootstrap-4-flexbox/

[52] U.S. Web Design Standards: https://playbook.cio.gov/designstandards/getting-started/

[53] Настало время переосмыслить вендорные префиксы в CSS: http://www.sitepoint.com/its-time-to-rethink-vendor-prefixes-in-css/

[54] Все, что я знаю про отзывчивую веб-типографику в CSS: http://www.zell-weekeat.com/responsive-typography/

[55] Critical Web Fonts: http://www.zachleat.com/web/critical-webfonts/

[56] 22 полезных рецепта CSS: http://ipestov.com/22-essential-css-recipes/

[57] Генератор градиентов с размытием: http://gradient.quasi.ink/

[58] Удивляющие свойства CSS, которые вы можете использовать уже сегодня: http://12devsofxmas.co.uk/2016/01/day-7-surprising-css-properties-you-can-use-today/

[59] CSS Modules —  решение проблем масштабирования с CSS: https://medium.com/@tomcornilliac/css-modules-solving-the-challenges-of-css-at-scale-85789980b04f

[60] Забавная игра на «чистом» CSS: http://victordarras.fr/cssgame/

[61] Microsoft опубликовал исходные тексты JavaScript-движка ChakraCore: http://www.opennet.ru/opennews/art.shtml?num=43669

[62] Исходный код JavaScript-движка ChakraCore выложен на GitHub: http://habrahabr.ru/company/microsoft/blog/275067/

[63] jQuery исполнилось 10 лет: http://ejohn.org/blog/10th-anniversary-of-jquery/

[64] Релиз jQuery 3.0 Beta: http://blog.jquery.com/2016/01/14/jquery-3-0-beta-released/

[65] Релиз lodash v4.0.0: https://github.com/lodash/lodash/releases/tag/4.0.0

[66] How to ReactJS: http://habrahabr.ru/post/275227/

[67] Чего ожидать от JS в 2016-м — фреймворки: http://developer.telerik.com/featured/what-to-expect-from-javascript-in-2016-frameworks/

[68] Игра 2048, реализованная с помощью React и Redux : https://medium.com/@d_valchanov/2048-game-implemented-with-react-and-redux-6b96bbcf4241

[69] React для разработчиков Angular: http://www.sitepoint.com/react-for-angular-developers/

[70] Ресурсы по SPA React и Redux: https://medium.com/@sapegin/react-and-redux-single-page-applications-resources-22cd859b0c1d

[71] Как изучать ES6: https://medium.com/javascript-scene/how-to-learn-es6-47d9a1ac2620

[72] ES6 классы имеют собственные внутренние имена: http://www.2ality.com/2016/01/classes-inner-names.html

[73] Шпаргалка по вызываемым сущностям в ES6: https://gist.github.com/rauschma/a4326bca3ce92ec43119

[74] Усталость от JavaScript: альтернативная перспектива: https://medium.com/@joshburgess/javascript-fatigue-an-alternative-perspective-b6ae411e89ac

[75] Асинхронные приключения в JS: разбираемся с Event Loop: https://medium.com/@BenDiuguid/asynchronous-adventures-in-javascript-understanding-the-event-loop-fc6f968d5f72

[76] Асинхронный ввод/вывод с генераторами и промисами: https://ponyfoo.com/articles/asynchronous-i-o-with-generators-and-promises

[77] Параллельний JavaScript с помощью ParallelJS: http://www.sitepoint.com/parallel-javascript-with-paralleljs/

[78] Начинаем работать с Underscore.js: http://www.sitepoint.com/getting-started-with-underscore-js/

[79] Не забывайте о “noscript”: http://webdesign.tutsplus.com/tutorials/quick-tip-dont-forget-the-noscript-element--cms-25498

[80] Enumify: лучшие enum-ы для JavaScript: http://www.2ality.com/2016/01/enumify.html

[81] Понимание Garbage Collection и отслеживание утечек памияти в Node.js: http://blog.codeship.com/understanding-garbage-collection-in-node-js/

[82] Уменьшите размер вашего bundle.js, сделав одну вещь: https://lacke.mn/reduce-your-bundle-js-file-size/

[83] Разбор JavaScript синтаксиса IIFE: https://blog.mariusschulz.com/2016/01/13/disassembling-javascripts-iife-syntax

[84] Как создать сервис отправки позитивных SMS-сообщений с Stripe и Syncano: http://www.sitepoint.com/how-to-build-a-daily-affirmations-sms-service-with-stripe-syncano/

[85] Breakpoint.js: https://github.com/andrew--r/breakpoint/

[86] SVGnest: https://github.com/Jack000/SVGnest

[87] Компания Microsoft официально прекратила поддержку браузера Internet Explorer 8, 9 и 10 версий: https://hi-tech.mail.ru/news/internet-explorer-8-9-10/

[88] Firefox 46 будет поддерживать работу с несколькими мониторами с разной плотностью пикселей: http://geektimes.ru/post/269228/

[89] В Firefox для YouTube добавлено преобразование блоков Flash-видео в HTML5: http://www.opennet.ru/opennews/art.shtml?num=43686

[90] Что нового в Safari 9.1 для разработчиков: https://developer.apple.com/library/prerelease/mac/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_1.html

[91] Webkit! RESOLVED FIXED: http://www.otsukare.info/2016/01/04/webkit-resolved-fixed

[92] Firefox отказывается от Application Cache API в пользу Service Workers: https://www.fxsitecompat.com/en-US/docs/2015/application-cache-api-has-been-deprecated/

[93] Десятилетняя история веб-инспектора: https://webkit.org/blog/5718/10-years-of-web-inspector/

[94] Браузерные тренды в январе 2016: обзор 12-ти месяцев: http://www.sitepoint.com/browser-trends-january-2016-12-month-review/

[95] Прекращение поддержки IE 8 в React DOM: https://facebook.github.io/react/blog/2016/01/12/discontinuing-ie8-support.html

[96] Как проектировать для людей с цветовой слепотой: http://habrahabr.ru/post/275001/

[97] Bing получил новый логотип : http://www.searchengines.ru/news/archives/bing_new_logo.html

[98] Новый логотип Bing становится зеленым: http://whatpixel.com/microsoft-bing-new-logo-2016/

[99] Избегайте гамбургерного меню на десктопах: http://adrianroselli.com/2016/01/avoid-the-hamburger-menu-for-desktop-layouts.html

[100] В защиту гамбургерного меню: http://www.andybudd.com/archives/2016/01/in_defence_of_the_hamburger_menu/

[101] Facebook и как UI влияет на ваши слова: https://medium.com/user-experience-design-1/facebook-and-how-uis-twist-your-words-4ceedc5fd93

[102] Как создать визуально эффективную CTA: http://rafaltomal.com/visually-effective-cta/

[103] Разбор восхитительного дизайна: http://www.fastcodesign.com/3055221/delightful-design-deconstructed

[104] Information Architecture: The Scaffold of Good UX: http://blogs.adobe.com/dreamweaver/2016/01/information-architecture-the-scaffold-of-good-ux.html

[105] Юзабилити как враг: https://medium.com/@amimran/usability-as-the-enemy-badf5ed6453a#.3o3re9ohb

[106] История редизайна для Instant eSports: https://medium.com/the-nexus/designing-the-espn-for-esports-6d678cc13cd6

[107] Пять способов улучшить дизайн магазинов для пользователей с нарушением восприятия цветов: https://www.shopify.com/partners/blog/86314118-5-ways-to-improve-your-ecommerce-design-for-colourblind-users

[108] Никто не хочет использовать твой продукт: https://www.smashingmagazine.com/2016/01/nobody-wants-use-your-product/

[109] Как делать дизайн для дислексии: https://medium.com/@usabilla/how-to-design-for-dyslexia-71e214fe6964#.qbvgcz44a

[110] Использование визуальной громкости для лучшего ориентирования: https://viget.com/inspire/visual-loudness

[111] Пять неожиданных мест для добавления индвидуальности к Вашему сайту: http://www.sitepoint.com/5-unexpected-places-to-inject-personality-into-your-site/

[112] Julie Ann Horvath, продуктовый дизайнeр: https://medium.com/@nrrrdcore/julie-ann-horvath-product-designer-7fe8f195c7e0

[113] Прототипирование для крошечных экранов: http://blog.invisionapp.com/prototyping-for-a-tiny-screen/

[114] Разработка логотипа Development Set: https://medium.com/the-development-set/developing-the-development-set-s-logo-9ee420bceb3e

[115] Как я делал шаблон веб-магазина в Sketch.app для Themeforest. Часть 1: письмо, идея, прототип: http://habrahabr.ru/post/275103/

[116] Презентация дизайна с помощью Sketch: http://sketchapp.me/prezentaciya-dizajna-s-pomoshhyu-sketch/

[117] Шаблон для проектирования в Sketch: http://sketchapp.me/shablon-dizajna-dlya-proektirovaniya-v-sketch/

[118] Серия уроков Sketch (часть 2 из 5): символ и стили: http://sketchapp.me/seriya-urokov-sketch-chast-2-iz-5-simvoly-i-stili/

[119] Прошлое, настоящее и будущее Sketch. Интервью с разработчиком, Pieter Omvlee: https://medium.com/habit-of-introspection/the-past-present-and-future-of-sketch-d5237879b7af

[120] Процесс раработки шрифтов Vinter: http://ilovetypography.com/2016/01/13/designing-vinter/

[121] Десять самых популярных веб-шрифтов 2015-го года (и шрифты, которые вы должны рассмотреть как замену): https://www.typewolf.com/blog/most-popular-fonts-of-the-year

[122] Шесть прекрасных современных альтернатив шрифту Helvetica: https://medium.com/@iHrvoje/6-great-contemporary-alternatives-to-helvetica-67a7d400118f

[123] timetrabbble — самые популярные работы в Dribbble по хронологии: http://www.timetrabbble.com/

[124] Крутые дизайнерские gif-ки: http://www.dejurka.ru/inspiration/cool-designers-gifs/

[125] Этикетки посвященные Дню святого Валентина в PSD: http://www.coalesceideas.com/free-9-valentines-day-label-psd/

[126] Бесшовные иконочные текстуры: http://www.hongkiat.com/blog/seemless-icon-patterns/

[127] Бесплатные фотографии для дизайна ко Дню Влюбленных: http://www.dejurka.ru/graphics/free-valentine-photos/

[128] Timber! Набор векторных элементов: https://pixelbuddha.net/freebie/timber-vector-elements-set

[129] Мокапы для демонстрации дизайна логотипов: http://www.fusionplate.com/3024/free-logo-psd-mock-ups/

[130] Наборы иконок для магазинов: http://www.hongkiat.com/blog/free-ecommerce-icons/

[131] Декоративный шрифт BlowBrush: http://graphicburger.com/blowbrush-free-font/

[132] Рукописный декоративный шрифт Brush: https://www.behance.net/gallery/32969439/Duwhoers-Brush-Free-Font

[133] World Wide Web Consortium (W3C) получил премию Emmy за разработку стандартов для доступных субтитров: https://www.w3.org/2016/01/emmyawardttml.html.en

[134] Глава Tesla подтвердил работу Apple над собственным электромобилем: http://www.3dnews.ru/926503/#5694f068b4182eed528b456d

[135] Skype добавляет групповые видеозвонки на мобильные устройства: http://itc.ua/news/skype-dobavlyaet-gruppovyie-videozvonki-na-mobilnyie-ustroystva/

[136] В Skype добавили интеграцию со Slack и функцию синхронного перевода: http://www.searchengines.ru/seoblog/v_skype_dobavili_integrats.html

[137] На рынке ПК произошёл рекордный обвал: http://www.3dnews.ru/926591/?feed=

[138] Твиты на 10К символов. Грядет буря?: http://keddr.com/2016/01/tvityi-na-10k-simvolov-gryadet-burya/

[139] Baidu открыл свои наработки в области машинного обучения: http://www.searchengines.ru/news/archives/baidu_otkryl_sv.html

[140] Mozilla закрывает сервис идентификации Persona: http://www.opennet.ru/opennews/art.shtml?num=43662

[141] Google: HTTPS-сайты получают преимущество в ранжировании даже при наличии ошибок протокола: http://www.searchengines.ru/news/archives/google_https_sa.html

[142] В YouTube появится поддержка видео в формате HDR: http://www.searchengines.ru/news/archives/v_youtube_poyav.html

[143] 6 мифов о создании продуктов: Распределение ресурсов, длина итерации, скрытая функциональность: https://vc.ru/p/products-myths

[144] От умных холодильников до тупых маркетологов. Почему выставка CES стала бесполезна : http://meownauts.com/ces16-fail/

[145] CES 2016. Выставка, которая удалась!: http://keddr.com/2016/01/ces-2016-vyistavka-kotoraya-udalas/

[146] GameTrailers назвал лучшие игровые годы: http://itc.ua/blogs/gametrailers-nazval-luchshie-igrovyie-godyi/

[147] Самые влиятельные бренды и люди после CES 2016: http://shazoo.ru/2016/01/14/36373/samye-vliyatelnye-brendy-i-lyudi-posle-ces-2016

[148] 11 компаний, которые пытались купить Facebook на стадии стартапа: http://ain.ua/2016/01/15/626571

[149] Коллекция: 10 GIF-анимаций для стандартных ответов на письма: https://vc.ru/p/gifs-re-email

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

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

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

[153] Источник: http://habrahabr.ru/post/275279/

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