CS6

Продолжая серию постов о дизайне адобовских продуктов — стиль CS6:

Adobe CS6

Студия Tolesson из Сан-Франциско.

P.S. В этом релизе, пожалуй самое значительное улучшение Adobe Photoshop со времён CS. Обзор писать лень. :)
P.P.S. OMG, я не писал в блог с июля 2011 года. Почти год прошёл. И в черновиках куча уже неактуального хлама…

4

Сравнение Android и iOS (iPhone OS)

Это не те дроиды, которых вы ищете.

Говорят, владельцы «андроидов» в среднем 15 минут в день тратят на объяснения почему они не купили iPhone.

Случилось то, чего никто не мог ожидать и никто не мог в это поверить. Даже я сам. Я купил смартфон на Android. Хотелось попробовать «как оно».

Android

Выбирал из трёх моделей: HTC Desire HD, Samsung GT-I9000 Galaxy S и HTC Desire.

Первый «впечатлил» размерами экрана — такая «лопата» точно не для меня. Качество и разрешение этого экрана тоже оставляло желать лучшего.

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

Чтож, остался HTC Desire, который я и приобрёл в некой noname-лавочке из топа Яндекс.Маркета. Теоретически была возможность дождаться нового Desire S, но, к сожалению, телефон мне нужен был срочно. …

Андроид в целом мне понравился. Но, со временем, по мере «нахождения» косяков, он мне нравился всё меньше и меньше. Меньше и меньше…

15

Dribbble

Dribbble.com

Наконец-то получил свой инвайт на Dribbble. Если кто не знает, это такой «Твиттер для картинок», созданный дизайнерами для дизайнеров. В Твиттере можно использовать 140 символов, в Дрибббблере же вам доступно 120 000 пикселей. :) Все клёвые западные, и многие наши дизайнеры уже там и не переставая постят разные картинки. К слову, свой инвайт я ждал около месяца, хотя и висел почти всё время в топе «перспективных» (prospects — список мечтающих получить инвайт).

Дизайнеры выкладывают то, над чем работают в данный момент: иллюстрации, интерфейсы, иконки, логотипы, шрифты. В общем, всё что может быть интересно любому дизайнеру. Естественно, картинки можно отмечать, нажимая «Like». Можно грабить корованы оставлять комментарии. Картинки с наибольшем количеством «лайков» появляются в топе. Тут ничего необычного:

Dribbble.com

Зачем это всё нужно? Да этот сайт — просто нескончаемый источник вдохновения. И своим вдохновением тоже можно и нужно делиться. И удовлетворять своё тщеславие, куда же без этого. :3

Дебютировал я на «Дрибббле» со своей задротской иконкой-переростком Canon 5D Mark II, набрал за сутки более ста «лайков» и полдня провисел на главной. :3 Что, в общем-то, предсказуемо, там такое любят. Правда, больше мне пока выкладывать нечего, всё новое очень сильно не дотягивает до «Марка», боюсь разочаровать фолловеров. :)

Я уже отметил «лайками» более 800 картинок. В основном это интерфейсы и иконки. Периодически пересматриваю и всячески вдохновляюсь, так сказать.

Из подобных сервисов ещё есть forrst, но он не настолько популярен, видимо из-за большей закрытости. Но там помимо картинок можно постить ссылки, текст, куски кода и просто текста. Так что сервисы немного разные. Причём, инвайт туда мне выдали уже через несколько минут после того как я его запросил. :)

И ещё есть ember, но там открытая регистрация. Никакой «элитарности» — кому он такой нужен? :D

13

Как с помощью jQuery красиво создавать элементы

Нынче модно делать это так:

$('<div />', {
	id: 'martini'
});

Раньше, как правило, делалось так:

$('<div id="martini"></div>');

Если создавать просто один div с id, то это вполне наглядно. А вот если требуется «биндить» события, то новый способ гораздо нагляднее (особенно если вспомнить про сравнение версий в SVN или GIT):

$('<div />', {
	id: 'martini',
	click: function(e) {
		e.preventDefault();
		$(this).animate({opacity: .1});
	}
});

:3

Можно и так:

var anchor = $('<a />', {
	className: 'more-whisky',
	href: '#whisky',
	text: 'More whisky',
	click: function(e) {
		e.preventDefault();
		$(this).parent().slideToggle();
	}
});
 
$('li').each(function() {
	$(this).prepend(anchor.clone());
});

Красота! Зачем клонировать элемент? Потому, что переменная ссылается на одиночный элемент. Если вы его не склонируете, то в итоге получите только один вставленный элемент на странице.

