Pull to refresh
0
0
Send message

Университет MIT выложил бесплатно лекции в Сеть

Reading time1 min
Views150K


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

Есть аудио и видео-курсы, поиск по каталогу, по номеру курса, по наименованию дисциплины, все предметы и степень сложности разделены в отдельные рубрики.
Читать дальше →
Total votes 157: ↑116 and ↓41+75
Comments40

Новый курс на Udacity: «Дизайн привычных вещей» Дональда Нормана

Reading time2 min
Views10K
image

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

Материал будет разделен на три-четыре небольших курса, каждый из которых можно будет пройти отдельно. В целом же, цель авторов — помочь всем желающим получить знания насчет роли дизайна в современном мире и научиться применить их на практике. Как и в других курсах, будет использоваться «живое» видео, специально выбранные упражнения и консультации на форуме — все ради того, чтобы раскрыть принципы дизайна взаимодействия, когнитивной психологии и того, как работают эмоции. Планируется, что все прошедшие курс получат не только полезные теоретические знания, но и ценную способность на практике заниматься дизайном.
Читать дальше →
Total votes 10: ↑8 and ↓2+6
Comments0

Новое для веб-дизайнера за июль 2013

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

Сервисы




I Want To Use — на сайте можно выбрать CSS-фичи, которые хотите использовать, и будет показан процент пользователей, которые смогут их использовать.
Читать дальше →
Total votes 48: ↑44 and ↓4+40
Comments9

Компьютерные интерфейсы в кино

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

История


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

Читать дальше →
Total votes 89: ↑65 and ↓24+41
Comments79

Юзабилити-лаборатория: опыты на людях и для людей

Reading time4 min
Views22K


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

Читать дальше →
Total votes 50: ↑43 and ↓7+36
Comments27

Сайты для онлайн-обучения веб-разработчиков и веб-дизайнеров

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

Academic Earth


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

Читать дальше →
Total votes 63: ↑57 and ↓6+51
Comments16

Адаптивное меню с поддержкой retina

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



Демо / Скачать исходники
Читать дальше →
Total votes 61: ↑52 and ↓9+43
Comments18

С чего начать миллиардную компанию

Reading time3 min
Views58K

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



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



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



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

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


Читать дальше →
Total votes 47: ↑37 and ↓10+27
Comments22

Effeckt.css от команды HTML5 Boilerplate: избранные эффекты и переходы на CSS

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


Читать дальше →
Total votes 37: ↑31 and ↓6+25
Comments6

Полноэкранный, масштабируемый div, соблюдающий пропорции ширины, высоты и текста

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



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

Так вот, основная загвоздка в том, что поверх видео нам нужно создать блок с такими же свойствами и размерами, причём весь контент в блоке должен масштабироваться так же, как если бы мы ресайзили не сам блок с наполнением, а картинку или его скриншот.
Читать дальше →
Total votes 24: ↑17 and ↓7+10
Comments20

Information

Rating
Does not participate
Registered
Activity