Горизонтальное меню CSS и Определитель поисковых запросов. Парад изобретений

Уже не буду говорить, что Корова вновь оживает :-) …чтобы не получилось как всегда. Рад представить вам пару технических фичей для того, чтобы вы их заценили по достоинству: авось пригодится.

ФИЧА ПЕРВАЯ. Долой Xara меню! Даешь CSS меню!
Наконец-таки полностью перелопатил ксаровскую горизонтальную менюху, ранее использовавшуюся на metaem.ru (это тот, который на word presse бегает). Теперь, используя классическую основу от A List Apart, оно реализовано на чистеньком CSS, с меньшим количеством графики, безо всякой жабы скрипт, короче - ляпота :-) Оно одноуровневое, но, быть может, и этому есть решение.

Кому нужно горизонтальное меню на CSS с хорошенькой графикой, а не текстом - зайдите на www.metaem.ru , и откройте source code сраницы. Стили меню специально хранятся не в отдельном файле. Устройство такое: у блока есть фон (это меню со всеми пунктами), а у каждого пункта меню (прозрачные) - свои ролловеры, которые просто подчеркивают пункты (нарисованные на фоновом изображении). Каждый ролловер - это файлик шириной в 1px и высотой в меню.

Работает в IE6, естественно все лисоподобные и в Опере (именно ради последней пришлось так издеваться над фоновыми изображениями, но это привело к общей оптимизации). Код для лисы - отдельно, для осла - отдельно. Таким образом, если что-то понадобится изменить конкретно для осилка - есть такая возможность. В 5 ослике меню работает, но размер шрифта скачет.

ФИЧА ВТОРАЯ. Автоматический Определитель Запроса Пользователей Поисковых Систем (или очень просто - АОЗППС :-) ).
Владимир Русинов сделал для меня замечательный скрипт, который я рад вам представить.

На главной странице сайта в динамическом блоке отражается различная информация, соответствующая ключевому слову, по которому посетитель сайта пришел с поискового сервера. Все очень просто, но скрипт не простой, т.к. он еще и перекодирует кодировку в windows-1251 (или как Вы настроете), а на разных серверах это происходит по-разному.

Прикол, что компания fele.ru (они из Пскова, моей второй Родины, можно сказать) берет за это дело 130 убитых енотов. Владимир же продает у себя это чудо-изобретение за двадцатку (!) Спешите купить.

Тому же, с кем я более-менее знаком, я готов прислать сие дело на халяву :-) Пишите мне. А вообще, неплохо бы это дело продавать за вебмани, и mint тому пример. Сделать клевый такой дизайн - и вперед, долларов за 30…

Всё :-) С Новым годом! :-p

Сколько лет, сколько зим

В принципе, нисколько: всего один с половинкой осенний месяц :-) Хотя, разумеется, для меня, уважаемые читатели, это не оправдание. Событий, новшеств и достижений было много, но, из-за постоянных запарок, не получалось поговорить о них с вами. Очень жаль. Сейчас я вернулся и вновь буду вместе с вами. У нас впереди много нового.

Вот, какие новости у меня на сетевом поприще.

  1. Принял участие в замечательном проекте ДенисаНовые блоггерские сказки“. Хочу поблагодарить его за приглашение написать сказку и за изящную реализацию отличной идеи.
  2. Запустили новый fashion-brand experimentelle. У нас было ателье, но теперь они отделились и пытаются занять новые ниши (что, кстати говоря, у них потихонечку получается). Вместе с Серегой сделали гламурненький сайтец, снискавший глубокое одобрение у многих знакомых. А одежда как и прежде - супер! :-)
  3. Подписали соглашение с СЗЭМО (еще одно). Это аутсорсинг. Это лавэ Балтийской Медиа Группы. Это наш лучший и основной клиент, это наше будущее. Наша задача - принять непосредственное участие в формировании их успешного будущего. Новый сайт для старого-доброго metaem.ru здесь в тестовом режиме, но на этой неделе он откроется уже на все сто. Здесь присутствует и эксперимент: сайтец будет бегать на wordpress - посмотрим, удобен ли он при управлении подобными корпоративными сайтами. Вероятно да, ведь сам мистер Хикс использует textpattern (а какая, нафиг, разница - wp или txp). Вообще, этот проект - широчайший полигон для опытов и экспериментов, так что о нем, безусловно, еще пойдет речь.