И… Данная возможность в jQuery уже год. :)

Подробнее и ещё несколько примеров в документации.

5

Фирменный стиль HTML5

Покажите мне хоть одного веб-дева который не отписался сегодня в своём уютном о новом логотипе HTML5:

Логотип HTML5

Мощь! Внушает. Но… зачем? :)

Очевидно же — хотят заработать на футболках и стикерах. ;)

Также были нарисованы иконки для семейства HTML5-технологий:

Логотип HTML5

А вот эти уже и правда могут пригодиться…

Например, для членомерной кнопочки, которую можно сгенерить на этом же сайте:

HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage

Хм, действительно, выглядит довольно фаллично :D

Я не буду ставить этот шильдик у себя в блоге, хотя некоторые его части уже используют новые теги и CSS3. Потому что это мне чем-то это напоминает время когда все ставили картинки «Valid XHTML», «Valid CSS» (некоторые и до сих пор ставят), а ещё в более давнее время «Best viewed in Internet Explorer 6». Who cares?

P.S. Эх, немного саркастичный пост получился, на самом деле круто это всё. И сайт приятный и типографика. И вообще — нраица.

5

Canon 5D Mark II в векторе

Рисовал тут на днях в фотошопе маленькие иконки для одного сайта. Одной из них была иконка фотоаппарата:

Иконка фотоаппарата

И вспомнил я, что давно хотел научиться рисовать большие иконки. В векторе… И тут меня переклинило (да так, что остальные иконки для сайта так до сих пор и не сделал :D) — я начал изучать инструмент Gradient Mesh в Adobe Illustrator. А так как переклинило меня на иконке фотоаппарата, то через три дня получилось вот это:

Canon 5D Mark II в векторе

Это не трейс. Всё ручками, ручками:

Canon 5D Mark II в векторе — сетка

Векторная сетка

В фотошопе дорисовал только «кожаное» покрытие ручки и чуть покрутил кривые.

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

UPD. А вот это уже следующий уровень задроства. :)

11

Ben the Bodyguard

benthebodyguard.com/

Не очень понятно, что это приложение и зачем оно нужно, но сайт, обещающий его скорое появление, скроллить весьма прикольно:

Ben the Bodyguard

Принципиально новая Miranda Me

С момента выпуска предыдущей версии сборки прошло более чем полгода… Запуск новой версии был запланирован на 1-е сентября. Но, не сложилось. Miranda Me 0.10.5 была выпущена 5-го сентября:

Miranda Me 0.10.5

Больше всего изменился интерфейс. А в остальном — это старая добрая Miranda Me.

Miranda Me базируется на лучшем ICQ-клиенте — Miranda IM, который поддерживает и множество других популярных IM-протоколов, таких как Jabber, Mail.Ru, MSN и благодаря поддержке плагинов обладает практически неограниченными возможностями расширения.

В связи с таким событием был полностью переделан сайт и запущен новый форум на современном и быстром «движке» Vanilla (phpbb тяжеловат). Также у проекта появился официальный твиттер. Надеюсь, что всё это поспособствует дальнейшему развитию проекта.

20

Обзор Adobe Photoshop Lightroom 3 и сравнение с Apple Aperture 3

Спустя два месяца после релиза пакета Creative Suite 5 и после выпуска двух бета-версий, компания Adobe разразилась релизом третьей версии самого популярного пакета для обработки фотографийAdobe Photoshop Lightroom 3.

Новая иконка Lightroom 3

Иконка приложения точно такая же как у всех приложений CS5

Интерфейс в новой версии практически не изменился:

Lightroom 3

Нововведений (по сравнению с Aperture 3, где было около 300 изменений) не очень много, но среди них есть довольно-таки существенные:

1. Улучшено качество RAW-конвертирования

В новой версии были значительно переработаны алгоритмы RAW-конвертации, подавления шумов и повышения резкости. Изменения в движке Lightroom 3 были настолько значительными, что в Adobe приняли решение ввести так называемые варианты обработки (Process Versions). На данный момент можно выбрать из двух: Process Vesrion 2010 и Process Vesrion 2003. Все фотографии, которые вы будете импортировать после обновления библиотеки до третьей версии, будут обрабатывться новой версией — Process Vesrion 2010, а старые (импортированные в Lightroom версий 1 и 2) — версией Process Vesrion 2003 (2003 и 2010 означают в каком году была введена технология обработки).
Описание остальных нововведений в Lightroom 3

3