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



Спасибо всем, кто принял участие в голосовании в прошлом дайджесте. Приятно, что больше всего голосов было отдано за сохранение текущего формата. Первой же категорией на вылет идет «Сайты с интересным дизайном и функциональностью», хотя и были персональные просьбы все же ее оставить. Предлагаем компромисный вариант — этот раздел будет появляться раз в 2(4) недели.

Мы всегда открыты к конструктивным предложениям по улучшению и оптимизации дайджеста, поэтому добро пожаловать в комментарии или личку. Кроме вышесказанного, мы решили последовать примеру нашего PHP-дайджеста, и решили ввести форму для предложения своих ссылок. Feel free, как говорится.

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

CSS

Javascript

Браузеры

Дизайн

Новости

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

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

• AMP:
  
  • Google запустил проект Accelerated Mobile Pages, призванный улучшить мобильный интернет
  • Практический обзор Google AMP (Accelerated Mobile Pages)
  • Новый подход к веб-производительности (A new approach to web performance)
  • AMP and Incentives. Tim Kadlec о потенциальных проблемах
  
  
• DevTips: Советы веб-разработчику (1-16)
• Лучшие способы использования веб-шрифтов в 2015-м (Using Web Fonts The Best Way (in 2015))
• Используем отзывчивые изображения уже сейчас (Using Responsive Images (Now))
• Использование srcset и picture для правильной адаптации на каждом устройтве (Using extended srcset and the picture element to tailor your image to every device and layout)
• Адаптивные изображения для занятых людей: Srcset & размеры (Responsive Images for Busy People: Srcset & Sizes)
• Короткое обновление по поводу HTML5 (A Short Refresh On HTML5)
• Какие редакторы кода используют разработчики в 2015-м
• Может ли лого Google весить 305 байт?
• Подборка инструментов для создания анимации в вебе (Handy Web Animations Tools)
• Улучшаем производительность Grunt (Improving Grunt Performance)
• Front-End Development and Architecture
• Стратегия Gmail first для отзывчивых писем (A Gmail first Strategy for Responsive Emails)
• Remote-First vs. Remote-Friendly
• MorphSVGPlugin — продвинутый плагин для плавной трансформации SVG фигур
• Создание SVG Favicons
• Быстрая загрузка страниц — руководство для разработчиков полного цикла (Ludicrously Fast Page Loads — A Guide for Full-Stack Devs)
• Шпаргалки для Frontend разработчиков (Cheat Sheets for Frontend Developers)
• Генерация случайных цветов из массива (Generating random colours from an array)
• Прощай John Doe — генератор имен
• Новый эпизод подкаста Supercharged, где рассматривается производительность мобильной версии сайта The Guardian
• Доклад «Debugging Accessibility» от Alice Boxhall
• Еженедельная подборка красивых эффектов на CSS/SVG/JS #7

CSS

• Адаптивные email-письма и media queries: Проблемы и решения
• CSS Global Order — JS-реализация (IE7+) изменения визуального порядка HTML-элементов с помощью стандартного CSS-свойства order без необходимости включения Flexbox для родительского элемента.
• Глубокое погружение в PostCSS: Что вам следует знать (введение)
• Руководство по быстрому старту с PostCSS: исследование плагинов
• CSS Image Effects: #1: Vintage Washout, #2: 3D Glasses
• Создание сайтов и приложений с RTL-направленностью: часть 2 (часть 1)
• Eyeglass — менеджер расширений node-sass (github), построенный на npm
• 10 SCSS утилит, без которых я не могу жить
• neutroncss — Sass фреймворк для построения гибких и семантических лейаутов
• Motion UI — Sass библиотека от Zurb для создания гибких CSS переходов и анимаций
• Фоновое видео и css-фильтры (Video wallpaper and css filters)
• Введение в спрайтовую анимацию с SVG (An Introduction to Sprite Animation)
• Понимание и использование rem единиц в CSS (Understanding and Using rem Units in CSS)
• Видео: нестандартные списки с CSS счетчиками (Watch: Custom Lists with CSS Counters)
• CSS Protips — современные решения типичных проблем (CSS Protips)
• Зачем существует `повторяющийся-линейный-градиент`? (Why Do We Have `repeating-linear-gradient` Anyway?)
• CSSfmt — инструмент для автоматического форматирования CSS и SCSS кода
• Доклад «Emotion Through CSS» от Tammie Lister с CSSconf EU 2015
• Доклад «Photoshop is Dead!: Editing Images in CSS» от Una Kravets с CSSconf EU 2015

