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

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

CSS

Javascript

Браузеры

Дизайн

Бесплатные печеньки

Новости

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

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

• Почему дизайнер и разработчик должны работать вместе
• Универсальный солдат: как мы разработали и внедрили адаптивное портальное меню для всех проектов Mail.Ru
• Теневой DOM (Shady DOM) (Об одном из нововведений Polymer 1.0, представленного на Google I/O.)
• 6 проблем современного программирования, которые делают жизнь новичка невыносимой
• Релиз Polymer 1.0 (Polymer 1.0 Released!)
• Искусство SVG-фильтров и почему они клевые (The Art Of The SVG Filter And Why It Is Awesome)
• Заметки по поводу `lang` (Notes on `lang`)
• Awesome — курируемый список из клевых курируемых списков на тему веб-разработки
• Адаптивные изображения 101, часть 7: тип (Responsive Images 101, Part 7: Type)
• Полное руководство по веб-анимации (The ultimate guide to Web animation)
• Web против нативных приложений: давайте признаем своё поражение (Web vs. native: let’s concede defeat)
• Как сделать карусель, используя только HTML и CSS (How to make a carousel using only HTML and CSS (no JavaScript required!))
• Подход Ryanair к прогрессивному улучшению (The Ryanair approach to progressive enhancement)
• Как закодить динамическую Twitter-ленту в HTML Email (How to Code A Live Dynamic Twitter Feed in HTML Email)
• Матрица существующих фреймворков для создания мобильных приложений (Mobile App Framework Matrix)
• Почему мы должны перестать использовать Bower – и как это сделать (Why We Should Stop Using Bower – And How to Do It)
• Двадцать документов и руководств для FE разработчиков (№. 4) (20 Docs and Guides for Front-End Developers (No. 4))
• Ракетные пакеты на эскалаторах — перестаньте баловаться с прогрессивным улучшением (Rocket packs on escalators — stop messing with progressive enhancement)

CSS

