четверг, 1 апреля 2010 г.

Редизайн блога

В рамках мероприятий по передаче блога новому владельцу (блог был продан за бочку варенья, коробку печенья и 552 погонных метра оральных ласк) выполнен редизайн блога. В соответствии с новой концепцией.


Итак, традиционное «было – стало».


Читать дальше »

пятница, 28 августа 2009 г.

В ж... такой дизайн!

Конец рабочей недели, время для пятничной медитации. В качестве объекта для которой я предлагаю следующий образец «чудо-дизайна».

чудо-логотип


Ответы на животрепещущие вопросы: зачем японская пагода лезет в жопу?, отчего оно красное? и кому бы мог понадобиться такой логотип? смело пишите в комменты.


UPD 20 Октября 2009
А вот и ответ на «загадку про жопу»:
Азиатская жопа. ЛоготипИнститут Востоковедения

Читать дальше »

понедельник, 24 августа 2009 г.

Антибуки

— Так что же вы читаете? Робинзона Крузо?
— Эту как ее? Переписку Энгельса с этим… как его, дьявола? С Каутским!
цитата из х/ф «Собачье сердце»)

Понедельничное чтиво для поднятия рабочего духа настроения.


Кальян из велосипедного насоса

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


— Кстати, какой негодяй снабдил вас этой книжкой?
— У вас все негодяи. Ну что ж — ну, Швондер дал. Чтоб я развивался.
цитата из х/ф «Собачье сердце»)

Прочитал сегодня в ридере: Новости Студии Артемия Лебедева В магазине открылся целый раздел по продаже антибуков.


— Зина! … Там в приемной… Она в приемной?
— В приемной — зеленая, как купорос.
— Да — зеленая книжка!
— Ну, сейчас палить. Она ж казенная, с библиотеки!
— Переписка, называется, Энгельса… с этим… с чертом… В печку ее! Я бы этого Швондера повесил, честное слово, на первом же суку.
цитата из х/ф «Собачье сердце»)

Пусть понедельник будет добрым ).


Читать дальше »

суббота, 25 июля 2009 г.

Комикс темы для iGoogle

Comic Con logo23 июля сего (2009) года в Сан-Диего начался ежегодный конвент Comic-Con, где по традиции представляются новые комиксы, видеоигры, а также теле- и кинопроекты в стиле Sci-Fi, фэнтези, ужасов и аниме.

Это событие проводится с 1970 года и длится 4 дня. В эти дни поклонники комиксов и фильмов со всей страны перевоплощаются в любимых персонажей и знакомятся с новинками поп-культуры.


Google тоже не обошел вниманием это событие
Google Comic Con


..и представил собственную подборку комикс-тем для iGoogle.
Комикс темы для iGoogle


Желающие могут оживить свою домашнюю страничку iGoogle персонажами из популярных комиксов.



Читать дальше »

четверг, 7 мая 2009 г.

Шаблон Craftwork

Craftwork Blogger templateКрайнее время особенно привлекают меня дизайны в стиле hand-drawn и hand-made. Из недавних находок понравился

шаблон для Blogger “Craftwork”

. Думаю, отлично подойдет для блогов о скрапбукинге и всевозможном рукоделии

.

Устанавливается в несколько шагов. Сначала устанавливается сам шаблон, затем вручную добавляются коды для RSS, navigation и для формы поиска (Search form).


Посмотреть пример шаблона


Читать дальше »

воскресенье, 3 мая 2009 г.

Редизайн блога

Не далее как вчера, 2 мая, мне наконец-то удалось выделить достаточно времени, чтобы довести редизайн блога до версии 1.0. Отплясывать джигу с бутылкой ямайского рома, конечно, еще рановато: многие вещи еще требуют доработки, полировки, а то и вовсе замены и списания в дурдом. Но основной каркас уже есть и этому можно порадоваться.


Было
Ruby Brewed До
Стало
Ruby Brewed После