JavaScript

• Анимируем объекты с использованием физики в JavaScript (Yaroslavl Frontend Meetup)
• 7 причин, по которым каждый программист должен изучить JS (7 Reasons Every Programmer Needs to Learn JavaScript)
• 10 вопросов на собеседовании, которые должен знать каждый JS разработчик (10 Interview Questions Every JavaScript Developer Should Know)
• Создание веб-приложения с помощью Make
• Шоу Totally Tooling Tips от разработчиков Google
• Асинхронный API с использованием Fetch API и ES6 генераторы (Asynchronous APIs Using the Fetch API and ES6 Generators)
• Важность безопасности клиентского JavaScript (The Importance of Client-Side JavaScript Security)
• 3 JavaScript ORM, о которых вы, возможно, не знали (3 JavaScript ORMs You Might Not Know)
• Async/Await: Заслуженный герой JavaScript (Async/Await: The Hero JavaScript Deserved)
• Неизменяемые структуры данных и JavaScript (Immutable Data Structures and JavaScript)
• Перечислимости в ECMAScript 6 (Enumerability in ECMAScript 6)
• Node.js и ES6 вместо Java – история войны (Node.js and ES6 Instead of Java – A War Story)
• Фреймворки:
  
  • Flux в картинках
  • AngularJS: Миграция с 1.2 на 1.4, ч.1
  • Хорошие времена для Meteor разработчиков (These are Good Times to be a Meteor Developer)
  • Релиз React v0.14
  • Видео: Ускоряемся с Angular – Ben Godfrey (Go faster with Angular – Ben Godfrey at The Lead Developer 2015)
  • Создание приложения для настольных компьютеров с AngularJS и GitHub Electron (Creating Desktop Applications With AngularJS and GitHub Electron)
  
  
• Начало работы с Emscripten – конвертация C/C++ в JavaScript/HTML5 (Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5)
• Использование Google Analytics Core Reporting API из Node.js
• Как написать игру Pacman на JavaScript How To Write a Pacman Game in JavaScript)
• Плагины:
  
  • cake-chart — библиотека для создания интерактивного многослойного графика
  • Mercer — объемные интерактивные графики и диаграммы
  • artyom.js — js библиотека для контроля голоса и распознавания речи
  • Quick[select] — jQuery плагин для быстрого выбора более частых вариантов из списка вариантов
  • svg-mesh-3d — конвертация векторной графики в 3D формы
  • bling.js — $ без jQuery
  • html5tooltips.js — всплывающие подсказки с плавной 3D анимацией
  • JS модуль для генерации адаптивных SVG изображений приборов самолетов (geezer-x SVG Aircraft Instruments)
  
  

Браузеры

• Microsoft скоро закроет поддержку устаревших версий Internet Explorer
• browserling — платный сервис для кросс-браузерного тестирования
• yourbrowser.is — страница c информацией о вашем браузере
• Тренды браузеров октябрь 2015: устойчивое падение Safari (Browser Trends October 2015: Sustained Safari Slips)
• Firefox прекращает поддержку плагинов NPAPI, за исключением Adobe Flash

Дизайн

• Я оставил свои системные шрифты в Сан Франциско
• Почему минималистский дизайн всё ещё правит вебом
• Изучаем невидимый дизайн
• Как работают дизайнеры, которые плохо различают цвета?
• Художники из разных стран мира нарисовали собственные туристические логотипы России
• Adobe Max:
  
  • Новости с Adobe Max
  • Adobe Portfolio. — новый проект от Adobe для создания портфолио
  • Adobe представила революционное приложение для UX дизайна на MAX (Adobe unveils a revolutionary UX design application at MAX)
  
  
