Тут в твиттере все сошли с ума. Вся команда iFolk, будущего сообщества маководов аля Хабр, сменила аватары на цветные квадратики с ником. За ними подтянулись еще пара флешмобберов. Глаза просто вскипают...
Фавиконку на свой сайт сейчас не делает только ленивый. Это и понятно — пользователю проще ориентироваться в закладках (и находить ваш блог), да в серче Яндекса и Гугла (после установки маленького плагина для Firefox) она показывается. Но именно из-за того, что на каждом сайте стоит такая иконка, сложно сделать что-то свое, оригинальное. Буква в фавиконке — сразу нет, т.к. сайтов с логотипами в виде буквы — миллионы, даже (скорее, особенно) если это редкая буква. Простые геометрические формы — тоже.
Собственно, выход — сделать что-то простое, но одновременно капельку необычное. А для примера поглядывать на чужие работы.
Это только самые интересные и прямо притягивающие взгляд фавиконки. Если вам мало, то вот просто огромнейшая коллекция, которая собрана людьми, установившими себе специальный плагин-сборщик. Плюс в СмэшингМэгэзин часто публикуют «самые креативные», «самые необычные» и прочие «самые-самые».
Вообще, есть много сервисов, которые позволяют сделать фавиконку онлайн, но мне по душе использовать Фотошоп и все делать ручками. Чтобы научить его открывать и сохранять файлы .ico, надо распаковать плагин формата файла .ico в папку %Photoshop_Folders%\Plug-Ins\File Formats, где первое — конечно же, папка с самим Фотошопом.
{3 комментария}
Небольшой пост о том, как один блоггер выяснял, кто из известных людей, причастных к HTML вообще, как пользуется заголовочной частью HMTL, родил этот небольшой (прямо ма-а-алюсенький) пост. Я недавно от нечего делать (ну почти) просматривал HTML-код у многих известных блоггеров, смотрел и у профессиональных верстальщиков, и у разных буржуйских авторов, так выяснил, что многие вообще не касаются этой части темы блогодвижка. А блоггеры-новички в этой теме не разбираются вовсе.
Так что я решил немножечко пробежаться по тому, что должно находиться до тега <body> в файле header.php. Так что же должно находиться в HTML-заголовке блога
{14 комментариев}
Почему бы не поучавстовать в какой-нибудь акции? Например, в «Крутанем?» от Блогомоба, — раздает показы баннеров бесплатно.
Когда я начинал делать верстку этого блога, я перерыл множество различных уже готовых тем (вот одни из моих коллег по несчастью уже давали ссылки на самые крупные коллекции тем для Wordpress), чтобы выбрать что-то подходящее, что будет отвечать моим условиям — чистый и не перегруженный HTML-код и удобное расположение блоков. Ведь верстка с нуля — задача все-таки не тривиальная.
Но это все не то. Проще всего взять простую тему и работать именно с ней. Отобрав небольшую подборку двухколоночных тем, в которых практически не было оформления, у меня появился выбор. Главное — была общая структура, содержавшая необходимый минимум оформления, и которую легко было изменять по своему желанию. А во что такая тема превратится — зависит уже только от желаний и возможностей.
Для меня же дизайн — это и способ самоидентификации сайта, а также — способ выделения функциональных элементов (стандартных во всех вебдванольных проектах), который должен быть максимально простым и при том практичным.
И, конечно, нужны изображения — если не для рамок, то для логотипа, фавиконки, да мало ли. Мне лично даже не пришлось ничего искать, так как уже все было.
Собачка в логотипе, которая понравилась Мекалю, на самом деле из опенинга Hellsing'а, что от студии Gonzo. Собирал из кусков и перерисовывал изображение я еще три (или даже больше) года назад — как знал, что оно когда-нибудь понадобится. Луну я, кажется, вырезал из этой же анимешки, из какой-то сцены в первой серии.
Оформление сайдбара, а точнее элементы оформления также ждали своего часа уже давно. Когда-то я переводил текст правил ролевой игры, написанной Филиппом Ридом в рамках своего конкурса «24-hour game» (участники должны были придумать небольшую ролевую систему и написать правила за 24 часа). Меня тогда так поразило оформление этой работы, что я и в перевод перенес все оформление, локализовав его там, где это было необходимо. Хотя первоначально собирался выложить перевод в обычном плейн-тексте.
Ролевая система vsMonsters (по-моему, нашел я ее и остальные конкурсные тогда по наводке из краткого анонса в «Игромании») привлекла меня тем, что это простенький механизм правил для начинающих ролевиков или опытных, но желающих немного отдохнуть от навороченных правил DnD или GURPS. Вместо броска кубиков здесь — карты, а чарлист можно уместить в блокнотике, если понадобится (хотя оригинальное оформление создает правильный антураж). В правилах, хотя и нет примера сеттинга — за 24 часа автор просто не успел ничего придумать, зато есть небольшой бестиарий, который можно использовать в своей игре.
Сложностей с локализацией было до кучи — от вырезания картинок принтскрином до ручной отрисовки букв в заголовках — у меня не было такого шрифта, как у Филиппа. В общем, на мой взгляд, получилось неплохо. Можете скачать оригинал и локализацию (по мегабайту каждая) и посмотреть. А может, даже сыграть на досуге с друзьями — при хорошей фантазии удовольствие гарантировано.
От рабочего процесса у меня осталось множество рамок и разделителей в этом грязноватом стиле, который мне так нравится. Их я и использовал.
Собственно, найти еще подобные штуки для своего оформления несложно — есть фотостоки, есть публикующие подборки всяких векторных штучек и дизайнов блоги, такие как дежурка или w3школа. Совместив это со своей фантазией и графическим редактором, может получиться вполне интересный результат. Дерзайте! Скажите нет неоригинальным темам.
То же о RSS-кнопках. Ладно использовать стандартную иконку, которая к месту в любом дизайне, но вот эти страхолюдские человеки с газетой, да чашка кофе, которые в каждом втором блоге — оно это вам надо? В крайнем, случае, существует еще множество красивых иконок. Посмотрите постоянно обновляемую коллекцию RSS-иконок от неизвестного автора, может, найдете себе что-нибудь. Плюс на Sociall выкладывали довольно стандартненькую подборку иконок, некоторые из которых, впрочем, можно подточить напильником.
В общем, не пренебрегайте формой — она и содержимое слишком неразрывно связаны, чтобы пренебрегать ею только потому, что вам лень чуть-чуть повозиться с кодом Wordpress. А идеи — они всегда найдутся, стоит только чуть-чуть подумать.
{нет комментариев}
