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

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

• Эффект Motion Blur с помощью SVG
• Как перестать беспокоиться и начать жить без Flash
• Маленькая неочевидность в SVG-паттернах: по следам трансформации-невидимки
• Старое SEO vs. новое SEO: как изменился подход к поисковому продвижению (инфографика)
• #ДАМП, секция #FrontTalks, видео докладов.
• Результаты Developer Survey 2015 на StackOverflow
• Изменения в алгоритме Google, определяющем мобильную дружественность сайта (Google Mobile Friendly Algorithm Change)
• Grid — современные инструменты для работы над контентом и дизайном от Look at Media Modern
• Кодим карусель (Keeping it simple: coding a carousel)
• Семантика HTML для веб контента (Semantic HTML for Web Content)
• Не учите фреймворки. Изучайте архитектуру (Do Not Learn Frameworks. Learn the Architecture)
• Десять лет Git: интервью с создателем Git Linus Torvalds (10 Years of Git: An Interview with Git Creator Linus Torvalds)
• Свежие черновики новых веб-стандартов HTML5 Web Messaging, SVG2
• Разработка адаптивных интерфейсов с поддержкой тестирования (Visual Test-Driven Development For Responsive Interface Design)
• Уменьшение размера полупрозрачных изображений с помощью Canvas (Reduce the size of transparent images through Canvas)
• Как сделать расширение для Chrome за 10 минут (How to Create a Chrome Extension in 10 Minutes Flat)
• Добавление временной шкалы на сайт с Google Charts (Add a Timeline to Your Website with Google Charts)
• Основы WebGL (WebGL Fundamentals)
• WebGL GLSL Shader Editor — дополение к хрому для редактирования шейдеров
• Эффектный веб:
  
  • Страница, разделенная пополам слайд-панелями и имеющая 3d-эффекты открытия. Создано с помощью Stylus и vanilla JavaScript.
  • 3D Bold Navigation — интересный концепт навигации, которая заменяет один слайд другим с эффектом отдаления вглубь
  • Любимые работы Sara Soueidan на CodePen (Sara Soueidan’s Favorite CodePen Demos)
  
  

Производительность в вебе

• The Path to Performance — новый подкаст, посвященный производительности сайтов (с ведущими Tim Kadlec и Katie Kovalcin)
• Техники загрузки шрифтов (Font Loading Techniques)
• Улучшение производительности при использовании нестандартных шрифтов с помощью Subsetting и Local Storage (Improving Font Performance with Subsetting and Local Storage)
• Более быстрая загрузка шрифтов с помощью Font Events (Faster Font Loading with Font Events)
• Еще больше техник оптимизации для повышения скорости сайта

CSS

• Калькулятор на чистом CSS3
• Весенние новинки Рабочей группы CSS
• Пособие для начинающих по позиционированию фона в CSS — перевод статьи «A Primer To Background Positioning In CSS» сообществом css-live.ru
• То, что никто не рассказывает вам про «will-change» — Перевод статьи «What nobody tells you about «will-change»» сообществом css-live.ru
• Видео-уроки по Flexbox CSS3: 1. FlexBox на практике , 2. FlexBox на практике 3. Свойства FlexBox, 4. Управляем размерами блоков
• Адаптивные таблицы на чистом CSS (Responsive Tables in Pure CSS)
• Основы Sass: управляющие директивы и выражения (Sass Basics: Control Directives and Expressions)
• Эстетический Sass: цвета и палитры (Aesthetic Sass: Colors and Palettes )
• Перемещение и масштабирование SVG графики с помощью атрибута viewBox (Move And Scale SVG Graphics With The viewBox Attribute)
• Отменяем нативную оптимизацию стилей писем в Gmail (Override Gmail’s Mobile Optimized Emails)
• CSS3 Keyframes Animation Generator
• Делаем миксины медиа-запросов более гибкими (Making our Media Query Mixins More Flexible)
• CSS Font Sizing
• MultiLayer Effects With CSS Clip Paths, Filters, and Blend Modes
• Hampton Catlin – The Future of SASS (видео подскаст)

JavaScript