• Редизайн:
  
  • Блог-платформа Medium впервые сменила свой логотип
  • Арт-директор Medium рассказал о новом логотипе платформы
  • История создания нового логотипа Medium (The Story Behind Medium’s New Logo)
  • Что не так с перезапуском «Кинопоиска»
  • Редизайн приборной панели Tesla UI (A Redesign of Tesla’s Dashboard UI)
  
  
• Типографика:
  
  • Лучшие игры с типографикой для дизайнеров
  • Ключевые факторы отзывчивой веб-типографики (Key Factors of Responsive Web Typography)
  • Присматриваемся к новым шрифтам Charter и Kievit (Cast of characters. Taking a closer look at new Medium fonts: Charter and Kievit)
  
  
• Графические редакторы:
  
  • Мешают туристы на фоточке? Adobe Monument Mode уберет все лишнее
  • Дизайн и более эффективная совместная работа с Adobe Creative Cloud для команд (Design and Collaborate More Effectively with Adobe Creative Cloud for Teams)
  • Классные уроки по фотоманипуляциям в Adobe Photoshop
  • Я создал плагин для Sketch. И у вас получится
  • Плагины к Sketch 3 (Sketch 3 Plugins)
  • Поиск способов чистого экспорта иконок в .svg из Sketch …корректный метод
  • Atomic Design с использованием Sketch — будущее продуктового дизайна
  
  
• Уроки:
  
  • Создание Action-изометрии и применение к иконке в Adobe Photoshop (Create an Isometric Action and Apply It to an Icon in Adobe Photoshop)
  • Как создать кисти с лучами света с нуля в Adobe Photoshop (How to Create Your Own Light Ray Brushes From Scratch in Adobe Photoshop)
  • Как создать иллюстрацию стилизованной фото-камеры в Adobe Illustrator (How to Create a Stylised, Textured Flat Camera in Adobe Illustrator)
  
  
• Должны ли дизайнеры писать код? (Does A Designer Need To Code?)
• Свежий тренд с динамическими абстрактными хомяками (The Fresh Trend of Dynamic Abstract Homepages)
• 5 психологических секретов для интерактивного дизайна (5 psychology secrets for great interaction design)
• (Почти) Все, что вам следует знать о Материальном Дизайне (Everything (Almost) You Need to Know about Material Design)
• В защиту гамбургер-меню (In Defence of The Hamburger Menu)
• Популярные руководства по стилю (Style Guide)
• Как быть дизайнeром полного цикла (Being A Full Stack Designer)
• Процесс разработки дизайна один к одному (Designing at 1x)
• Цвет или контраст —? что заставляет тебя кликать? (Color vs. Contrast?—?Which makes you click?)
• Почему дизайнеры думают, что пользователи ленивы: три человеческие привычки (Why Designers Think Users Are Lazy: 3 Human Behaviors)
• Дизайн приложения Trullo (Designing Trullo)
• Обзор мобильного приложения Songza (App Review — Songza)
• Веб тренды 2015: свежесть дизайна с акварелью (Web Trends 2015: Brush up on the Watercolor Design Trend)
• Является ли дизайнер рассказчиком? (Is a Designer a Storyteller?)
• Восемь худших ошибок с UX: мнения экспертов (The 8 Worst UX Mistakes Coming From Experts)
• Ваш UI — это не диснеевский фильм (Your UI isn’t a Disney Movie)
• Ошибки адаптивного дизайна, и как их исправить (Responsive design mistakes—and how to fix them)
• 25 креативных страниц с сообщением о том, что сайт находится в разработке (25 Creative Under Construction Page Designs)
• Дизайн кнопок для дальтоников
• Палитры, вдохновленные закатами
• 20 примеров сайтов, построенных на блоках
• 23 безумно хороших типографических дизайнов (23 Insanely Good Typography Designs)

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