• Иконификация контента
• Оптимизация рендеринга веб-страницы
• Когда button не лучший выбор (она медленнее создается, отображается и с трудом стилизуется). Перевод от сообщества css-live.ru
• Золотая рыбка CSS3 Grid Layout (часть 1)
• Эффект и дизайн для функциональности сравнения продуктов (Product Comparison Layout & Effect)
• Советы по написанию модульного CSS (Tips for Writing Modular CSS)
• Эффект наклона изображения (A subtle tilt effect for your images)
• Миграция на Flexbox (Migrating to Flexbox by Cutting the Mustard)
• Sass темы: бесконечная история (Sass Theming: The Neverending Story)
• Понимание циклов и условий в Less (Understanding Less Guards and Loops)
• Анимация загрузки Buffer (Buffer's loading animation)
• On writing real CSS (again)
• Исследование отзывчивой веб-типографики на примере Benton Modern (Benton Modern, A Case Study On Art-Directed Responsive Web Typography)
• Подборка материалов по flexbox (Everything There Is To Know About Flexbox)
• Как работает CSS специфичность (How CSS Specificity Works)
• Против CSS в JS (Against CSS in JS)
• No more CSS grid frameworks
• Демка на чистом CSS: анимированная сборка блоков без дополнительных элементов, только `body:before` и 60 строк кода
• Еще одна демка на практически чистом CSS: анимированный кубик

JavaScript

• Заключительные шаги в овладении ключевым словом «this»
• ES6 в деталях: Генераторы
• JS как протокол нативной разработки (JavaScript as a Protocol for Native Development)
• JavaScript Polling
• ES6 в деталях: Деструктуризация (ES6 In Depth: Destructuring)
• ES6 в деталях: Rest параметры и параметры по умолчанию (ES6 In Depth: Rest parameters and defaults)
• Будущее JS front-end фреймворков
• Замыкания в JavaScript (Closures in JavaScript)
• Введение в функциональный JavaScript (An Introduction to Functional JavaScript)
• Синтез звуков барабана с Web Audio API (Synthesising Drum Sounds with the Web Audio API)
• Искусство репликации с JS (Replicating Art With JS)
• Настоящие hash maps в JavaScript (True Hash Maps in JavaScript)
• Проглатывают ли ваши ошибки ES6 промисы? (Are ES6 Promises swallowing your errors?)
• Выбери ES6 модули уже сегодня! (Choose ES6 modules Today!)
• Зарелизился Angular 1.4.0 (Angular 1.4.0 — jaracimrman-existence)
• Создание Twitter приложения с AngularJS (Building a Twitter App Using AngularJS)
• Все насчет Angular 2.0 — готовимся к переходу (All things Angular 2.0)
• Что такое RxJS? (What Is RxJS?)
• Удаленное управление вашим Mac с помощью Node.js и Arduino (Remote Control Your Mac With Node.js and Arduino)
• Тестирование JavaScript с помощью Jasmine, Travis, и Karma (Testing JavaScript with Jasmine, Travis, and Karma)
• Выбор JavaScript библиотеки для создания диаграмм: основные соперники (Choosing a JavaScript Charting Library: the Main Contenders)
• Определение обнажёнки с JavaScript и HTMLCanvas (Nudity detection with JavaScript and HTMLCanvas)
• Pavlov.js — обучение с использованием процесса принятия решения Маркова
• voice-memos — приложение, написанное на ES6 для голосовых записей
• react-droparea — drag and drop для React
• Rocket.Chat — open-source чат на базе Meteor
• Классные адаптивные диаграммы с Chart.js (Fancy, Responsive Charts with Chart.js)
• Headhesive.js — реализация прилипающего хедера
• NotifyMe.js – простая библиотека для нотификаций (NotifyMe.js – A Simple Notification Library)
• Vibrant.js — извлекает превалирующие цвета из фотографии
• Talkie — библиотека для адаптивных презентаций

Браузеры

• Пользователи просят Microsoft перенести движок рендеринга Microsoft Edge в IE
• Бета-тестирование Firefox 39. Начало формирования цифровых подписей для дополнений Firefox
• Microsoft Edge не под силу исправить кошмарную ситуацию с Интернетом
• Microsoft Edge станет первым браузером с поддержкой Dolby Audio
• Поддержка битых/отсутствующих изображений браузерами (Browser support for broken/missing images)

Дизайн

• Джонни Айв теперь директор по дизайну
• 8 отличий между печатным и веб-дизайном
• Блоки в веб-дизайне
• Lenovo провела редизайн логотипа
• Адаптивные логотипы: советы для экранов маленьких размеров
• О злоупотреблении лайтбоксами (Overuse of Overlays: How to Avoid Misusing Lightboxes)
• Инновации в жестах Pull-To-Refresh
• Веб-дизайн теперь не только про веб (Web design is not just web design anymore)
• Инфографика: как разработать идеальный логотип
• Функциональная анимация в UX дизайне (Functional Animation In UX Design)
• Пять простых принципов UX для дизайна вашего продукта (5 Simple UX Principles to Guide your Product Design)
• Обновленный Google Design (Google Design)
• Семь ошибок мобильного UX, которые вы, возможно, совершаете прямо сейчас (7 Mobile UX Mistakes You’re Probably Making Right Now)
• Десять заповедей хорошего дизайна форм в вебе (The 10 Commandments of Good Form Design on the Web)
• Эта дверь воплощение пользовательского опыта дизайна (This Door is the Epitome of User Experience Design)
• Как спрашивать отзывы о дизайне (How to ask for design feedback)
• Если вы можете нарисовать эти три фигуры, вы можете нарисовать интернет (If you can draw these three shapes, you can draw the Internet)
• Показывайте ваши адаптивные дизайны с помощью этих мокапов (Present Your Responsive Designs With These PSD Mockups)
• Что необходимо продуктовым дизайнерам (What Product Designers Need)
• Пользователь — это король (часть 2) (User is the king (part 2))
• Дизайн от iOS к Android (и обратно) (Design from iOS to Android (and Back Again))
• Исследование пользователей дизайна, объясненное для каждого (Design user research explained for everyone)
• Контркритика падения дизайнера (Counter-criticism of Fall of the Designer)
• Дизайн для явного выбора (Designing For Explicit Choice)
• Создание захватывающего интерфейса для Hearthstone (Video: Designing an immersive user interface for Hearthstone)
• Стать гуру Sketch за три простых шага (Become a Sketch Guru in 3 Easy Steps)
• Создание иконок для детальных характеристик продукта (Designing Icons for Detailed Product Features)
• Создание логотипа Team Awesome: от рукописного лого к векторному к Adobe Illustrator (Team Awesome: From Hand-Lettered Logotype to Vector in Adobe Illustrator)
• Пишем для Apple Watch (Writing for Apple Watch)
• Почему я не использую Helvetica (Why I don’t use Helvetica)
• В Kindle наконец-то появилась хорошая типографика (The Kindle Finally Gets Typography That Doesn't Suck)
• Шрифт в деталях: San Francisco Display (San Francisco Display)
• Сверх-крупная типографика в веб-дизайне

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

• Бесплатные текстуры мрамора для вашего дизайна
• Бесплатные типографические значки
• Восемь простых точечных кистей для Illusttrator (8 Free Stipple Shading Brushes for Adobe Illustrator)
• UI наборы для разработчиков и дизайнеров под Windows (Free UI Kit For Windows Developers & UI Designers)
• Набор UI Ink: экраны iOS (Ink UI Kit: Free iOS App Screens)
• Наборы UI для вдохновения для мобильных приложений (40+ Free Mobile UI Kits For Inspiration)
• Свежие наборы иконок за май 2015 (36 Fresh Free Icon Sets – May 2015 Edition)
• Два десятка мокапов смартфонов и планшетов (20 Free Smartphone & Tablet Mock-up Templates)
• Набор контурных иконок Micons (231 Micons)
• Мокапы логотипов — май 2015-го (13 Great Free Logo Mock-ups – May 2015 Edition)
• Рукописные шрифты (20 Beautiful and Free Hand-Drawn Fonts)
• Ikaros — декоративный шрифт без засечек

Новости

• Google I/O 2015:
  
  • Стенограмма конференции Google I/O 2015
  • Подробный отчет с Google IO 2015
  • 8 главных новостей с Google I/O 2015
  • Google рассказал о главных новых функциях Android M
  • 12 незаявленных изменений Android M
  
  
• 75% дохода Google от мобильной поисковой рекламы поступает с устройств Apple
• Создатель Silk Road приговорён к пожизненному заключению
• «Вы хотели, чтобы сайт стал вашим наследием. И он им стал» — приговор по делу основателя интернет-магазина наркотиков Silk Road
• Bloomberg предсказал «взрывное» будущее функции Now on Tap от Google
• Microsoft готовит к выпуску голосовой помощник Cortana для Android и iOS
• Apple приобрела стартап «дополненной реальности» Metaio
• Объявлено о ликвидации компании Mandriva
• Twitter хочет купить Flipboard за 1 млрд долларов
• Mozilla отказывается от смартфонов за $25
• Один год CodyHouse
• Microsoft официально анонсировал запуск Cortana для Android и iOS
• comScore: Мобильный интернет не убивает десктопный
• Сатья Наделла признан самым влиятельным руководителем в IT-сфере

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

• Путешествие в мир новых технологий — дроны, слежка за коровами, 3D печать летающих беспилотников
• Почему коптеры нельзя называть дронами
• Большой обзор российского 4-ядерного процессора Эльбрус-4С. Часть 1: история создания, Часть 2: архитектура, Часть 3: тесты, сравнение с Intel
• С юбилеем, закон Мура
• Неизвестная история Tesla, часть 1/3
• За десять лет YouTube изменил мир и не заработал на этом денег
• На пределе: биткойн ткнулся в фундаментальные ограничения
• Стив Возняк станет экспонатом музея восковых фигур мадам Тюссо
• 10 самых богатых людей в IT-индустрии
• Биометрические линзы сделают зрение в три раза острее
• Вышел трейлер фильма о мире дополненной реальности 2045 года
• Brillo — операционная система для Интернета вещей
• Один день из дивного будущего: концептуальное видео об интернете вещей
• Еще один доклад от Вадима Макишвили, руководителя группы вёрстки геоинформационных сервисов Яндекса. Вадим рассказывает о том, как не поставить крест на своей любимой работе и не потерять ее.

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

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