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

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

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

• Лекции Технопарка. 1 семестр. Web-технологии
• Игровой мир WebGL или Three.js vs Babylon.js
• Идеи для HTML6 или HTML.next
• Введение в HTML импорты
• Секреты браузерных инструментов разработчика (часть 1)
• Почему мы не можем делать по-настоящему адаптивные изображения при помощи CSS или JavaScript
• «Today I Learned» — авторы делятся всем новым, чему научились за последнее время
• Полное руководство по SVG
• Основы SVG — создание отрезков с помощью линейных команд
• Взвешивание техник анимации SVG
• Анимации для мобильного веба (в рамках оптимизации сайта Yelp)
• Идея о динамических шрифтах для адаптивного дизайна
• Автоматизируйте ваши задачи с помощью Gulp.js
• Веб-инструменты
  • Сервис по оптимизации SVG-изображений
  • Useful SVGO[ptimization] Tools
  • Yellow Lab Tools — сервис для анализа веб-страниц с точки зрения производительности и веса

CSS

• Доклад по CSS за 2014 год: Проверка использования CSS в «полевых условиях»
• Проведение аудита CSS: Таблицы стилей не должны быть ужасными
• CSS Units: Angles, Time and Frequency
• Центрирование и обрезка изображения с одной строчкой CSS
• Стилизация номеров строк (цифр) в упорядоченных списках ol>
• Смешивание и наложение цветов в CSS
• Забавы с line-height
• CSS селекторы 4-го уровня из будущего
• Функция динамической цветовой растяжки на тексте в Sass
• criticalCSS — находит CSS для элементов, находящихся в зоне видимости пользователей и выносит этот код в отдельный файл
• Варианты анимации иконки-гамбургера в крестик
• Сайт, сделанный из одного тэга link со ссылкой на стили
• Простая подсветка рядов и колонок в таблице на чистом CSS
• Основы Sass: The Function Directive
• Materialize — современный отзывчивый статический фреймворк, основанный на принципах Material Design
• spaceBase — отзывчивый CSS фреймворк, основанный на Sass
• extractCSS — извлечение классов, айдишников и встроенных стилей из HTML

JavaScript

• Aurelia — новый современный JS-фреймворк, Aurelia.io — JavaScript-фреймворк нового поколения с ES6, WebComponents, Object.observe и всем остальным
• Делаем игру 2048 на AngularJS
• Краткое руководство по React JS
• Генерирование фейковых данных для вашего JavaScript-приложения с помощью Faker
• Кривые Безье-де Кастельжо. Canvas HTML5
• ReactJS для глупых людей
• Flux для глупых людей
• Подкаст RadioJS: Сергей veged Бережной — руководитель отдела разработки поисковых интерфейсов в Яндексе рассказывает о своих проектах, делится мудростью и вспоминает с чего начиналась карьера. Обсуждаем процессы в Яндексе, io.js и EcmaScript 6 (ES2015).
• Боремся с проблемой this в конструкторах
• Релиз PhantomJS 2.0
• ECMAScript 6:
  • Деструктурирование и параметры обработки в ECMAScript 6
  • ES6 в io.js
  • Замените CoffeeScript на ES6
  • Новые возможности при работе со строками в ECMAScript 6
  • Написание приложений на AngularJS используя ES6
  • Используем новые штуки из JavaScript в мире ES3 ентерпрайза

• Лучший способ создания новых элементов
• Создание синхронных и асинхронных функций в JavaScript
• Создание браузерных аудио-приложений, поддерживающих MIDI-устройства
• Обработка тач-событий в JavaScript
• webrtc-ips — определение IP с помощью JS и STUN серверов Mozilla
• Mozilla — Canvas 2D: новая документация, Path2D объекты, области нажатия
• Приложение на React за семь минут
• Начинаем разбираться с Meteor.js
• Шесть полезных пакетов для приложений на Meteor почти для любого проекта
• Hjson, человеческий JSON
• Создание приложений с Google Maps
• Туториалы и плагины для создания экранов предзагрузки
• От Map/Reduce до функционального программирования на JavaScript
• texgen.js — процедурный генератор текстур

Браузеры

• Vivaldi:
  • Браузер Vivaldi — первая тестовая версия
  • Интервью с Йоном Течнером о новом браузере Vivaldi
  • Vivaldi — в чём особенности нового браузера
  • Браузер Vivaldi — свежие новости и анонсы