• Векторные паттерны и фоны к Хэллоуину
• Бесплатный элегантный векторный набор с 60 элементами рабочего пространства (Free Elegant Vector Kit with 60 Workspace Elements)
• 10 бесплатных векторных шаблонов для инфографики (10 Free Infographic Vector Templates)
• Коллекция бесплатных ресурсов созданных дизайнерами Facebook-а (A collection of free resources made by designers at Facebook.)
• 99 лучших бесплатных шаблонов веб-сайтов в формате Photoshop (99 Best Free Photoshop Website Templates)
• IDDO – Бесплатная тема в PSD формате #4 (IDDO – Free PSD Theme #4)
• Набор UI Spot (Spot-Free UI Kit)
• Лучшие 10 бесплатных наборов UI за сентябрь 2015 (Top 10 Free UI Kits of September 2015)
• Бесплатные элементы UI для веб и мобильного дизайна (Free UI Elements For Web and Mobile Design)
• 40 ярких бесплатных фонов в высоком разрешении (40 Free High Resolution Vibrant Blurred Backgrounds)
• Упаковка иконок на тему офиса и бизнеса (92 иконки, AI, EPS, PSD, PDF, PNG, SVG) (Freebie: Office And Business Icon Pack (92 Icons, AI, EPS, PSD, PDF, PNG, SVG))
• Бесплатная упаковка с контурными иконками Squid (Free Line Icons Pack)
• Набор иконок с плоским дизайном Vio Late (Vio Late)
• Devious — декоративный винтажный шрифт (Devious Typeface)

Новости

• Новинки Microsoft: Surface Pro 4, Surface Book, Lumia 950 и 950 XL, Band 2 и HoloLens
• Новая эра устройств от Microsoft под управлением Windows 10
• Apple и Google — по-прежнему два самых дорогих бренда в мире
• Элон Маск представил самые эффективные солнечные батареи в мире
• Вместо кнопки «Dislike» в Facebook появится несколько смайлов Emoji, Газета USA Today протестировала новые лайки-смайлы Фейсбука, сопроводив ими все свои заметки
• Reddit запускают новый сайт на WordPress: Upvoted
• Организация Linux Foundation запустила проект по развитию Real-Time Linux
• Представлена операционная система Redox, написанная на языке Rust, а Hewlett-Packard представил открытую сетевую операционную систему OpenSwitch
• Facebook показал, как будет выглядеть кнопка «Не нравится»
• «Яндекс» извинился за провальный перезапуск «КиноПоиска» и пообещал вернуть сервис в прежнем дизайне
• Mail.Ru Group запустила сервис рекомендаций фильмов и сериалов следом за «Яндексом»
• Wired констатировал «смерть» пользовательских комментариев на сайтах СМИ
• Adidas намерена прибегнуть к технологии 3D-печати для изготовления обуви под заказчика

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

• Новые эмоции в Facebook. Краткий анализ функциональности и её логики
• Сайт с зарядкой для глаз
• 10 мифов о продуктивности, которые мешают вам развиваться
• Почему Microsoft вас слушает и записывает
• Рой роботов, как основа массовой роботизации
• Пришло время задуматься над покупкой VR
• Привычка врать. Почему «умные» вещи водят нас за нос и как их от этого отучить?
• Илон Маск назвал Apple «кладбищем Tesla»
• Революция Uber: История Трэвиса Каланика, взломавшего рынок такси
• Google Car: утопия или реальность?
• Элон Маск: «Я не ненавижу Apple»
• Почему компании ищут «рабов»
• Зачем нужен ЦЕРН: 5 открытий физиков-ядерщиков, которые перевернули мир
• Главная роль: как киноиндустрия пытается экранизировать ИТ-предпринимателей и что в итоге из этого получается
• Малоизвестные стартапы, которые изменят мир
• Атомы, визуализированные с помощью WebGL

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

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