Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
Эффект 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.
