Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и 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
Необходимые плагины для Gulp (Essential Plugins for Gulp)
Кодим карусель (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 причин попробовать Матрешку
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)
Анализ чисел в JavaScript (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
Автор: alexzfort
