Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №146 (2 — 8 февраля 2015)

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

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

• Как создать веб-сайт, используя видео с YouTube в качестве фона?
• Изоморфный БЭМ
• 55 бесплатных онлайн-курсов февраля по IT, предпринимательству и математике
• Дайджест 4Front Meetup #5: Chrome Extensions, документы в JavaScript и другое
• Frontflip Podcast: Оптимизация SVG. Кир Белевич
• HTML5 Boilerplate обновился до 5-ой версии
• Представление node-firefox
• Основы работы с SVG — создание отрезков с помощью curve-команд
• Видео с SmashingConf Whistler: Marcy Sutton о Вебе для всех (о важности доступности контента)
• Рекомендация от W3C — Server-Sent Events
• Семь уроков, которые я получил в Mozilla от David Walsh
• Вы можете использовать copy() в консоли
• Прогрессивное улучшение и визуализация данных
• Разворачиваем проект на Heroku, используя Gulp, Node и Git
• Style Guide Generator Roundup

CSS

• Проблема диагональных бордеров и Firefox
• Эффект капельного преобразования в CSS, а также Эффект Gooey от css-tricks
• Стандартный API разбора CSS-кода
• Возможности CSS, которые вам понравятся в 2015
• Презентация современного справочника по CSS от Codrops
• Векторная графика в Sass
• Размерные единицы в CSS: углы, время и частота
• «fave» анимация из Twitter-а
• Использование спрайтов с <img>
• Начинаем работать с Less
• Простые текстуры с помощью CSS Masks
• Переход к SCSS
• Что спасет нас от темной стороны CSS препроцессоров?
• Создаем эффектную карусель на CSS
• CSS-only эксперимент с анимированными частицами, собирающимися в сферу

JavaScript

• Wallaby.js — маленький зверь с большим будущим
• Нетрадиционный обзор React
• Как распутывать лапшу, не впадая в депрессию (статья про те ситуации, когда у вас есть кучка jQuery лапши)
• IO.js или старые грабли под новым соусом
• Меняем CoffeeScript на ES6
• Нетрадиционный обзор AngularJS
• Пуленепробиваемые тесты JavaScript
• Избавляемся от JavaScript в социальных кнопках (Facebook, VK, Twitter и др.)
• Избавляемся от условных операторов
• jQuery и CoffeeScript
• Свойства и методы прототипа
• Выпуск серверной JavaScript-платформы Node.js 0.12
• Перестаньте писать JavaScript фреймворки!
• Material Design вместе с Angular.js. Основные принципы и примеры и использования.
• Vissense — библиотека для наблюдения визуальных изменений DOM элементов
• Переменные и scope в ECMAScript 6
• Обучающий курс «Expert ES6»
• Синхронный асинхронный JavaScript с ES6 генераторами
• Google SoundScript: более быстрое ООП для JavaScript
• Давайте писать быстрый JavaScript
• Что такое Flux?
• Выводы после React.js Conf 2015
• Первые впечатления от использования React Native
• TouchstoneJS — UI фреймворк для React.js гибридных приложений
• FieldVal — генерация структурированных сообщений об ошибках
• is.js — проверка типов, регулярных выражений, времени и другого
• lz-string: быстрая компрессия данных с помощью JavaScript
• Konva — 2D HTML5 canvas фреймворк для приложений под мобильные и настольные устройства

Браузеры

• BroadcastChannel API в Firefox 38
• Chrome continues to fall apart at brisk pace
• HTTP/2 (h2-14, spdy4) в Google Chrome 40
• Новые изображения браузера Spartan из сборки Windows 10 TP Build 10009

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

• Сайты, посвященные обуви
• Примеры интересных параллакс и других скролл-эффектов в веб-дизайне
• GUIBENTO.COM — концептуальный сайт с нестандартной раскладкой и анимацией
• claudiocalautti.cc — креативное портфолио креативного фронт-енд девелопера
• hellomonday.com — скролл-сайт дня с клевыми эффектами
• heycubi.com — необычное применение скролл-эффекта на промо-сайте cubi

