В рамках мероприятий по передаче блога новому владельцу(блог был продан за бочку варенья, коробку печенья и 552 погонных метра оральных ласк) выполнен редизайн блога. В соответствии с новой концепцией.
Конец рабочей недели, время для пятничной медитации. В качестве объекта для которой я предлагаю следующий образец «чудо-дизайна».
Ответы на животрепещущие вопросы: зачем японская пагода лезет в жопу?, отчего оно красное? и кому бы мог понадобиться такой логотип? смело пишите в комменты.
UPD 20 Октября 2009 А вот и ответ на «загадку про жопу»:
— Так что же вы читаете? Робинзона Крузо? — Эту как ее? Переписку Энгельса с этим… как его, дьявола? С Каутским! цитата из х/ф «Собачье сердце»)
Понедельничное чтиво для поднятия рабочего духа настроения.
Антибуки — это фальшобложки со смешными надписями, которые надеваются на любимую книгу и превращают ежеутреннее чтение в метро в провокацию и розыгрыш. Обложки яркие, заметные и безупречно выполненные — они создают абсолютную иллюзию полноценной книги, а названия «книг» сразу притягивают взгляды окружающих. Отличный подарок для тех, кто любит чтение и приколы.
— Кстати, какой негодяй снабдил вас этой книжкой? — У вас все негодяи. Ну что ж — ну, Швондер дал. Чтоб я развивался. цитата из х/ф «Собачье сердце»)
Прочитал сегодня в ридере: Новости Студии Артемия Лебедева В магазине открылся целый раздел по продаже антибуков.
— Зина! … Там в приемной… Она в приемной? — В приемной — зеленая, как купорос. — Да — зеленая книжка! — Ну, сейчас палить. Она ж казенная, с библиотеки! — Переписка, называется, Энгельса… с этим… с чертом… В печку ее! Я бы этого Швондера повесил, честное слово, на первом же суку. цитата из х/ф «Собачье сердце»)
23 июля сего (2009) года в Сан-Диего начался ежегодный конвент Comic-Con, где по традиции представляются новые комиксы, видеоигры, а также теле- и кинопроекты в стиле Sci-Fi, фэнтези, ужасов и аниме.
Это событие проводится с 1970 года и длится 4 дня. В эти дни поклонники комиксов и фильмов со всей страны перевоплощаются в любимых персонажей и знакомятся с новинками поп-культуры.
. Думаю, отлично подойдет для блогов о скрапбукинге и всевозможном рукоделии.
Устанавливается в несколько шагов. Сначала устанавливается сам шаблон, затем вручную добавляются коды для RSS, navigation и для формы поиска (Search form).
Не далее как вчера, 2 мая, мне наконец-то удалось выделить достаточно времени, чтобы довести редизайн блога до версии 1.0. Отплясывать джигу с бутылкой ямайского рома, конечно, еще рановато: многие вещи еще требуют доработки, полировки, а то и вовсе замены и списания в дурдом. Но основной каркас уже есть и этому можно порадоваться.
Было Стало
Шаблон разрабатывал и верстал сам, в качестве базиса был выбран стандартный шаблон Minima by Douglas Bowman
На этом сайте вы можете лишний раз убедиться в силе CSS. Никакой магии, только один файл HTML и около 800 файлов CSS. Из серии «пища для глаз», рекомендуется для просмотра. Особенно полезно при творческом запоре застое.
Украшаем блог к Новому году! Создаем праздничное настроение себе и своим посетителям.
Набор праздничных feed-icons от .
Новогодние RSS-иконки от
Новогодние иконки для 17 сервисов социальных закладок в .
Коллекция из 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. Автор: . Эти иконки я использую в одном из следующих примеров.
iPod новогодние иконки в . Иконки в форматах .ico и PNG: 256x256px и 48x48px. Автор: . Кстати, советую покопаться у автора в разделе -- найдете много интересного не только на новогоднюю тему.
Иконки с Сантой (или Дедом Морозом) от .
Еще подборки на новогоднюю тематику:
-- PNG, Векторы, Иконки, Wallpapers, Клипарты и PSD-файлы
Еще один ресурс со ссылками на более 110 бесплатных иконок для RSS. Кстати, свою RSS-иконку взял именно оттуда. Да, многие иконки в формате PNG, так что статья про PNG в Internet Explorer будет кстати.
Читать дальше »
Как с помощью CSS выделить внешние ссылки, чтобы они отличались от внутренних.
Иногда в тексте страницы требуется выделить внешние ссылки другим стилем, чтобы они отличались от внутренних ссылок сайта. Для чего этим ссылкам может понадобиться дополнительное оформление? Потому, что пользователь должен знать, что пройдя по этой ссылке, он перейдёт на другой сайт. А вдруг страницы, на которую ведёт ваша внешняя ссылка, уже не существует? Или сервер недоступен? Или там, прости господи, такая непотребщина выложена, что просто «ужоснах»?! ..и пользователю придётся срочно в панике закрывать окно браузера, потому что он в данный момент в офисе, сзади приближается шеф, а тут в мониторе ТАКОЕ!..
Таким образом, подобное выделение делает интерфейс сайта более предсказуемым. А это, ИМХО, для юзабилити только плюс.
Для начала определимся, какие ссылки будем считать внутренними. В моём случае они могут быть такие: "http://dotrb.blogspot.com/", "http://www.dotrb.blogspot.com/" и "/". Крайнее обозначение -- это ссылка в «корень» сайта.
Для этого применим регулярные выражения и CSS:
a[href^="http:"] {...}
Этот код означает, что все ссылки с атрибутом href начинающимся с http: будут иметь стили присвоенные в данном правиле.
Чтобы отличить внешние ссылки от внутренних, пропишем правило, включающее домен:
Нужен баннер для вашего блога? Нет ничего проще! Предлагаю анимированный баннер, который показывает по очереди пять самых последних записей из вашего фида. Это циклический баннер для вашей рекламы!
2. После успешной регистрации вы попадёте на страницу Мои фиды. Введите URL вашего фида в поле "Зажигай" фид прямо сейчас;
3. Не знаете, как найти фид (feed, 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) -- Другой (просто дай мне код);
Нашел еще один ресурс, откуда можно надёргать бэкграундов (фонов). Ресурс этот не совсем обычный для веб-дизайна. Дело в том, что это магазин обоев. Тех самых, которые клеятся на стену, а не на ваш рабочий стол :). С сопутствующим замешиванием клея «Метилана», «Момента» или еще чего-нибудь в этом духе.
И как же может нам пригодиться этот ресурс с бумажными обоями? А всё просто! Что характерно для обоев? -- Правильно! -- повторяемость рисунка. И при наличии нехитрых навыков можно нарезать бесшовных текстур из более 200 образцов, вывешенных на сайте.