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

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

Веб-разработка

• 5 трендов программирования в 2016 году, которые изменят индустрию
• WordPress в 2016: чего ждать от системы?
• Коллекция практических советов и заметок по вёрстке
• Загрузчик модулей для node js с поддержкой локальных модулей и загрузки модулей по требованиюиз песочницы
• Фрустрация современных веб-разработчиков:
  • Печальное состояние веб-разработки (The Sad State of Web Development)
  • Печальное состояние веб-разработчиков (The Sad State of Entitled Web Developers)
  • Печальное состояние XYZ — или что происходит, когда вы берете новую блестящую штуку (Sad state of XYZ — or What happens when you pick shiny new stuff)
  • [Настоящая] проблема с JavaScript (The [real] problem with JavaScript)
  • Не говорите мне, чего не умеет мой браузер! (Don’t tell me what my browser can’t do!)
  • Почему я ненавижу ваш SPA (Why I hate your Single Page App)
  • Завершение истории о “Modern javascript, annotated”
    

• Понятие «средней страницы» в вебе — это миф (The «Average Page» is a myth)
• Как выбрать, что учить дальше (How to decide what to learn next)
• Как заставить ваш блог работать оффлайн (How To Make Your Blog Work Offline)
• Очередная awesome подборка, на этот раз посвященная npm
• Webpack vs Browserify: By The Numbers
• Как отвечать на вопрос «что делает doctype?» при собеседовании на фронтендера (Answering Front-end Developer Interview Questions: “What does a doctype do?”)
• Почему я оставил Gulp и Grunt для своих npm скриптов (Why I Left Gulp and Grunt for npm Scripts)
• Оживляем анимацию с помощью физики (Bring your animations to life with physics)
• 12 трендов веб-разработки, о которых вы должны знать в 2016-м (12 web development trends you must know about in 2016)
• Насчет доступности и малого количество хорошего HTML (On Accessibility and the Lack of Proper HTML)
• Назад в будущее в 2016 (Back to the Future in 2016)
• Отрисовка каустики в реальном WebGL (Rendering Realtime Caustics in WebGL)
• Руководство для начинающих по Github и Git (The Beginner’s Guide to Github and Git)
• Проблемы с новостной лентой GitHub-а (The problems with GitHub's News Feed)
• Как Teespring использует Canvas, SVG, и DOM для дизайна футболок (How Teespring uses Canvas, SVG, and the DOM to Design T-Shirts)
• Эффектный веб:
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #20
  • Эксперимент по реализации предпросмотра места в кинотеатре (Cinema Seat Preview Experiment)
  • Впечатляющий эксперимент с CSS3 анимацией: ABCD Animal Book

• Забавные штуки, которые поймут только разработчики (Things Everyone Who’s Learning to Code Will Understand)

CSS

• Секреты режимов наложения. Перевод статьи Blending Modes Demystified
• Выбираем между «min-width» и «max-width»
• Переменные: костяк CSS архитектуры (Variables: The Backbone Of CSS Architecture)
• Подкаст Big Web Show 141: CSS Grid Layout With Rachel Andrew
• The Sass Ampersand
• Как я сжал свой CSS до 84kb с помощью ITCSS (How I Shrank my CSS by 84kb by Refactoring with ITCSS)
• Влияние печатных макетов на структуру веб-страниц (Influencing Web Layouts with Print Layouts)
• Flexbox:
  • Использованире Flexbox в почтовых письмах
  • Разработка продуктовой страницы с помощью Flexbox (Designing A Product Page Layout with Flexbox)
  • Пожалуйста, не используйте “CSS в JS”
  • Эрик Мейер о примерах использования Grid layout (Subgrids Considered Essential)
  • Оси в Flexbox (The Axis of Flexbox)
  • Использование Bootstrap 4 Flexbox

• U.S. Web Design Standards. Стайлгайды, по которым делаются государственные сайты в Штатах
• Настало время переосмыслить вендорные префиксы в CSS (It’s Time to Rethink Vendor Prefixes in CSS)
• Все, что я знаю про отзывчивую веб-типографику в CSS (Everything I know about responsive web typography with CSS)
• Critical Web Fonts
• 22 полезных рецепта CSS
• Генератор градиентов с размытием
• Удивляющие свойства CSS, которые вы можете использовать уже сегодня (Surprising CSS properties you can use today)
• CSS Modules —  решение проблем масштабирования с CSS (CSS Modules — Solving the challenges of CSS at scale)
• Забавная игра на «чистом» CSS. Используются: cursor: img.png, clip-path, transforms, KeyFrames

JavaScript

• Новости:
  • Microsoft опубликовал исходные тексты JavaScript-движка ChakraCore
  • Исходный код JavaScript-движка ChakraCore выложен на GitHub
  • jQuery исполнилось 10 лет (10th Anniversary of jQuery)
  • Релиз jQuery 3.0 Beta
  • Релиз lodash v4.0.0 (lodash v4.0.0)

• Фреймворки:
  • How to ReactJS
  • Чего ожидать от JS в 2016-м — фреймворки (What To Expect From JavaScript In 2016 – Frameworks)
  • Игра 2048, реализованная с помощью React и Redux
  • React для разработчиков Angular
  • Ресурсы по SPA React и Redux (React and Redux Single Page Applications Resources)

• ES6:
  • Как изучать ES6 (How to Learn ES6)
  • ES6 классы имеют собственные внутренние имена (ES6 classes have inner names)
  • Шпаргалка по вызываемым сущностям в ES6 (Cheat sheet for callable entities in ES6)

• Усталость от JavaScript: альтернативная перспектива (JavaScript Fatigue: An Alternative Perspective)
• Асинхронные приключения в JS: разбираемся с Event Loop (Asynchronous Adventures in JavaScript: Understanding the Event Loop)
• Асинхронный ввод/вывод с генераторами и промисами (Asynchronous I/O with Generators & Promises)
• Параллельний JavaScript с помощью ParallelJS
• Начинаем работать с Underscore.js
• Не забывайте о “noscript” (Quick Tip: Don’t Forget the “noscript” Element)
• Enumify: лучшие enum-ы для JavaScript (Enumify: better enums for JavaScript)
• Понимание Garbage Collection и отслеживание утечек памияти в Node.js (Understanding Garbage Collection and Hunting Memory Leaks in Node.js)
• Уменьшите размер вашего bundle.js, сделав одну вещь (Reduce Your bundle.js File Size By Doing This One Thing)
• Разбор JavaScript синтаксиса IIFE (Disassembling JavaScript's IIFE Syntax)
• Как создать сервис отправки позитивных SMS-сообщений с Stripe и Syncano (How to Build a Daily Affirmations SMS Service with Stripe & Syncano)
• Breakpoint.js — микробиблиотека (~800 байт) для работы с медиазапросами в JavaScript
• SVGnest — библиотека, позволяющая помещать векторные объекты в контейнер

Браузеры

• Компания Microsoft официально прекратила поддержку браузера Internet Explorer 8, 9 и 10 версий
• Firefox 46 будет поддерживать работу с несколькими мониторами с разной плотностью пикселей
• В Firefox для YouTube добавлено преобразование блоков Flash-видео в HTML5
• Что нового в Safari 9.1 для разработчиков
• Webkit! RESOLVED FIXED. О том, почему в Firefox решили поддерживать префиксы -webkit
• Firefox отказывается от Application Cache API в пользу Service Workers
• Десятилетняя история веб-инспектора (10 Years of Web Inspector)
• Браузерные тренды в январе 2016: обзор 12-ти месяцев
• Прекращение поддержки IE 8 в React DOM (Discontinuing IE 8 Support in React DOM)

Дизайн

• Как проектировать для людей с цветовой слепотой
• Bing получил новый логотип , Новый логотип Bing становится зеленым
• Избегайте гамбургерного меню на десктопах (Avoid the Hamburger Menu for Desktop Layouts)
• В защиту гамбургерного меню (In defence of the hamburger menu)
• Facebook и как UI влияет на ваши слова (Facebook and How UIs Twist Your Words)
• Как создать визуально эффективную CTA (How to Create Visually Effective Calls-To-Action)
• Разбор восхитительного дизайна (Delightful Design, Deconstructed)
• Information Architecture: The Scaffold of Good UX
• Юзабилити как враг (Usability as the enemy)
• История редизайна для Instant eSports (Designing the ESPN for eSports)
• Пять способов улучшить дизайн магазинов для пользователей с нарушением восприятия цветов (5 Ways to Improve Your Ecommerce Design for Colourblind Users)
• Никто не хочет использовать твой продукт (Nobody Wants To Use Your Product)
• Как делать дизайн для дислексии (How to Design for Dyslexia)
• Использование визуальной громкости для лучшего ориентирования (Using Visual Loudness for Better Wayfinding)
• Пять неожиданных мест для добавления индвидуальности к Вашему сайту (5 Unexpected Places to Inject Personality into Your Site)
• Julie Ann Horvath, продуктовый дизайнeр (Julie Ann Horvath, Product Designer)
• Прототипирование для крошечных экранов (Prototyping for a tiny screen)
• Разработка логотипа Development Set (Developing The Development Set’s Logo)
• Sketch:
  • Как я делал шаблон веб-магазина в Sketch.app для Themeforest. Часть 1: письмо, идея, прототип
  • Презентация дизайна с помощью Sketch
  • Шаблон для проектирования в Sketch
  • Серия уроков Sketch (часть 2 из 5): символ и стили
  • Прошлое, настоящее и будущее Sketch. Интервью с разработчиком, Pieter Omvlee (The Past, Present and Future of Sketch)

• Типографика:
  • Процесс раработки шрифтов Vinter (The process of drawing Vinter fonts)
  • Десять самых популярных веб-шрифтов 2015-го года (и шрифты, которые вы должны рассмотреть как замену) (The Ten Most Popular Web Fonts of 2015 (And Fonts You Should Consider Using Instead))
  • Шесть прекрасных современных альтернатив шрифту Helvetica (6 Great Contemporary Alternatives to Helvetica)

• timetrabbble — самые популярные работы в Dribbble по хронологии (most popular dribbble shots on)
• Крутые дизайнерские gif-ки

Подборка бесплатных дизайнерских печенек

• Этикетки посвященные Дню святого Валентина в PSD (Free 9 Valentines Day Label PSD)
• Бесшовные иконочные текстуры (20 Free Seamless Icon Patterns for Designers)
• Бесплатные фотографии для дизайна ко Дню Влюбленных
• Timber! Набор векторных элементов (Timber! Vector Elements Set)
• Мокапы для демонстрации дизайна логотипов (80+ Free Logo PSD Mock-up Templates)
• Наборы иконок для магазинов (20+ Free E-Commerce Icon Sets to Download)
• Декоративный шрифт BlowBrush (BlowBrush Free Font)
• Рукописный декоративный шрифт Brush (Duwhoers Brush Free Font)

Новости

• World Wide Web Consortium (W3C) получил премию Emmy за разработку стандартов для доступных субтитров
• Глава Tesla подтвердил работу Apple над собственным электромобилем
• Skype добавляет групповые видеозвонки на мобильные устройства
• В Skype добавили интеграцию со Slack и функцию синхронного перевода
• На рынке ПК произошёл рекордный обвал
• Твиты на 10К символов. Грядет буря?
• Baidu открыл свои наработки в области машинного обучения
• Mozilla закрывает сервис идентификации Persona
• Google: HTTPS-сайты получают преимущество в ранжировании даже при наличии ошибок протокола
• В YouTube появится поддержка видео в формате HDR

Занимательное

• 6 мифов о создании продуктов: Распределение ресурсов, длина итерации, скрытая функциональность
• От умных холодильников до тупых маркетологов. Почему выставка CES стала бесполезна
• CES 2016. Выставка, которая удалась!
• GameTrailers назвал лучшие игровые годы
• Самые влиятельные бренды и люди после CES 2016
• 11 компаний, которые пытались купить Facebook на стадии стартапа
• Коллекция: 10 GIF-анимаций для стандартных ответов на письма

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

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

Автор: Zfort Group

Источник