Дизайн

• Концепты Google Glass от дизайнеров со всего мира
• Концепты приложений Telegram от дизайнеров со всего мира
• Эффект перекрытия в веб-дизайне
• Градиенты в веб-дизайне
• Типографический логотип в Illustrator и Photoshop
• Цветочная типографика
• Четыре тренда в дизайне которые сохранятся в 2015-м
• Каково быть дизайнером в Khan Academy
• uxrecipe — UX-ингредиенты для вашего дизайнерского рецепта
• Имитация — это действительно искренняя форма лести
• Приступая к работе с грубо проработанными скетчами вайрфреймов
• Как нарисовать польского гусара на коне в Adobe Photoshop
• Как рисовать веревочные узлы с помощью кистей в Illustrator-е
• Двадцать пять рукописных дизайнов логотипов различных стран
• Серия минималистичных постеров с знаменитыми цитатами
• Тире в веб-типографике

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

• Бесплатные элементы UI в стиле Material Design
• 20 бесплатных форм заполнения для вашего UI
• Два десятка упаковок с текстурами в стиле гранж
• Фоновые текстуры полотна в стиле гранж
• Более двух десятков аутентичных винтажных текстур открыток 30-х годов
• Фоны с геометрическими волнами
• Набор UI в стиле Material Design
• Спортивный набор UI Number One с элементами приложения либо сайта с плоским дизайном
• PSD-шаблоны веб-сайтов за январь 2015-го
• Более сотни PSD-шаблонов веб-сайтов 2014-го года
• Два с половиной десятка мокапов для демонстрации логотипа в разных условиях
• Vans — забавный векторный набор с изображением пары скейтбордистов, их одежды и аксессуаров
• Шаблон иконки для приложения под iOS8 для использования в Photoshop CC
• Signia – семь сотен монохромных векторных иконок
• Упаковка с векторными иконками на тему SEO
• Два десятка настроенческих шрифтов, ко дню Святого Валентина
• Signify — иконочный шрифт для веб-проектов
• Oldways — ретро-шрифт с засечками

Новости

• Двухфакторная аутентификация, которой удобно пользоваться
• Microsoft: Мы продолжаем развивать Windows RT
• Сатья Наделла предсказал полный отказ от использования ручки в течение десяти лет
• Стоимость акций Apple достигла рекордного значения
• Twitter остался убыточным в 2014 году, но значительно увеличил прибыль
• Яндекс запустил бета-версию двухфакторной аутентификации
• YouTube запускает мультиракурсные видео
• W3C разрабатывает веб-стандарты для автомобилей0
• YouTube тестирует возможность выбора камеры для просмотра сцен с разных ракурсов
• Google Earth Pro стал бесплатным

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

• Google Glass: перезагрузка
• 26 удивительных фактов о Google (инфографика)
• Гнилые яблоки. Самые неудачные продукты компании Apple
• Заглянуть в космос из Twitter и Instagram: где в соцсетях подписаться на астронавтов
• «Разрушители легенд» проверили на реалистичность Doom и Fruit Ninja
• Жизнь после блокировок: Что происходит с ИТ-предпринимателями в Крыму
• Видео дня: смоделированный DARPA запуск небольших ракет с помощью реактивных самолетов
• Интервью WIRED с Павлом Дуровым: о развитии Telegram, политике и перемещениях по миру
• Демо:
  
  • Shiny — объемный анимированный сияющий текст с настройками эффектов
  • Полезное приложение Wi-Fi Map для доступа к публичным точкам доступа
  • 30 впечатляющих игр, созданных на HTML5
  
  

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

Также, хотелось бы посоветоваться с вами путем небольшого опроса — стоит ли переводить заголовки статей в ссылках? Довольно часто заголовки более информативны в оригинале, и технические термины многими лучше воспринимаются в оригинальном англоязычном варианте, чем в переводе.

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