Ну, пока что и все. Не буду забегать вперед и не буду открывать сразу все карты. Заходите в гости!

Ваш, demetrius.

Не стало Тимы Качаравы

Тимур Качарава13 ноября убили Тимку. Пусть эти сволочи горят в аду. Ему было всего 20, но он стал героем для всех нас, и мы его никогда не забудем. http://stop-it.narod.ru

Интервью с Пако Рабаном. В Москве кутюрье встречался со Сталиным.

Paco Rabanne

Пако Рабан дал интервью Игорю Шевелеву. Материал опубликован в “Российской газете” 3 октября 2005 г.

В Центральном доме художника открылась выставка графики знаменитого парижского модельера Пако Рабана. Человек, который первым использовал музыку при показе мод, вывел на подиум чернокожих манекенщиц, придумал духи унисекс, стал делать одежду из алюминия и пластика, - теперь он впервые показывает созданные им произведения изобразительного искусства. В Москве, можно сказать, проходит мировая премьера его первой графической выставки. После российской столицы выставка отправится в Киев, Париж, Мадрид. И, хотя знаменитый кутюрье, уже пару лет как продал свою торговую марку другим людям и не имеет отношения к выпускаемой под его именем модной продукции, Пако Рабан остался тем, кем был всегда, - великим придумщиком, провокатором и творцом. Слушать его необыкновенно интересно. Читать далее…

Билл Клинтон презентовал интеллектуальный поисковик “Акуна”

AccoonaПохоже, что словосочетание “интеллектуальный поиск” становится все более популярным в сети. Вслед за открытием Нигмы.ру и большого количества социальных сервисов последовало такое сообщение от ИА “Новости гуманитарных технологий“.

В США объявлено о запуске нового поискового сервиса Accoona.com. Как сообщает Associated Press, создатели поисковика утверждают, что разработанные для него новые технологии “искусственного интеллекта” будут реализовывать более эффективный поиск, чем тот, что предлагают все существующие ныне ведущие поисковые сайты.

Проект организован усилиями американских специалистов при поддержке правительства Китая. В число руководителей входят Экхард Пфайфер (Eckhard Pfeiffer), бывший исполнительный директор Compaq, и бывший директор по развитию онлайнового рекламного агентства DoubleClick Ктюарт Каудер (Stuart Kauder).

Accoona получила эксклюзивный 20-летний контакт по обмену информацией с китайской компанией China Daily Information, которая поддерживает государственные сайты. Благодаря ей в поисковике появятся данные о различных китайских фирмах, число которых составляет около 5 миллионов. Предполагается, что это даст возможность американским предпринимателям наладить сотрудничество с китайскими партнерами и работать на рынке этой страны. Подчеркивается, что это особенно важно в преддверии Олимпийских игр 2008 года в Пекине.

Презентация нового проекта проходила при участии бывшего президента США Билла Клинтона, который пожелал создателям поисковика успехов в бизнесе. По данным Associated Press, Accoona внесла пожертвование, сумма которого не разглашается, в фонд Клинтона William J. Clinton Foundation, который занимается реализацией социальных программ.

Слово “accoona” взято из расхожего выражения “accoona matata” (”акуна матата”) на африканском языке суахили, что примерно можно перевести как “нет проблем”. Этот девиз стал популярным во всем мире благодаря тому, что использовался в мультфильме “Король Лев”.

Брассай. Забывая рассвет.

Брассай: Забывая рассвет; Человек, обладавший Парижем.

Брассай – это псевдоним Дьюлы Халас, родившегося в румынском местечке Брассо в начале XX века. Надо сказать, что Брассай всегда хотел стать художником, поэтому он обучался живописи в Венгрии и Германии. В 1924 г. он приехал в Париж, будучи журналистом. В свое время, мальчиком, Брассай уже был в Париже. Сопровождая своего отца, Брассай провел там год. Город произвел на мальчика неизгладимое впечатление и возбудил сильнейшее желание вернуться в него. По возвращении в Париж, Брассай втягивается в его ночную жизнь, наблюдение которой практически становится его потребностью.

