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

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

• Ghostlab: использование инструментов разработчка Chrome для отладки в любом браузере
• Как всё устроено: разработка интерактивных онлайн-курсов
• Обновление #длямобильных уже в действии. Отвечаем на ваши вопросыперевод
• Создание руководства по стилю
• Туда и назад: возвращаясь к реальному front-end коду (There and Back Again: Returning to Real Front-End Code)
• Что означает элемент canvas для доступности (What the canvas element means for accessibility)
• Приступая к работе с HTML5 Video (Getting Started with HTML5 Video)
• API NASA — инструментарий для разработчиков от NASA
• Создание адаптивного портфолио с UIkit (Building a Responsive Portfolio with UIkit)
• Electron — инструментарий для создания кроссплатформенных приложений с помощью веб-технологий (бывший Atom Shell)
• Бесплатный курс на Udacity «Browser Rendering Optimization»
• WebP изображения и производительность (WebP Images & Performance)
• free-for-dev — ссылки на бесплатности из мира Saas, PaaS и IaaS
• Концепт интерактивного раскрашивания страницы с помощью Drag-and-Drop (Interactive Drag and Drop Coloring Concept)
• Aaron Gustafson
• Penguin — легкий и расширяемый стартовый набор для фронтенд-разработчика
• Оптимизация SVG в data URI
• О HTTP2 за 5 минут

CSS

• Способы организации CSS-кода
• Хорошо ли вы разбираетесь в линейный градиентах CSS?
• 3 вопроса по CSS, которые вызывают трудности
• Рассказ о том, как написать свой собственный CSS препроцессор за 9 месяцев
• Задача плотной упаковки блоков
• cssflexbox.com — курируемая коллекция материалов, советов и ресурсов по CSS Flexbox
• Цветные SVG в фоновых CSS изображениях (Coloring SVGs in CSS Background Images)
• Bootstrap 4 will be in SCSS
• harmon — простая типографика с Sass
• Sass и адаптивная типографика (Sass and Responsive Typography)
• c^ret — генератор CSS кода для стрелочек
• How to Center in CSS — сервис для генерации кода для центрирования чего-либо
• FlexCss — библиотека JS/CSS паттернов на базе Flexbox
• Просто используйте пиксели (Just use pixels)
• Лого Marvel на CSS
• Управляем высокомасштабируемыми веб-проектами с помощью новой CSS архитектуры ITCSS (Manage large-scale web projects with new CSS architecture ITCSS)
• Связываем множественные режимы смешивания (Chaining Multiple Blend Modes)
• Прекращайте писать вендорные префиксы (Stop writing vendor prefixes)
• Продвинутая стилизация элемента select с помощью CSS3 (Advanced CSS3 Styling of HTML5 SELECT Element)
• Скринкаст по основам позиционирования в CSS

JavaScript

• Миксины для “классов” в JavaScript
• Видео докладов с MoscowJS Meetup
• Оптимизация циклов
• Атака через JavaScript по определению содержимого L3-кэша CPU
• Анонс проекта Globalize 1.0
• Более глубокое рассмотрение ES6: введение (ES6 In Depth: An Introduction)
• У всех есть JavaScript, да? (Everyone has JavaScript, right?)
• Inline SVG fallback; no JavaScript required
• Основы видимости переменных в JS (The basics of variable scope in JavaScript)
• Распространенные заблуждения о наследовании в JS (Common Misconceptions About Inheritance in JavaScript)
• Неизменяемость в JavaScript (Immutability in JavaScript)
• Три неудобства в JS, о которых должны знать Java/C разработчики (Three JavaScript Quirks That Java/C Developers Should Know)
• Паттерны создания JS UI виджетов (Patterns of JavaScript UI Widget Instantiation)
• angular2-education — материалы по AngularJS 2
• React для будущего с изоморфическими приложениями (React To The Future With Isomorphic Apps)
• Введение в футристический новый роутер в AngularJS (An Introduction to the Futuristic New Router in AngularJS)
• Устранение JS кода с душком (Eliminate JavaScript Code Smells)
• Подборка лучших плагинов Javascript Carousel
• Pointer — добавление поддержки Pointer-событий
• compareTo — скрипт, добавляющий поддержку атрибута compareTo, для сравнения двух введенных паролей
• wm-html-include.js — скрипт для добавления внешних html страниц в текущий документ
• Диалоги подтверждения в стиле Medium
• Egg.js — добавление пасхалок на сайт
• NoSleep.js — предотвращает засыпание экрана на Android/iOS
• itemSlide.js — простая тач-карусель
• Elevator.js — забавный подъем к началу страницы
• Лингвистика JS от Erin McKean (The Linguistics of JavaScript — Erin McKean (Wordnik) keynote)
• Гармония ECMAScript: рост компиляторов — заметки с доклада Brendan Eich (ECMAScript Harmony: Rise of the Compilers — Brendan Eich keynote)
• Анатомия JS MV* фреймворков от Craig McKeachie (Anatomy of a JavaScript MV* Framework — Craig McKeachie — JS Remote Conf 2015)

Браузеры

• Новая функциональность в Chrome DevTools (Chrome DevTools upcoming features)
• Временная шкала DevTools: теперь рассказывает полную историю (DevTools Timeline: Now Providing the Full Story)
• Push-революция: в Safari и Chrome теперь можно получать уведомления от сайтов даже при закрытом браузере
• Разработчик создал браузер для Apple Watch
• Вознаграждение за найденные баги в браузере Spartan

Сайты с интересным дизайном и функциональностью