Шаблон разрабатывал и верстал сам, в качестве базиса был выбран стандартный шаблон Minima by Douglas Bowman


Читать дальше »

воскресенье, 18 января 2009 г.

CSS Zen Garden

На этом сайте вы можете лишний раз убедиться в силе CSS. Никакой магии, только один файл HTML и около 800 файлов CSS.
Из серии «пища для глаз», рекомендуется для просмотра. Особенно полезно при творческом запоре застое.

CSS Zen Garden

Читать дальше »

суббота, 13 декабря 2008 г.

Снег и снежинки Photoshop

Снежинки PhotoshopДля новогоднего редизайна блога пригодился, собственно Photoshop, кисти-снежинки и один туториал.


P.S. Не забудьте сделать резервную копию шаблона Blogger. Читать дальше »

Новогодние иконки RSS и не только

Украшаем блог к Новому году! Создаем праздничное настроение себе и своим посетителям.

Набор праздничных feed-icons от SmashingMagazine.
Новогодние feed-иконки

Новогодние RSS-иконки от Ajaxpath
Новогодние иконки RSS

Новогодние иконки для 17 сервисов социальных закладок в IconArchive.

Коллекция из 17 иконок наиболее известных сервисов социальных закладок в колпаке Деда Мороза : Blinklist, BlogMarks, Delicious, Digg, Facebook, Feeds, Flickr, Furl, Magnolia, Mister-Wong, Netvibes, Newsvine, Reddit, Stumbleupon, Ta-Da List, Technorati и You Tube.
Иконки в форматах .ico и PNG: 256x256px и 48x48px.
Автор: Fast Icon.
Новогодние иконки для социальных закладок
Эти иконки я использую в одном из следующих примеров.

iPod новогодние иконки в IconArchive. Иконки в форматах .ico и PNG: 256x256px и 48x48px. Автор: Fast Icon.
Кстати, советую покопаться у автора в разделе бесплатные иконки -- найдете много интересного не только на новогоднюю тему.
iPod новогодний

Иконки с Сантой (или Дедом Морозом) от Iconka.
Иконки с Сантой

Еще подборки на новогоднюю тематику:

Читать дальше »

пятница, 28 ноября 2008 г.

110+ бесплатных RSS-иконок

Еще один ресурс со ссылками на более 110 бесплатных иконок для RSS.
110+ иконок для RSS
Кстати, свою RSS-иконку взял именно оттуда. Да, многие иконки в формате PNG, так что статья про PNG в Internet Explorer будет кстати.
Pro Blog Design
Читать дальше »

вторник, 25 ноября 2008 г.

CSS оформление внешних ссылок

Внешняя ссылка, Внутренняя ссылкаКак с помощью CSS выделить внешние ссылки, чтобы они отличались от внутренних.

Иногда в тексте страницы требуется выделить внешние ссылки другим стилем, чтобы они отличались от внутренних ссылок сайта. Для чего этим ссылкам может понадобиться дополнительное оформление? Потому, что пользователь должен знать, что пройдя по этой ссылке, он перейдёт на другой сайт. А вдруг страницы, на которую ведёт ваша внешняя ссылка, уже не существует? Или сервер недоступен? Или там, прости господи, такая непотребщина выложена, что просто «ужоснах»?! ..и пользователю придётся срочно в панике закрывать окно браузера, потому что он в данный момент в офисе, сзади приближается шеф, а тут в мониторе ТАКОЕ!..

Таким образом, подобное выделение делает интерфейс сайта более предсказуемым. А это, ИМХО, для юзабилити только плюс.

Для начала определимся, какие ссылки будем считать внутренними. В моём случае они могут быть такие: "http://dotrb.blogspot.com/", "http://www.dotrb.blogspot.com/" и "/". Крайнее обозначение -- это ссылка в «корень» сайта.

Для этого применим регулярные выражения и селекторы атрибутов CSS:
a[href^="http:"] {...}

Этот код означает, что все ссылки с атрибутом href начинающимся с http: будут иметь стили присвоенные в данном правиле.

