Технологический винегрет от Студии Лебедева

Техногрет

Отлично, отлично!

Очень хорошая идея. Наконец то они решили поделиться своими знаниями. Думаю, что можно будет почерпнуть оттуда очень многое, т. к., что уж душой кривить, в Студии работают очень знающие и умеющие люди.
А кроме того, ввиду безусловной одиозности, равно как и широкой известности, данный шаг Студии можно оценивать никак не меньше, чем общественно-просветительский. Ведь в течение ближайшего месяца туда к ним хотя бы разок зайдет любой хоть как-то связанный с вебдевом, а значит, возможно, уровень знания на рынке в целом, хоть на микрон, но повысится.
Вот только понять бы, как часто данный раздел будет обновляться.
Ну и комментарии. ПОЧЕМУ ИХ НЕТ?! Хотя это риторический вопрос - см. выше про одиозность.

Ноябрь 22nd, 2005

Разные CSS-стили в зависимости от ширины окна

Categories: css, javascript

Просто ссылка. Для верстаков.

Если уж вам совсем плохо и даже тянущаяся верстка вам не помогает (интересно бы, кстати, посмотреть на такой макет), то вот есть способ: Dynamic Resolution Dependent Layouts.

Т. е. жаваскриптом, в зависимости от ширины окна браузера, скармливаем ему (браузеру) разные файлы стилей для разных, соответственно, ширин.

Ноябрь 17th, 2005

CSS rounded corners

Categories: design, css

Cтолкнуля я тут буквально на днях с вопросом кодирования дизайна, построенного на закругленных углах. Естественно хотелось верстку сильно завязать на CSS, оставив основной код чистым и логичным. Поэтому вполне логично было в строке браузера набрать знакомый адрес, а в строке поиска - фразу “CSS rounded corners”.
Кстати, не стоит удивляться, что набрал я ее по английски, т. к. поиск в ру-нете дал какие-то жалкие и весьма скудные результаты, а вот иноязычное сообщество кодеров, обсуждало (и обсуждает) эту проблему весьма плотно.

Итак, CCS и закругленные углы.
(more…)

Июль 14th, 2004

CSS, accessibility and standard links

Categories: design, css

CSS, Accesibility and Standards Links

Here you’ll find a whole bunch of links to some of the vast resources out there.

Декабрь 17th, 2003

redesigning and redesigning and

Categories: ideas, future, css, markup

Чем занимается любой человек, создавший сайт, спустя пару дней после его пуска? Правильно, он его переделывает, т. е. редизайнит. Вот и я нахожусь сечас в стадии работы над новым дизайном моего журнала, который скоро здесь появится. И на этот раз я таки постараюсь быть буду xhtml и css валидным!
Однако в процессе восхождения моего к этой самой валидности посещают меня грустные думы. Вот, например, одна из них.

Есть у нас стандартные, допущенные в xhtml, тэги и есть у нас конструкция вида <div id=”что-то там”>, которая активнейшим образом используется и является также стандартной (т. е. соответствующей стандарту xhtml). Существуют эти две сущности (тэги и дивы) параллельно и вполне мирно, но вот по сути своей, по моему мнению, они дублируют друг друга в некоторых местах и от одной из них я бы с удовольствием избавился. Поясню!
Мы можем написать как <p>наш текст</p>, так и <div id=”что-то там”>наш текст</div> и назначить в файле css-стилей внешнее отображение как тэгу, так и идентификатору. В нашем случае это отображение будет одним и тем же. В данном случае более логичным и удобным будет использование конструкции с тэгом, т. к. она короче и более понятна в силу того, что тэг <p> уже достаточно долгое время используется для обозначения абзаца.
А вот в случае, когда нам нужно как-то выделить меню, что делать? У нас же нет стандартного тэга, который для этого предназначен, а посему мы используем конструкцию <div id=”что-то там”>, что опять же вполне логично и соответствует стандарту.
Но вот вывод, который можно сделать на основе этих двух примеров, для меня не кажется самым логичным. Для меня в данном случае на лицо картина, когда и котлеты и мухи плавают в одном xhtml-файле. Т. е. конечно же проще пользоваться тэгами, т. к. они короче, но вот беда — тэги на все случаи жизни еще не изобрели, а значит мы вынуждены дополнять их дивами.
Почему бы в таком слычае вообще не перейти на дивы, отказавшись от тэгов? Ведь мы же так или иначе уже задаем в наших таблицах стилей способы отображения и для тэгов и для дивов. Почему же мы не придерживаемся четкой логики и не пользуемся либо только тэгами, либо только дивами? Ведь все равно, что они значат — отображение мы сможем задать им любое.

В общем я мечтаю о дне, когда мы сможем таки отказаться от тэгов, но и конструкция с дивом будет упрощена например до такого вида <id_content> или <class_menu>, т. е. мы сможем по своему желанию именовать тэги, а стиль их отображения как и сейчас задавать во внешнем файле…

Сентябрь 17th, 2003

learn to css

Categories: ideas, css

Человек сделал кавычкер на CSS. Звучит, не правда ли? Т. е. все эти страшные программы на ПХП вроде как не совсем нужны, а отделение содержания от представления укореняется на наших страницах все сильнее и сильнее.

Ведь так в принципе и есть: цитата является совершенно самостоятельным блоком текста, который безусловно требует выделения. До сего момента мы осмеливались использовать только <blockquote></blockquote> для целых абзацев цитат, а inline цитаты выделяли ручками кавычками (и писали для последних специальные умные программы), хотя последние тоже являются отдельными блоками содержания. Но теперь нам показали как использовать микроскоп именно как микроскоп, а не как молоток, поэтому…

Поэтому будем тестировать, т. к. совместимость браузеров еще никто не ввел…

Сентябрь 10th, 2003

css dotted borders in ie

Categories: css

У ребят все-таки получилось. Они смогли воплотить в Эксплорере… хмм… (как же по русски будут dotted borders?) границы в одну точку.

Хотя решение и не самое элегантное, заставляющее использовать картинку, но тем не менее это хоть какое-то решение.

На пример можно посмотреть в той же записи, в месте, где начинаются комменты.

via

Сентябрь 3rd, 2003

css image replacement

Categories: css

Практически все англоязычные блоги сегодня дают ссылку на статью Дейва Ши (Dave Shea), посвященную замене текста картинкой средствами CSS, т. е. еще одному шагу на пути отделения так представления от содержания.
Ято ж, дам на нее ссылку и я: In Defense of Fahrner Image Replacement
Упоминается несколько способов замены и проблем, связанных с ними, приводятся некоторые размышления на тему будущего развития данной технологии и… В принципе ничего фундаментального, просто некоторое подведение итогов и обобщение техник с целью создать полезняшку для ищущих в сети способы замены текста изображением средствами CSS.

Август 7th, 2003

zen garden

Categories: design, css, zen, markup

Да! Если вдруг кто еще не знает, то есть в сети такое место, как Zen Garden. Это по сути экспериментальная площадка, где демонстрируются возможности CSS верстки, продвигая в народ идеи полного и окончательного отделения представления от содержания.
Дается исходный xhtml-файл с дивами и айди и под него любой желающий пишет свой CSS-файл, который высылает владельцу всего это балагана, а тот (возможно) постит ваш вариант разметки в своем саду, дабы продемонстрировать ваше умение миру.

На сегодняшний день мой любимый вариант — Gothica.

Ссылка по теме: mezzoblue — блог автора Дзен Сада.

Июль 28th, 2003

My del.icio.us

Links