Судьба сводит Брассая с Андре Кертежем, который становится его близким другом и окончательно убеждает его попробовать себя в фотографии. Ведь до этого, Брассай, живя в Париже 6 лет, избегал фотографию, считая ее чересчур механической и неживой. Его мнение изменилось, после того, как он увидел собственные первые снимки ночного Парижа.

Париж, показанный нам Брассаем, – это совсем не город романтической любви Робера Дуано. Он скорее напоминает Петербург «Преступления и наказания» Достоевского.

Это город притворный и коварный. Улыбка в нем может быть вульгарной и отвратительной, а слезы – истинными и спасительными. Улицы этого города покрыты призрачным тлетворным мраком.

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

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

Посетите галерею работ Брассая в нашем фото-архиве на Flickr.

Читайте подробно о великом французском фотографе в статье Вики Голдберг «Человек, обладавший Парижем».

Отмечаем visited links галочками (перевод)

Visited links с галочкамиСпособ от CollyLogic (с изображениями)

После того, как я сделал свой сайт - CollyLogic - я был приятно удивлен оживленной реакцией своих посетителей на способ представления просмотренных ссылок в его сайдбаре. В связи с этим отдельно хотелось бы поблагодарить автора оригинального метода. Сейчас я рад представить вам уже третью версию этого решения. Используется всего несколько строчек css и 1 маленькое фоновое изображение.

#sidebar ul {
list-style-type:none;
padding:3px;
}

#sidebar li a {
display:block;
line-height:150%;
width:239px;
background:URL(ticks_grey.gif);
text-decoration:none;
}

#sidebar li a:link, a:active {
color:#666;
}

#sidebar li a:hover {
color:#F33;
background-position: 0 -20px;
}

#sidebar li a:visited {
background-position: 0 -40px;
}

Способ от 456bereastreet (без изображений, но не пашущий самизнаетегде в 6 ie)

Однажды я размышлял над тем, каким образом можно выделять просмотренные пользователем ссылки и захотел воспользоваться способом CollyLogic от Саймона Коллисона (описан выше). Единственное что, я попытался избежать использования изображения.

Начал играть с псевдо-элементом :after и генерируемым контентом. Откопал в Unicode-таблице символ № 2713 (галочка, птичка, или, с позволения сказать, check mark). Вставил его подобающим образом в css:

h2 a:visited:after {
content:"\00A0\2713";
}

… и обрадовался. В Маке все нормуль. Открыл лису под виндой - вопросительный знак :-( Попытался заменить FONT-FAMILY на WingDings - не фига подобного. Поискал, погуглил: набрел на, по сути, похожую проблему у Майка Дэвидсона.

Галочка

Деметриус: Майк, кста, настоящий шрифт-маньяк, борец за права sIFR и человек, противящийся w3c-стандартам.

Майк нашел решение: использовать символ 221A. Это не закругленная галочка, а квадратный корень :-) Я последовал его примеру, и пока это - то, на чем я остановился. Вот тут таблица, в которой я использую данный трюк.

Так что, тема остается открытой. Позже, ребята, мы еще поговорим про то, как же наконец научить Windows-браузеры отображать нужные нам символы.

Times New Roman есть только у 78% юзверей. Итоги шрифтового расследования.

Codestyle.org опубликовал результаты исследования, задачей которого было выяснить, какие шрифты являются самыми используемыми у пользователей Windows, Mac и юниксоидов. Данные достаточно интересные, а некоторые - просто открытие. Например: могли ли вы предположить, что пресловутый Times New Roman есть только у 78% Windows-пользователей…

Сводная таблица для всех систем здесь (это Top40 шрифтов), также есть разнообразные детализированные отчеты. Кажись, самый крутой шрифт - Courier ;-) Мда…



Архив и контактыCopyright © 2005-2007 Millesime Media и B-MG.COM. Спасибо за внимание!