Чтобы отличить внешние ссылки от внутренних, пропишем правило, включающее домен:
a[href^="http://dotrb.blogspot.com/"], a[href^="http://www.dotrb.blogspot.com/"], a[href^="/"] {
color:#C61A1A;
}

Беда в том, что IE 6 не понимает таких селекторов. Поэтому специально для «эксплорера» будем использовать expression.

Примерно так будет выглядеть правило, работающее для всех нормальных браузеров и Internet Explorer:
/* Цвет ссылки "по-умолчанию" -- для внешних ссылок */
a {color:#3256B6;}

/* Цвет внутренних ссылок */
a[href^="http://dotrb.blogspot.com/"], a[href^="http://www.dotrb.blogspot.com/"], a[href^="/"] {
color:#C61A1A;
}
/* Цвет внутренних ссылок для IE */
a, a:link{
color:expression(
(this.getAttribute("href") &&
( (this.getAttribute("href").lastIndexOf("http://dotrb.blogspot.com/")==0)||
(this.getAttribute("href").lastIndexOf("http://www.dotrb.blogspot.com/")==0)||
(this.getAttribute("href").lastIndexOf("/")==0)
)
) ? "#C61A1A" : "#3256B6"
);
}

Теперь внутренние ссылки у меня будут под цвет дизайна (#C61A1A), а внешние -- более приближенными к «стандартному» синему (#3256B6).
Читать дальше »

воскресенье, 23 ноября 2008 г.

Баннер для вашего блога

Нужен баннер для вашего блога? Нет ничего проще! Предлагаю анимированный баннер, который показывает по очереди пять самых последних записей из вашего фида. Это циклический баннер для вашей рекламы!

Ruby Brewed [.rb]

↑ Grab this Headline Animator


Как сделать такой?

1. Регистрируйтесь на Feedburner;

2. После успешной регистрации вы попадёте на страницу Мои фиды. Введите URL вашего фида в поле "Зажигай" фид прямо сейчас;

Зажигай фид прямо сейчас

3. Не знаете, как найти фид (feed, RSS) вашего блога?
У каждого блога есть RSS-лента. Всё, что вам нужно, это отыскать такой значок на главной странице вашего дневника rss. Щелкните этот значок и вас перебросит на RSS-ленту. Скопируйте URL из адресной строки браузера;

4. После того как «прожжете» фид, заходите в настройки вашего фида. И оттуда -- на вкладку «Публикуй» - «Аниматор заголовков»;

5. Выберите шаблон для вашего баннера (или загрузите собственный), подберите шрифты и цвета. Когда всё будет готово, жмите кнопку «Активировать»;

6. Получите код вашего баннера. В списке предлагается несколько платформ:
MySpace page, TypePad blog, TypePad JP blog, Blogger blog, WordPress.com blog и Email signature (подпись к email)
Если вы не обнаружили движка вашего блога в списке, выбирайте последний пункт: Other (just gimme the code) -- Другой (просто дай мне код);

Получить код баннера

7. Полученный код разместите у себя в блоге.

© 2008 Ruby Brewed.
Читать дальше »

пятница, 21 ноября 2008 г.

Обдираем обои на веб-страницы

Нашел еще один ресурс, откуда можно надёргать бэкграундов (фонов). Ресурс этот не совсем обычный для веб-дизайна. Дело в том, что это магазин обоев. Тех самых, которые клеятся на стену, а не на ваш рабочий стол :). С сопутствующим замешиванием клея «Метилана», «Момента» или еще чего-нибудь в этом духе.

Настенные обои

И как же может нам пригодиться этот ресурс с бумажными обоями? А всё просто! Что характерно для обоев? -- Правильно! -- повторяемость рисунка. И при наличии нехитрых навыков можно нарезать бесшовных текстур из более 200 образцов, вывешенных на сайте.

А вот и ссылка: vintage wallpapers and wallcovering. Читать дальше »