• Spartan:
  • Подробности о новом движке рендеринга Microsoft для “Project Spartan”
  • В движке EdgeHTML нового браузера Spartan во многих свойствах убрана поддержка префиксов ms
  • Microsoft Spartan и будущее для Internet Explorer
  • Microsoft Spartan может поддерживать расширения Google Chrome
  • Включаем новый движок рендеринга в IE11
  • Браузер Project Spartan демонстрирует в тестах лучшие результаты, чем Internet Explorer

• В ночные сборки Firefox добавлен API для 3D-шлемов и изоляция NPAPI-плагинов
• Как просматривать сайты в Google Chrome без подключения к Сети
• Обновление панели для разработчиков (F12) в Windows 10 January Technical Preview

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

• hellomonday.com — красивая анимация
• Trippeo — радиальное меню одностраничного сайта со скролл-эффектами
• Word Map — аудио- и видеовизуализация слова разных языках мира
• beta.rallyinteractive.com — нестандартная реализация скролл-эффектов и трансформации меню
• hexagone-paris.fr — горизонтальный скролл-сайт с параллакс-эффектом
• boda.sensors.jp — японский сайт с футуристическим 3д-интерфейсом
• thiswasmybest.com — вертикальный сайт с интересными эффектами переходов

Дизайн

• Позиционирование в веб-дизайне
• 14 советов дизайнеру: Как подготовить макет для верстки
• Что такое material design?
• 10 иллюстраторов, умеющих передать настроение
• Многоугольный объем в веб-дизайне
• Как стать успешным веб-дизайнером?
• Отображение паролей в окнах авторизации
• Интерактивный дизайн мобильных приложений
• Представление Guardian beta — и новых подходов к адаптивному дизайну и скролл-эффектам
• Дизайн завтрашнего: образовательные программы Физика и не только
• Чему бы я хотел быть обучен в университете как дизайнер
• Когда, почему и как делать дизайн в браузере
• Как сделать реалистичные отражения в каплях дождя в Adobe Photoshop
• Как нарисовать инфографику с соединительными линиями в CorelDRAW
• Пять плагинов к Adobe Illustrator повышающих вашу продуктивность
• TypeHunting — коллекция фото с образцами качественной типографики
• 15 бесплатных ресурсов для Google Material Designers

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

• Бесплатные векторные ресурсы для милого и романтичного дизайна
• Бесплатный клипарт: векторные карты
• Фото-текстуры деревянных поверхностей, а так же стен
• Шаблон интернет-магазина с двенадцати-колоночной сеткой в формате PSD
• Десять шаблонов мокапов визиток в PSDs
• Две дюжины мокапов для демонстрации дизайна визиток, издание 2015-го
• Векторный мокап смарт-часов
• Полтора десятка векторных изображений посвященных дню Святого Валентина
• Шесть заготовок винтажных логотипов в форматах AI, ABR
• Набор иконок посвященных дню Святого Валентина
• Три десятка наборов с иконками, с плоским, контурным и дизайном с длинными тенями
• Сотня иконок посвященных кухне
• D Hanna Soft Free Regular — шрифт без засечек
• Kontanter — декоративный моно-ширинный заголовочный шрифт

Новости

• YouTube отказался от Flash в пользу HTML5 по умолчанию
• Facebook укрепляет позицию лидера по количеству авторизаций на других сайтах
• Проект Mozilla экспериментирует с развёртыванием узлов Tor
• Apple озвучила сроки начала продаж «умных» часов Apple Watch
• Акции Microsoft падают, несмотря на анонс Windows 10
• Microsoft умножила на ноль Windows RT
• В апреле Sony проведёт первую онлайн-трансляцию концерта с качеством DSD
• Стоимость акций Apple достигла рекордного значения
• Разработчик альтернативной Android-системы Cyanogen привлечет $70 млн от Microsoft и других инвесторов
• Google: проект Glass нуждается в перезапуске
• Apple обогнала Samsung и стала крупнейшим мировым вендором смартфонов

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

• Интернет в закрытой стране: Опыт Северной Кореи
• Очки HoloLens от Microsoft будут использовать для изучения Марса
• Почему Surface Hub интереснее, чем HoloLens
• Учёный лаборатории Google: «Через несколько лет чип для синхронного перевода можно будет встраивать в ухо»
• Разбираемся в новой версии Windows 10 Technical Preview
• Взлетит или не взлетит: Бывший сотрудник Intel разработал алгоритм для предсказания успеха стартапов
• Новые откровения Билла Гейтса: о боязни умных роботов, незнании языков, недосыпе и многом другом
• 15 причин не работать в компании Facebook
• О строительстве, 3D-печати и клинопанке
• Depthy — добавление объема в фотографии
• Визуальные эффекты в canvas

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

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

Автор: alexzfort

Источник