Если что, ребята, Владимирский Жилинский задумал интересный социальный блогохостинг, который будет не просто блогохостингом. Идея стара как мир, но в планах — большее, чем могут мечтать ЖЖшники, сплоггеры и даже ленивые стендэлонщики.
Ритм дедлайн-каждый-день продолжается (хотя я и успеваю посмотреть-почитать что-нибудь новенькое и даже выбраться на очередную пьянку), поэтому некоторое из задуманного идет со скрипом. Но, по крайней мере, мое неожиданное обращение к верстке не осталось забытым в свободное время. Один из итогов работ с HTML+CSS прямо перед вами — обновленная верстка этого бложека.
Оформление как таковое осталось неизменным — ну немного расширились текстовое поле и сайдбар, поприятнее стали некоторые элементы и к шрифту Georgia (абхазскому, естественно) добавился привычный Arial. Зато стал чистым и кроссплатформенным (теперь и в IE6) HTML и CSS, валиднее (есть маленькие проблемы) и компактнее (картинки переужаты). Самое сложное для меня было избавиться от таблицы в футере, перейдя полностью на блочную верстку, ну и использовать CSS Sprites для того, чтобы снизить количество подгружаемых изображений. Так что, если все криво и невозможно — просто обновите страницу, чтобы взять новые файлы с сервера.
Из того, что не нравится — крест в шапке, заменивший корявую букву «т» пока выглядит хуже. Второе — оформление кусков кода, с которым я разберусь позжее. И некорректное поведение футера при изменении масштаба в браузере (да и проблемы с ним в ие6 — может, я зря от таблицы отказался). Есть что-то еще?
Приму в комментариях желчную, но справедливую критику, особенно, хочется от тех, кого критиковал я.
Кроме того, раз пошла пора забить на пузомерки, снял кросспост в ЖЖ, яру, москва.ком, ливпейдж, блогру, лиру, блогспот и еще что-то там. Хотя еще неделю назад хотел добавить enjjoy.ru, limpa.ru, moikompas.ru, blogs.mail.ru. Но кому это надо?
И очередной вопрос — отправлять XHTML-документ как application/xhtml+xml и ставить вначале объявление XML надо? А то вроде ИЕ начинает после этого доктайп игнорировать вроде...
Ну а место позорных баннеров, с которых я не получил ни цента (ровно как и переходов с Обозревателя Всея Интернета), занял блогролл. Ну, точнее, небольшой ротатор баннеров интересных людей и их блогов, которым я очень благодарен. И без nofollow, естественно, как и комментарии. Для оптимизации они вынесены на GoogleSites, пережатые в gif, который для таких малоцветных композиций куда лучше.
Ротатор он потому, что там уже 8 блогов. Но случайно крутятся они только на общих страницах, в постах и пейджах же они отображаются навечно, постоянно привязанные к ID поста (как и брунгильда в сайдбаре). Для того, чтобы каждая страница получила более или менее случайную комбинацию «баннеров», был использован легкий псевдослучайный генератор на основе get_the_id () и номера баннера в сетке (возведенных в степень и поделенных на простое число). Так что обиженным не уйдет никто :).
Т.к. я жду подобных штук от Блога потерявшихся в сети людей и Meshkoff Design (естественно, рекомендую в ваши ридеры), сообщаю о двух свободных местах — kodji, blogomob, вы как, нужно вам? Вот единственные требования:
Баннер 125×125, лучше присылать в jpg/png/psd хорошего качества — пост-процессинг сам сделаю. В серых тонах. Цвет фона (большая его часть) — 9e9e9e, цвет основного текста — 000000 (некоторый можно серым или белым), ну плюс до кучи дополнительный цвет 838383. Дополнительные могут присутстсовать, но опять же в серых тонах.
Больше трех на одно место сажать, думаю, смысла нет.
В общем, дальше будет окончательная оптимизация бложека, работа с комментариями, типографика и еще несколько давно задуманных вещей. Но на сегодня я и так устал.
{58 комментариев}
Я практически не знаю javascript — во времена, когда чуть-чуть делал сайты (сейчас это называется более престижно, «верстать») он был очень не модным. Точнее, любой новичок бацал какие-нибудь часики, бегущие строки, подмену статуса и прочую фигню, а потом восторгался своим шедевром.
Несмотря на то, что предтечи асинхронной интерактивности уже были в «ослике», я не помню, чтобы где-то это было (знающие говорят, что все-таки где-то да было, но я не видел). И посетители просматривали десять рекламных блоков, прежде чем добирались до пространств, свободных от форм и функциональности.
Нет, все-таки были еще выпадающие меню, самораскрывающиеся списки, но от их реализации обычно содержимое желудка буквально переворачивалось (как всегда были и исключения — сайты Apple, IBM, Microsoft — перечислено в алфавитном порядке).
И все-таки одной штукой мы пользовались активно. И странно, что до сих пор в этой банальнейшей конструкции допускают ошибки. Обычно забывают о возврате по расфокусировке, а наш быдлокодер сегодня вообще без проверок написал. За что бегал три круга вокруг офиса под мелким и противным дождиком.
<input type="text" id="email" name="email" value="e-mail"
onfocus="if (this.value=='e-mail') this.value='';"
onblur="if (this.value==''){this.value='e-mail'}" />
Такой подход позволяет избавиться от лейблов около элементов форм там, где они не нужны — в поисковых, подписке на e-mail, редко — в формах комментариев. Минус — при включенном NoScript пользователю придется убирать ручками, но это мелочи жизни.
{6 комментариев}
Мне всегда противен был консьюмеризм подхода «скачал-поставил». Не, ничего против него не имею — в самом деле, не буду же я сам строить дом, если у меня есть деньги на рабочих, да и продукты я все же в магазинах покупаю. Просто во всякой простоте есть свои неудобные стороны. Особенно если речь идет о создании веб-сайтов.
Ну чего может быть проще, чем взять CMS-ку или блоговый движок, накинуть пару плагинчиков, одеть бесплатную тему и кричать «Главное — контент!». Ну или забацать на коленке «социальную сеть», ненароком смахивающую на еще сотню таких же быдлосетей (черт, я много повторяюсь, да?), а порой — с точно таким же расположением блоков и стрелочек, как на Хабре. В печенках, да. Тошно и противно смотреть на очередное замусоривание Интернетов.
Но не суть. Все же многие не знают, что такое валидность, как тут со мной недавно поделился откровением DimoninG, и я склонен ему верить. Ровно как и склонен верить тому, что большинству людей не посильно программирование во всех его проявлениях, причем не потому, что это действительно так сложно, но потому что они его не понимают. Я когда-то тоже не понимал, как программируют игры и как делают сайты.
Личные блоги и стали такими популярными (стендэлоны, конечно, много меньше, но факт остается фактом), потому как их очень легко поставить и настроить, не копаясь в коде. И это отчасти хорошо. Вот только нужно еще стремление сделать свой блог уникальным, а здесь и форма очень важна.
Но стоит ли бояться показывать, как делать правильно (точнее, так, как считаешь правильным), и не бояться делать что-то самому?
Вот тут Мекал обновил свой бложек и поставил плагинчик под названием wp_quotes, с которым я уже сталкивался, когда помогал с админкой клевого 42 is the Answer (читайте первый в мире тексткаст! — на правах агитки). Случайные надписи и изображения — весьма и весьма интересный инструмент оживления блога, добавления ему забавности, что ли. Он не сильно новый, но и не очень замыленный. Так что, да, забавный — чего стоят гертруды на лепро-дёти.
Чем хорош wp_quotes? Он работает по принципу «поставил, настроил и забыл» (современный veni-vidi-vici, ага). Не, все круто и удобно. Но.
Но — опять куча кода, опять лишнее обращение к базе. Поэтому, пока мне делать нечего, вот вам маленький гайд, как забацать случайный вывод всякой фигни
{18 комментариев}
Конкурсы-хуёнкурсы. Простите за мой испанский, конечно, но кроме интереса, что из этого получится, у меня никогда не было. «Серьезная» блогосфера мне лично напоминает детский сад. Топ-блоггерами я предпочитаю называть достаточно известных и интересных людей, которые предпочитают не играться в бирюльки, представляя себя на экранах ТиВи. И существо под названием «профессиональный блоггер» вижу только как мифическое создание наподобие, ну не знаю, игольчатого выперкрылка (ояебу, что это?). Чем-то это сродни «командному духу», воспитываемому в боевых условиях Макдональдса.
Не, блоги — веселая игрушка. Точно так же, как ТИЦ и PR как мерило ценности сайта для покупки ссылок, а также конкурс, который пользует слабость нынешних поисковых алгоритмов и их привязанность к ссылочному (даже если это всего-то 1000 баков, отданных авторам говноблогов через одного из спонсора этого самого конкурса).
Но вот реально, наглый линкбайтинг, псевдо-веселая игра в желтушного журналиста, крутого бизнесмена (манимейкер — звучит гордо), клепание сплогов в количествах, которые не знала даже оборонная промышленность Советского Союза — что это реально создает? Только раздувает мыльный пузырь, у которого и так тонкие-тонкие стеночки.
Конкурс, который должен был привлечь новых людей в эту чертову блогосферу, создал только пачку очередной хрени, которой и так навалом. К тому же, половина — с участием и так уже «старичков», которые эти блоги, скорее всего, забросят.
У меня в ридере остался только Наши за границей, и то потому, что я люблю всяческие интервью, да Корпорации, которые, кажется, уже умерли.
Зато мы увидели потрясающее умение организатора вести шоу в прямом эфире — от обзоров, которые ни разу не обзоры, до умения работать с рейтингом и конкурсантами. Ну да, прямо-таки шокирующие интервью с мест событий — это было настолько клево, что я даже пожалел, что дома еще есть туалетная бумага. И пожалел, что еще не сделал здесь тег irony.
Ладно-ладно, в конце концов, это везде так — вон подкастеры тоже страдают манией величия. Чего рассусоливать о том, что и так было ясно с самого начала.
Вот мне лучше пусть кто-нибудь объяснит, кто (что?) ж такой «профессиональный блоггер». А то я спать не могу ночами.
Спасибо Жилинскому и Волотко Дмитрию, и даже Мио, как-то пробегавшему мимо. Мекалу (прости, не знаю имени), Андрею Мягкову, Арсению (все хотел сказать — у тебя стоит омерзительный плагин, зачем же поганить ссылки) и Денису Климонтову, за то, что заглядывали сюда и даже ставили ссылки на этот ужас. Ну и, конечно же, Chris Archer'у за маленькие интересные баталии в комментариях. Я прямо плачу от умиления. Хнык-хнык.
{15 комментариев}
Есть такой замечательный человечек, Ярослав Грешилов. У него есть не менее замечательная типология социальных сервисов. Но меня всегда мучила по поводу этой попытки структуризации всея вебдвануля какая-то неотвязная червоточинка, прочно засевшая в голове и вызывающая острое чувство неудовлетворенности.
Ну да, вроде как полезное дело — дать четкие категории, чтобы социальными сетями не называли все, что ни попадя — например, те же Socialink, Chipp и подобные. С другой стороны, их и не отнести к digg-like социальным медиа, потому что большей функции, чем поставить ссылку и получить трафик (попутно замусоривая Интернеты), у них попросту нет.
А last.fm? Отнесенный к социальным навигаторам, он также одновременно является контейнером, рекомендательным сервисом, связывающим людей между собой и с контентом, а еще позволяет общаться и «самопрезентироваться», ага. Что за типология, которая не позволяют точно определить четко, к какой из категорий относится проект?
И Хабр — это такое странное СМИ, в котором самый распоследний гик-неумеха самоутверждается как на блогах, вливаясь в небольшую такую специализированную и узкотематическую социальную сеть. Ну и попутно рекомендуя сайты и способы купить АйФон.
А куда деть в такой структуре сервисы, предоставляющие возможности десктопных приложений, но прямо в окне браузера? А ведь они — тоже важная часть вебдвануля.
В некоторых упоминаниях хаос предложенного способа усиливается, например, вычеркивают для себя блогоплатформы из списка социальных проектов, несмотря на все инструменты связывания людей, встроенные в них. И называют классификацией то, что является по сути категоризацией.
Нет, такая типология, действительно, упростит общение, если все вдруг начнут пользоваться ей как системой СИ. Чуть удобней станет ориентироваться.
Но лично для себя я использую более подробную систему, которой получается добиться использованием классификации по отдельным критериям. В полной аналогии с тем, как разделяют разные двери — по способам открывания: распашные, раздвижные; по наличию стекла — глухие, остеклененные; по материалу изготовления: деревянные, пластиковые, алюминиевые).
Именно разносторонняя классификация позволяет добиться нужной гибкости и точно указывать принадлежность объектов, облегчая их сравнение. Все поезда остаются поездами, но мы учитываем, что один предназначен для пассажирских дальних перевозок, другой бороздит пригородные маршруты, а третий состав тянет полтора километров цистерн с нефтью.
Так мы поступаем с веб-проектами нового поколения, у которых есть только одно объединяющие свойство — социальность, замешанная на коллективной доступности. Остальные составляющие в хороших проектах всегда разные: тип основного контента и контента, создаваемого пользователями (если он не основной, как в случае с рекомендательными сервисами), возможностям связывания пользователей (системы рекомендаций, френдлисты и ленты) и рейтингования, ну и так далее.
Классификация не дает нам коротких и емких (а значит, удобных в повседневном общении) названий, но позволяет четко очертить возможности проекта.
И отделить, например, Хабр от обычных блогоплатформ, iLoveCinema от IMDB, а Flickr от del.icio.us.
Ну и совсем четкие границы получаются в случае сравнения с (вполне еще востребованными) реликтами прошлых эпох — досками объявлений, форумами, каталогами и чятиками.
{нет комментариев}