Продолжая серию постов о дизайне адобовских продуктов — стиль CS6:
Студия Tolesson из Сан-Франциско.
P.S. В этом релизе, пожалуй самое значительное улучшение Adobe Photoshop со времён CS. Обзор писать лень. 
P.P.S. OMG, я не писал в блог с июля 2011 года. Почти год прошёл. И в черновиках куча уже неактуального хлама…
Наконец-то получил свой инвайт на Dribbble. Если кто не знает, это такой «Твиттер для картинок», созданный дизайнерами для дизайнеров. В Твиттере можно использовать 140 символов, в Дрибббблере же вам доступно 120 000 пикселей. Все клёвые западные, и многие наши дизайнеры уже там и не переставая постят разные картинки. К слову, свой инвайт я ждал около месяца, хотя и висел почти всё время в топе «перспективных» (prospects — список мечтающих получить инвайт).
Дизайнеры выкладывают то, над чем работают в данный момент: иллюстрации, интерфейсы, иконки, логотипы, шрифты. В общем, всё что может быть интересно любому дизайнеру. Естественно, картинки можно отмечать, нажимая «Like». Можно грабить корованы оставлять комментарии. Картинки с наибольшем количеством «лайков» появляются в топе. Тут ничего необычного:
Зачем это всё нужно? Да этот сайт — просто нескончаемый источник вдохновения. И своим вдохновением тоже можно и нужно делиться. И удовлетворять своё тщеславие, куда же без этого. :3
Дебютировал я на «Дрибббле» со своей задротской иконкой-переростком Canon 5D Mark II, набрал за сутки более ста «лайков» и полдня провисел на главной. :3 Что, в общем-то, предсказуемо, там такое любят. Правда, больше мне пока выкладывать нечего, всё новое очень сильно не дотягивает до «Марка», боюсь разочаровать фолловеров.
Я уже отметил «лайками» более 800 картинок. В основном это интерфейсы и иконки. Периодически пересматриваю и всячески вдохновляюсь, так сказать.
Из подобных сервисов ещё есть forrst, но он не настолько популярен, видимо из-за большей закрытости. Но там помимо картинок можно постить ссылки, текст, куски кода и просто текста. Так что сервисы немного разные. Причём, инвайт туда мне выдали уже через несколько минут после того как я его запросил.
И ещё есть ember, но там открытая регистрация. Никакой «элитарности» — кому он такой нужен? 
Нынче модно делать это так:
$('<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 уже год.
Подробнее и ещё несколько примеров в документации.
Покажите мне хоть одного веб-дева который не отписался сегодня в своём уютном о новом логотипе HTML5:
Очевидно же — хотят заработать на футболках и стикерах. 
Также были нарисованы иконки для семейства HTML5-технологий:
Например, для членомерной кнопочки, которую можно сгенерить на этом же сайте:
Я не буду ставить этот шильдик у себя в блоге, хотя некоторые его части уже используют новые теги и CSS3. Потому что это мне чем-то это напоминает время когда все ставили картинки «Valid XHTML», «Valid CSS» (некоторые и до сих пор ставят), а ещё в более давнее время «Best viewed in Internet Explorer 6». Who cares?
P.S. Эх, немного саркастичный пост получился, на самом деле круто это всё. И сайт приятный и типографика. И вообще — нраица.
Не очень понятно, что это приложение и зачем оно нужно, но сайт, обещающий его скорое появление, скроллить весьма прикольно:
С момента выпуска предыдущей версии сборки прошло более чем полгода… Запуск новой версии был запланирован на 1-е сентября. Но, не сложилось. Miranda Me 0.10.5 была выпущена 5-го сентября:
Miranda Me базируется на лучшем ICQ-клиенте — Miranda IM, который поддерживает и множество других популярных IM-протоколов, таких как Jabber, Mail.Ru, MSN и благодаря поддержке плагинов обладает практически неограниченными возможностями расширения.
В связи с таким событием был полностью переделан сайт и запущен новый форум на современном и быстром «движке» Vanilla (phpbb тяжеловат). Также у проекта появился официальный твиттер. Надеюсь, что всё это поспособствует дальнейшему развитию проекта.
В этой статье я собрал все приёмы и хитрости, которые я использую в процессе вёрстки (и о которых я бы очень хотел бы знать пару лет назад). А также ошибки, с которыми я часто встречался при просмотре чужого кода.
Оправдательный дисклеймер: статья написана на правах Капитана Очевидности — я не претендую на оригинальность, большую часть этих приёмов и советов можно встретить в различных статьях и книгах.
Для начала, пара провокационных советов:
Возможно, меня закидают камнями, но, сколько можно? Этому браузеру 9… Да, девять лет! Сейчас им пользуется около пяти процентов пользователей рунета, Microsoft делает всё возможное для уменьшения этой цифры. К сожалению, предлагая скачать не намного более современную 8-ю версию своего браузера.
Нет, я не ратую за отказ в доступе к сайтам с устаревших браузеров. Лучшим решением представляется уведомление пользователя, например: «ваш браузер устарел и не поддерживается — функциональность данного сайта может быть ограничена» и ниже привести список рекомендуемых современных браузеров. Так уже сделали на YouTube, Google Docs (к концу 2010 года планируют прекратить поддержку в Google Mail и Calendar) и на многих других популярных сайтах и порталах. Я думаю, это очень хороший повод для того чтобы начать делать так же. А время, которое было бы потрачено на поддержку IE6, лучше потратить на разработку новой полезной функциональности.
Большинство расценивает CSS3 только как возможность сделать закруглённые уголки и добавить тень. Но, на самом деле, возможностей гораздо больше: загружаемые шрифты, outline, транформации, flexible box layout, многоколоночная вёрстка, текстуры для контуров, медиа-апросы и многие-многие другие чрезвычайно полезные штуки.
Хотя CSS3 ещё в разработке, большинство современных браузеров уже поддерживают основные возможности, зачастую с префиксами (например: -moz-border-radius и -webkit-border-radius для Firefox и Safari/Chrome соотвественно).
Не стоит забывать, что по статистике большая часть пользователей до сих пор пользуется браузерами, не поддерживающими CSS3 (все версии Internet Explorer). Но начинать применять CSS3 стоит уже сейчас.
Не пропустите! Прямо сейчас, на всех торрентах планеты — «Photoshop CS5 скачать бесплатно»!
Абсолютно неожиданно, компания Adobe выложила в свободный доступ триальную версию своего нового пакета Creative Suite 5 (CS5), о котором я уже неоднократно писал.
Сейчас доступны для скачивания две версии пакета: Creative Suite 5 Design Premium и Creative Suite 5 Master Collection.
Ну и отдельно приложения: Photoshop CS5 Extended, Illustrator CS5, Dreamweaver CS5, Flash Professional CS5, Premiere Pro CS5, After Effects CS5, InDesign CS5 ну и Acrobat 9 Pro.
Я тут же скачал первый пакет — CS5 Design Premium. Из всего пакета я пользуюсь только Illustrator и Photoshop (ну очень редко Flash и InDesign). О последнем я и решил написать этот обзор. Так как я счастливый пользователь Мака, естественно, что обозревать я буду маковскую версию.
Дрожащими руками жмакаем на новую иконку и видим новый сплэш:
Как и обещали, новый Photoshop CS5 под Mac был полностью переписан на фреймворк Cocoa и теперь нативно поддерживает 64 бита. Это становится заметно сразу после запуска: теперь нет проблем со Spaces (различные части окна не расползаются по разным рабочим столам). В целом интерфейс теперь работает гораздо шустрее и отзывчивее, окна и панельки перетаскиваются очень плавно, отлепляются и прилепляются без тормозов, как раньше.
Подробный обзор нововведений Adobe Photoshop CS5Получил наконец-то с gadgetinfinity.com сверхпопулярные и дешёвые радиосинхронизаторы для внешних вспышек — Cactus V4. Всего за $39.95. Хотя я и не очень люблю использовать вспышку, но иногда без неё совсем никак, а с синхронизаторами возможностей для управления светом становится гораздо больше.
Ещё заказал макрокольца, но о них как-нибудь в следующий раз… Больше ничего интересного у них в каталоге не обнаружилось.
По отзывам заказы оттуда приходят примерно через неделю-две. В наши Мухосрански, я предполагал, что где-нибудь за месяц дойдёт. Так и вышло. События развивались так: 9 марта я сделал заказ, 10-го ребята из GadgetInfinity его отправили, 12-го посылка уже покинула Гонконг. Дальнейшая судьба посылки мне была неизвестна, вплоть до 11-го апреля, когда посылка наконец-то начала трекаться на сайте Почты России, с 11 по 13-е число она была на обработке, 14-го была отправлена в Архангельск, 17-го (в субботу) я получил извещение и тут же сходил и забрал. Локально почта отработала быстро. По всей видимости, посылка долго проторчала на таможне.
Описание и тестирование синхронизаторов Cactus V4
Совсем скоро мы узнаем какие же иконки будут в CS5. Чёрный фон у страницы, кхм… У иконок с тёмным фоном теперь шансов больше. Кстати, на их странице для рендеринга шрифтов используется тот же jQuery-плагин, что и в моём блоге — cufón. Странно что не тот, который рендерит во flash. Шарят.
Год назад я делал афишу для первого «Metal Warriors». В этом году сделал плакат для второго:
Не стал придумывать что-то новое, повторил стиль первой афиши. Но на этот раз гораздо больше времени уделил типографике и сетке — применил, так сказать, новые познания. Кстати, тень на фоне я сделал из фотографии с концерта Nightwish.
Ну и, по модным ныне тенденциям, сделал ещё мини-афишку для богомерзкого вконтакта:
P.S. Который раз убеждаюсь в том, что есть истина в словах: «чем меньше и дешевле заказ, тем чаще придётся что-либо переделывать». 
Новая фишка в бложике — посты-ссылки. Это когда мне лень что-то писать, но хоть что-то написать надо. И первая пост-ссылка ведёт на реализацию известной фишки в телевизорах Philips от известного технолога Сергея Чикуёнка. Очень впечатляет! Как это было сделано. Работает в Firefox 3.5, Opera 10.5, Safari 4 и Google Chrome 4.
Недавно приходит письмо следующего содержания (пунктуация и орфография сохранены):
Здравствуйте ! На сайте написано , что миранда бесплатная аська.Мы скачали ее ,но мало того, что после отправки смс у нас с телефона снялось 305 рублей ???????? так миранда еще и не запускается ???????
Объясните пожалуйста , что мы делаем не так?
Из последующей переписки стало ясно, что какие-то пидарасы нехорошие люди продают мою сборку, выложив на файлообменник, высылая пароль в обмен на смс.
Будьте внимательны, никогда не отправляйте смс на непонятные номера. Пользуйтесь сервисами операторов по проверке стоимости смс-сообщений.
Качать Miranda Me лучше только с официального сайта. Абсолютно бесплатно.
Уже больше года пользуюсь своей личной вики. Очень удобно писать статьи, хранить всяческие сниппеты и заготовки, записывать мысли, и, самое главное, к ней есть доступ отовсюду, где есть интернет. Я знаю про существование Evernote и подобных сервисов, но вики для меня как-то удобнее.
На место моей личной вики претендовали три популярных вики-движка: MediaWiki, PmWiki и DokuWiki. Существует ещё «больше 9000» вики-движков, но все они по тем или иным причинам были отвергнуты.
Из вышеназванных MediaWiki — самый функциональный и навороченный, на нём работает Wikipedia, это уже о многом говорит. Но для моих целей он оказался слишком тяжёлым…
Оставалось два движка, примерно равных по функциональности: DokuWiki и PmWiki. Оба для хранения данных используют файлы, а не БД как MediaWiki, что немного быстрее.
Сначала пользовался DokuWiki, через некоторое время ради эксперимента перелез на PmWiki, а потом, сейчас уже не помню почему, вернулся опять на Доку и… Обратно уже не захотелось. Очень удобный синтаксис, качественный код движка — делать для него скин было одно удовольствие.
Не буду приводить плюсы и минусы обоих движков, всё это есть в очень наглядном виде на сайте WikiMatrix.
На данный момент в моей вики для всеобщего прочтения открыто две страницы: HTML Code Style и CSS Code Style (ссылки на них были/будут приведены в статьях).
Когда вышел редактор Coda, я был поражён его интерфейсом и удобстовом. И всё меня в нём устраивало, но вот тут в одной из RSS-лент я увидел сообщение о выходе новой версии редактора Espresso 1.1…
И вот уже два месяца я пользуюсь «Эспрессой» и не могу нарадоваться. Вот, решил поделиться радостями в небольшом, сравнительном с Coda, обзорчике.
Кстати, это продукт компании Macrabbit. Да-да, именно они выпустили удивительный CSSEdit, которым, правда, я так и не смог пользоваться из-за непобедимой привычки писать CSS ручками.
Как видно, положительных пунктов гораздо больше и не всегда «всё в одном» удобно, сторонние решения зачастую функциональнее и удобнее.
Ну и немного подробнее опишу фишки, которые мне очень понравились:
Описание функциональности Espresso