• The Artist at War — интерактивный тематический сайт, посвященный исторической теме
• flavinsky.com — минималистический сайт с акцентом на типографике
• pro.weltrade.com — сайт с качественной графикой и фоновым видео
• voetsdesign.com — сайт с эффектной реализацией бекграундов
• getbeagle.co — прекрасная скролл-анимация
• Fornasetti — немного странный сайт о канцелярских товарах
• Примеры сверх-минималистичного веб-дизайна (25 Inspiring Examples of Ultra Minimal Web Design)

Дизайн

• Основные принципы проектирования интерфейсов виртуальной реальности
• Часы для поклонников Helvetica, редизайн Meduza и другие новости дизайна за неделю
• Перевод очередных разделов официальной документации Google по материальному дизайну от команды css-live.ru: Цвет, Иконки, Изображения
• Как фаблеты влияют на дизайн UX для мобильных устройств
• Красивые заголовки в веб-дизайне
• stet.io — онлайн редактор изображений
• Kubist — сервис для превращения фото в полигональный SVG
• Web Design Stack — коллекция всех необходимых ссылок
• Захватывающий дизайн (о дизайне виртуальной реальности) (Immersive design)
• Падение дизайнера часть III: конформистский отзывчивый дизайн (Fall of the Designer Part III: Conformist Responsive Design)
• Три катастрофы адаптивного дизайна (и как их избежать) (3 responsive design disasters (and how to avoid them))
• Как мы проектировали робота-охранника: опыт студии дизайна Forma
• Использование Sketch для создания адаптивного веб-дизайна (с примером) (Using Sketch For Responsive Web Design (A Case Study))
• Мой Balsamiq: вайрфреймы в вебе (My Balsamiq: Wireframes on the Web)
• книга «Pay me or else!» — о решениях проблемы с клиентами-неплательщиками; (I fucking hate it when clients don’t pay)
• Часы на моем телефоне: что время значит для нас (The Watch On My Phone: What Time Means To Us.)
• Семь советов для разработки дизайна приложений для женщин (7 Tips for Designing Apps for Women)
• Локализация дизайнов со Sketch и Invision (Localise designs with Sketch and Invision)
• Пусть ваши пользователи подождут (Let Your Users Wait)
• Дизайня настройки (Designing Settings)
• Дизайн индикатора счета спортивных состязаний (The Score Bug: A Case Study on Creating Digital On-Screen.)
• Как нарисовать реалистичный нос в Adobe Photoshop (Learn How to Paint a Realistic Nose in Adobe Photoshop)
• Как создать яркий игровой фон в CorelDraw (How to Create a Vivid Video Game Background in CorelDRAW)
• Выбирая подходящую типографику для вашего UI (Choosing the Best Typography for Your UI)
• Сто дней, сто шрифтов (100daysoffonts.com)
• Proxima Nova, ca. 1981
• Обложки комикса «Avengers» с 1965 по 2015 года
• Team Colors — основные цвета спортивных клубов
• История дизайна: познакомьтесь с вашими амперсандами (Design History: Get to Know Your Ampersands)

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

• Бесплатные веселые паттерны
• Ресурс с бесплатным вектором, фото, иконками и прочим
• Контурные изображения жестов (Righteous gestures — free gestures set)
• Мокапы iOS устройств, постеров и обложек журнала (Free Photoshop Mockups for Web Designer & Developer)
• Мокапы футболок (20+ Amazing Free T-Shirt Mockup PSD Templates)
• Мокапы штампов (15+ Best Stamp Mock-up PSD)
• Лучшие наборы UI в формате PSD для Android (46+ Best Free Android UI Kit PSD)
• Иконки относящиеся к теме фото и видео (Photography & Camera Function Icon Set – Freebies)
• Набор иконок с дизайном в стиле Material (Material Design Icon Set – Freebie)
• Одиннадцать наборов с иконками (11 Free Icon Sets For Your Design Toolbox)
• Несколько наборов иконок на разные тематики (Free Multipurpose Icons)
• Красочные иконки с плоским дизайном (300+ Free Flat Color Icons)
• Bough — рукописный ретро шрифт (Bough: Hand-Drawn Typeface)

Новости

• Google готовится к запуску тысяч интернет-аэростатов Loon
• Project Fi — виртуальный мобильный оператор от Google
• В поисковой выдаче Google теперь учитывается оптимизация сайта для мобильных устройств
• Google запустил алгоритм mobile-friendly , Мнения специалистов
• Первоапрельская шутка com.google случайно создала огромную брешь в системе безопасности
• Суд в Германии одобрил использование AdBlock
• Самый популярный язык на GitHub показали на одном графике
• Microsoft возвращает в поставку Windows 10 Solitaire, Minesweeper и Hearts
• Владельцы Android-смартфонов получили возможность управлять телефоном через поиск Google
• Релиз WordPress 4.2 с устранением серьёзной уязвимости
• Релиз Windows 10 состоится в конце июля
• YouTube отмечает десятилетие с момента загрузки на хостинг первого видео
• Apple объяснила в новых рекламных роликах, как использовать Watch для работы, спорта и общения
• Пользователи Facebook ежедневно смотрят 4 млрд видео
• Число дня: сколько человек каждый месяц пользуются Facebook
• Роман Абрамович вложился в Music Messenger

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

• Android испражняется на логотип Apple на гуглокартах
• От чего произошли названия 20 современных IT-гигантов
• Чем плохо работать в Facebook: отзывы бывших сотрудников крупнейшей соцсети в мире
• Основатель мессенджера Slack: Сейчас лучшее время для стартапов, которым нужны инвестиции
• Плохой год для Google — почему аналитики сомневаются в светлом будущем «корпорации добра»
• Откуда взялась ошибка 404
• Юбилей телескопа Хаббл: 25 лет удивительных фотографий космоса

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

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