• Exploring JavaScript Symbols. Symbol — новый тип данных в JavaScript, Использование символов
• Вышла первая версия фреймворка Matreshka.js, 10 причин попробовать Матрешку, Matreshka.js: От простого к простому
• Ionic framework. Обзор экосистемы
• Рисование эллипса под произвольным углом в canvas на JavaScript
• RadioJS, Выпуск 21:: Когда io.js поглотил joyent
• Борьба с асинхронностью в JavaScript. Promise и шаблоны асинхронного программирования. (Владимир Дашукевич)
• Интерактивный 8-битный JavaScript (демо с #fdconf)
• ItemSlide.js — очередная тач-карусель
• cta.js — cta («Call to Animation») — небольшая библиотека для анимации путей «action-to-effect»
• Первоначальный код jQuery с аннотациями от его создателя John Resig (The original jQuery source code, released Jan 14th, 2006 at BarCamp NYC)
• Numerical analysis in Javascript
• Развертывание ES6 (Deploying ECMAScript 6)
• Конвертор ES5 кода в ES6 (Upgrade your ES5 code to ES6)
• Облегчение асинхронного кодинга с помощью функций Async в ES7 (Simplifying Asynchronous Coding with ES7 Async Functions)
• Ошеломляющая вселенная стратегий работы с модулями в JavaScript (The mind-boggling universe of JavaScript Module strategies)
• Начинаем разбираться с Node.js и Mocha (Getting started with Node.js and Mocha)
• Выпрямление Backbone-архитектуры: Урок разработки событийного пользовательского интерфейса (Straightening our Backbone: A lesson in event-driven UI development)
• Ускорение разработки JS с CoffeeScript (Accelerate Your JavaScript Development with CoffeeScript)
• AngularJS-Boilerplate
• Angular2 — первые впечатления (Angular2 — First Impressions)
• Десять JS библиотек для рисования собственных диаграмм (включая две платные) (10 JavaScript libraries to draw your own diagrams)
• Определение минифицированного JS кода (Detecting Minified JavaScript Code)
• Практическая разработка на TypeScript с использованием Gulp (Practical TypeScript Development with Gulp and Sublime Text 3)
• Autocompeter — плагин для реализации поля с авто-подсказками без зависимостей (A really fast AJAX autocomplete service and widget)
• Markdownify — редактор Markdown в браузере с поддержкой загрузки изображений в облако
• space.js — 3D-скроллинг эффекты с помощью HTML-атрибутов
• black-hole.js — создание эффекта черной дыры для изображения
• «Defender» by Keith Clark — 1023 bytes с JS1k2015

Браузеры

• Страница about:about в Firefox
• Project Maelstrom вышел в публичную бету
• Обзор браузера Microsoft Project Spartan: что нас ждет вместо Internet Explorer?
• Firefox для Android преодолел рубеж в 100 млн загрузок
• Тренды Апреля 2015: StatCounter против NetMarketShare (Browser Trends April 2015: StatCounter vs NetMarketShare)
• Trainspotting: Firefox 37, Developer Edition and More
• За спинами Firefox, Chrome и IE: некоторые браузеры, о которых знают меньше

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

• Главный разработчик президентского сайта Kremlin.ru о работе над ресурсом
• http://bonhommeparis.com/en/ — скролл-эффект
• Apple Watch Review
• twofold.com — автомобильный сайт с симпатичными анимационными эффектами
• Сайты, насыщенные анимацией на главной странице
• 20 сайтов со встроенной модульной сеткой
• fabrica.it — сайт с необычным использованием фонового видео и приятной анимацией
• mirumagency.com — еще один пример современного сайта

Дизайн

• Разбираемся в трендах веб-дизайна
• Продуктовый дизайн: 20 самых важных материалов за месяц
• Шаблон интерфейса Apple Watch, лекция Быстроновского, иконки Material Design и еще 6 новостей дизайна
• Дизайнер выбрал хорошие шрифты для интерфейсов
• Еще 4 переведенных раздела спецификации Material Design от Google: Достоверное движение, Отзывчивое взаимодействие, Осмысленные переходы, Приятные мелочи. Перевод от сообщества css-live.ru
• Коллекция правдивых гифок про работу дизайнеров и UX-специалистов
• Designers checklist advices — списки с принципами работы и советами дизайнеров
• Сопротивление редизайну (Resist the Redesign)
• Интервью с продуктовым дизайнером Facebook Kristina Varshavskaya (AMA with Facebook Product Designer, Kristina Varshavskaya)
• Adobe Character Animator позволяет анимировать персонажей, используя собственное лицо (Adobe Character Animator Lets You Animate With Your Face)
• InVision предлагает быстрое прототипирование под мобильные устройства (Mobile prototyping for iOS and Android is now instant, offline, and awesome)
• Дорогой веб-дизайнер, давайте прекращать нарушать возможности прокрутки (Dear web designer, let's stop breaking the affordance of scrolling)
• Пять вещей, которые вы должны знать, когда делаете дизайн для Apple Watch (5 Things You Need to Know When Designing For Apple Watch)
• Дизайн приложения Tower для Yosemite (App Design on Yosemite)
• Не подходит для печати: когда хороший дизайн становится плохим (Not fit to print: When good design goes bad)
• Четырнадцать правил для создания работающих CTA кнопок (14 Rules for Creating CTA Buttons That Work)
• Как сетка автоматизирует веб-дизайн без убийства дизайнера (How The Grid Will Automate Web Design Without Killing The Designer)
• Как увлечь аудиторию движением (How to Captivate Your Audiences with Motion)
• Коллекция дизайнерских идей о предполагаемой скорости работы интерфейса (Collection of design insights about perceived speed.)
• Падение дизайнера часть 1: модная ерунда (Fall of the Designer Part I: Fashionable Nonsense)
• Позиционирование градиента в фотошопе (Photoshop’s gradient positioning)
• Как создать собственные кисти с грязевыми пятнами в фотошопе (How to Create Custom Dirt and Decay Brushes in Adobe Photoshop)
• Создание карнавального эффекта на тексте с помощью панели Appearance в иллюстраторе (Create a Carnival Text Effect Using Adobe Illustrator's Appearance Panel)
• Быстрая подсказка: использование эффектов в Adobe InDesign (Quick Tip: Using Effects in Adobe InDesign)
• Прекрасные иллюстрации посвященных Играм Престолов от Ивана Беликова (Amazing Game Of Thrones Illustrations By Ivan Belikov)
• Красота и уродство в дизайне типографики (The Beauty and Ugliness in Type Design)
• Лучшие шрифтовые семейства в UI проявляются незаметно (The best UI typeface goes unnoticed)
• Создание шрифта: Maximal — часть 1, часть 2 (Making a Font: Maximal – Part I, Part II)

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

• Веб-сайты с бесплатным видео (Free stock video websites)
• Упаковки размытых фонов (25+ Awesome Blurred Background Packs For Designer)
• Блестяшки — паттерны и стили для фотошопа (8 Free Glitter Effect Patterns & Styles for Photoshop)
• Мокапы для демонстрации дизайна логотипов (55+ Free Logo Mockup PSD Templates For Designer)
• Коллекция Apple Watch мокапов в формате PSD (38+ Apple Watch Mockup PSD Templates Free Collection)
• Свежие мокапы для демонстрации дизайна визиток (апрель 2015) (22 Fresh Free Business Card Mock-ups PSD Templates – April 2015 Edition)
• Мокапы последних Android и Windows устройств для демонстрации дизайнов интерфейсов приложений (99+ Latest Android and Windows Mockup PSD Templates)
• Набор UI с Material Design (Freebie: Material Design UI Kit (PSD))
• Ghost Ship Mobile UI Kit Free
• Коллекция ресурсов векторных и растровых (Handy Graphic & Vector Freebies From 1001FreeDownloads)
• Минималистичные иконки на каждый день (minimalistic everyday icons)
• Иконки Ego с индивидуальностью (Ego. Icons With Personality)
• Набор иконок для иллюстратора и Sketch на тему выходных дней и хобби (Free Icons for Illustrator and Sketch App (SVG, AI, EPS, SKETCH))
• Пятнадцать векторных наборов на различную тематику (15 Free Vector Design Resources for Designers)
• Четыре десятка шрифтов за апрель 2015: от Fabfelt Script до ORDNUNG (40 Amazing Free Fonts For Commercial Use – April 2015 Edition)
• FAKEDES — декоративный скругленный контурный шрифт (FAKEDES — Free Font)
• Hamster Script — курсивный шрифт имитирующий плакатный шрифт нарисованный кистью (Hamster Script (Free Font))
• ATHENA — декоративное и геометрическое семейство шрифтов в стиле пост-модерн (ATHENA — Post-modern Typeface)

Новости

• Запущен Stack Overflow на русском — ru.stackoverflow.com
• Опрос Stack Overflow: WordPress вошла в тройку самых отпугивающих технологий
• Adobe анонсировала новшества в Premiere Pro и других приложениях
• Google выпустит корпоративный вариант Hangouts под названием GMeet
• «Яндекс.Карты» получили новый интерфейс и интеграцию с «Народной картой»
• Google переносит свои серверы в российские дата-центры

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

• Делаем скриншоты правильно: практические советы
• Лучшее на Medium: Почему видеоблогеры не зарабатывают на рекламе в YouTube
• Закону Мура исполняется 50 лет
• Что Читают Билл Гейтс и Элон Маск. Любимые Книги Гениальных Руководителей
• Что объединяет миллиардные ИТ-компании, в успех которых на старте никто не верил
• Leap Motion, Kinect, Oculus: Есть ли перспективы у «естественных» пользовательских интерфейсов
• Сколько зарабатывают популярные российские видеоблогеры на YouTube
• На пенсию в 32: почему я отказываюсь от карьеры программиста ради возможности путешествовать по миру
• Мифы о НАСА
• Эволюция офисов Google: от гаража в Менло Парке до Цюриха и Будапешта
• DARPA создаёт софт, который будет работать 100 лет
• История Windows RT: от великого до смешного

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

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