Один из лучших технологических вузов мира опубликовал большинство своих обучающих курсов, лекций и семинаров в интернете на отдельном ресурсе.

Есть аудио и видео-курсы, поиск по каталогу, по номеру курса, по наименованию дисциплины, все предметы и степень сложности разделены в отдельные рубрики.

Про книгу «Дизайн привычных вещей» слышали почти все; по крайней мере, в списках рекомендованных к прочтению начинающим дизайнерам книг она чаще всего идет одной из первых. Так вот, для всех желающих этой осенью на Udacity стартует бесплатный курс по ней. Вести курс будет сам автор книги — Дон Норман — вместе с помощниками. Курс будет построен на основе нового издания книги, которое также появится на прилавках осенью (речь идет об оригинале на английском языке).

Материал будет разделен на три-четыре небольших курса, каждый из которых можно будет пройти отдельно. В целом же, цель авторов — помочь всем желающим получить знания насчет роли дизайна в современном мире и научиться применить их на практике. Как и в других курсах, будет использоваться «живое» видео, специально выбранные упражнения и консультации на форуме — все ради того, чтобы раскрыть принципы дизайна взаимодействия, когнитивной психологии и того, как работают эмоции. Планируется, что все прошедшие курс получат не только полезные теоретические знания, но и ценную способность на практике заниматься дизайном.

Новые полезные инструменты, сервисы, статьи, бесплатности для веб-дизайнеров за июль 2013. Остальные подборки доступны по тегу "новое для веб-дизайнера".

Сервисы

I Want To Use — на сайте можно выбрать CSS-фичи, которые хотите использовать, и будет показан процент пользователей, которые смогут их использовать.

Много интересного и полезного может перенять дизайнер интерфейсов из sci-fi фильмов. В разные годы компьютерные системы в фильмах отражали представления и стереотипы о дизайне будущего, зачастую опережая появление прототипов схожих устройств.

История

Фильмы 30-и-более летней давности трудно сегодня воспринимать всерьез, т.к. большинство систем будущего выглядело в лучшем случае так («Чужой», 1979):

Что это? Указатель лазерного прицела? Программа, погружающая пользователя в гипноз? Ответ под катом…
Пятый этаж, небольшой кабинет. Перед монитором сидит молодая девушка, облепленная датчиками. Все ее действия фиксирует камера, а в соседней комнате за происходящим следят несколько наблюдателей. Она напряжена. Впрочем, похоже, ее не смущает пристальное внимание. Дело в другом: на мониторе разворачиваются боевые действия, в которых она — один из главных участников. Обстановка накаляется…

В заметке собраны сайты с обучающими материалами для веб-дизайнеров и веб-разработчиков. Старался не повторяться с постом 27+ ресурсов для онлайн-обучения хабраюзера nicolausYes.

Academic Earth

Множество бесплатных лекций, в том числе от известных университетов (Гарвард, MIT, Стенфорд и др.).

В этой статье очень подробно описано пошаговое создание адаптивного меню для сайта с несколькими вариантами компоновки элементов (в зависимости от размера экрана девайса). Для поддержки retina-экранов используется иконочный шрифт.



Демо / Скачать исходники

Что делают многие предприниматели, когда продают многомиллионную компанию? Основывают другую. Так вышло у Андрея Баронова и Ратмира Тимашева. Когда они продали свою первую компанию, Aelita Software, им пришла идея создать новый проект, и так появился Veeam Software.

Все началось с крохотной комнатки в одном из бизнес-центров Санкт-Петербурга, где помещались лишь три рабочих стола. Почему было не снять большой офис в доме Зингера, деньги ведь уже были? Все просто. Основатели Veeam работали по принципу «start-in-garage» («старт-в-гараже») – создание компании и получение первой прибыли при минимальных затратах (про этот принцип подробно рассказывают на интенсивной образовательной программе Start in Garage для предпринимателей, занимающимися бизнесом в сфере Интернета, облачных сервисов и разработки программных продуктов).

В результате Veeam Software начал строиться с небольшой комнаты, нескольких столов и компьютера за $600. Вот как выглядел первый центр обработки данных компании Veeam (Фото 1):

Фото 1. Первый дата-центр компании Veeam Software, 2006 год. Здесь уместились виртуальный контроллер доменов, почтовый сервер, file/print сервер. Суммарная стоимость — $600.

Effeckt.css — это постоянно пополняемая подборка эффектов для оформления веб-приложений. Один из главных плюсов этой библиотеки эффектов — достаточно жёсткие критерии включения. Это не куча-мала, в которую сваливают всё подряд, каждый эффект должен соответствовать ряду критериев: эффекты должны быть практичными, их назначение — не демонстрировать возможности технологий, а облегчать и украшать жизнь пользователя, они должны работать быстро и плавно, они должны быть полностью совместимыми с мобильными технологиям.

Здравствуйте! На днях мне выпала задача написать «заглушку» на сайт, который прекратил своё существование. Дизайнерское решение заключается в создании видео на котором изображён старый сайт, напечатанный на листке, плавно поглощающийся офисным утилизатором бумаги. После окончания ролика должна появиться надпись «Старого сайта больше нет. Скоро будет новый.», логотип компании, ссылки на Facebook и Google+, а также контактная информация.



Видео посредством Css размещается на всю ширину или высоту вьюпорта, в зависимости от экрана пользователя, сохраняя свои пропорции. То есть, если у нас видео с разрешением 1280 x 1024, то при ресайзе окна браузера, его разрешение будет меняться пропорционально: 1000 x 800, 600 x 480.

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