Зубчики на CSS
31 Jul 2013Внезапно пост! Небольшой странный чисто webkit трюк который вам пригодится разве что чтобы удивить свою девушку верстальщицу.
Tagged “xhtmlcss”
CSS1k
05 Jul 2011Мы с genn не выдержали и сделали свою версию для этой галереи.
overflow:hidden
26 Apr 2010Незаслуженно непопулярный трюк. Я уже писал про display:table. Так вот, это — лучше. P.S.: оказалось трюк таки известен многим, надеюсь кому-то статья поможет.
РИТ 2010, 12-14 апреля, Москва
15 Apr 2010небольшой отчет о конференции и интересных докладах
Презентация про CSS3 и HTML5 на них же
31 Mar 2010Я показывал ее на недавнем Openwebcamp. Презентация на CSS3 и HTML5 без джаваскрипта. Как надо работает только в Safari и Хроме, но вы уже привыкли, да?
Мастер-класс в Киеве, 10 апреля
17 Mar 201010 апреля в Киеве состоится мой мастер-класс по вёрстке.
Слайсы на kremlin.ru
12 Mar 2010Сегодня запустили слайсы на kremlin.ru. Небольшой рассказ чтобы упростить внедрение в будущем.
Всё крутится и летает
04 Nov 2009Я занимался сексом с webkit-transition, результат можно увидеть тут, да и тут впрочем тоже, а вот что придумал Genn узнав об этом (примеры работают пока только в Хроме и Сафари).
font-face оживление
24 Oct 2009Последнее время так надоело вставлять свои шрифты на странички, что я решил написать об этом пост. Аккумулированный опыт и последние новости.
Блог на HTML5
16 Jun 2009Это было так просто, что я не удержался. Новые таги такие миленькие! ;-)
Копировать в буфер
15 Apr 2009Не самая критичная фича, но весьма специфическая в реализации.
Простой аккордеон
30 Mar 2009Это те самые, странно разворачивающиеся и очень редко нужные менюшки. ;)
Internet Explorer и z-index
07 Dec 2008ИЕ воспринимает z-index не совсем так, как все остальные браузеры. Это поведение настолько часто встречается в моей жизни, что я решил о нём написать целый пост.
Альфа-каналы в PNG-8
07 Nov 2008Мало кто знает, но они действительно существуют.
Применение clip для PNG в ИЕ
01 Oct 2008Пожалуй, самое редкоиспользуемое CSS-свойство, из вообще используемых. Особенно удивительно при этом, что все броузеры его поддерживают. Еще удивительнее, что от него есть реальная польза.
Адаптивные блоки
17 Sep 2008Это когда блоки подстраиваются под ваш размер экрана изменяя ширину и положение. Звучит сложно, выглядит естественно. Далее несколько вариантов.
Какие-то сложные игры c флоатами
29 Aug 2008По-другому и правда не назовешь. Ах, эта обманчивая внешняя простота:
Всё красиво
Блок внизу одной из колонок
14 Aug 2008О том как это сделать меня спросили 2 раза за последние 3 дня, потому... Простой приём, вряд ли это будет полезно опытным кодерам, но наверняка принесет кому-то пользу.
Круглые уголки, интересные варианты
23 Jun 2008Пару подсмотренных интересных способов и вариант, который обычно использую я.
5 советов верстальщику
21 May 2008Принимаю всеобщее увлечение рекомендациями по вёрстке. Мои 5 советов верстальщику. Не тайные манускрипты, а всего лишь простые советы :)
CSS print framework
07 Apr 2008Пафосное название для моего обычного стандартного print.css который я всюду инклюдю.
Проблема со списками в IE
08 Mar 2008Настоящие верстальщики должны слегка поморщиться вспомнив об этом баге.
Как найти баг в вёрстке
08 Jan 2008Как часто вы тратите часы чтобы понять почему же эта эта вредная навигация сползла? Этот способ позволяет найти причину практически не думая за 5 минут. Наверное почти все пользовались этим методом поиска багов в вёрстке.
Микроформаты в жизнь!
21 Dec 2007Мои(и не только) мысли о микроформатах. А так же нескольно примеров проектов, в которых я применял микроформаты.
Одноразовый expression
06 Dec 2007Все уже часто сталкивались с специфическими для IE expressions, однако не все знают (я например не знал), что их можно оптимизировать. Об одном из приемов и пойдет дальше речь.
Cколько-то способов min-height
29 Nov 2007Несколько способов реализации min-height для всех броузеров. Короткий обобщающий пост. Надеюсь все оценили как я изящно избежал цифры в названии поста?=)
Как написать CSS только для Safari
14 Nov 2007Несмотря на экзотичность такого фильтра, он мне понадобился уже на двух проектах. Это, ясное дело, из-за того что у меня мак, и мне не все равно. Короткий грязный(невалидный и не future proof) но работающий здесь и сейчас хак для Safari 2-3.
Оценка качества верстки
24 Oct 2007Время от времени меня просят оценить качество той или иной свёрстанной страницы, да и сам я когда серфлю часто быстро проверяю - насколько профессионально была создана страничка. За всё это время сформировался ряд довольно стандартных критериев, коими делюсь.
Несимметричный фон на центрированном сайте
29 Sep 2007Относительно часто встречаются макеты центрированные по горизонтали, но с уходящими влево и вправо разнымы фоновыми картинками, примерно так. Делюсь своим способом решения этой задачи.
Еще один способ вертикального выравнивания в CSS
26 Apr 2007Много копий сломано на ниве вертикального выравнивания без таблиц. Однако недавно я узнал о еще одном более простом способе. Этот пост, перевод статьи уважаемого мною Gunlaug о вертикальном выравнивании без дополнительного HTML и с помощью правда другого зла. Оригинальная статья: fully centered across browser-land…
Печатная версия с Javascript
07 Apr 2007Я всегда знал два подхода к печатным версиям: старого типа - ставим ссылку "печатная версия", пользователь переходит на новую страницу и видит печатную версию этой же страницы, и новый: добавляем css media="print", и только знающие люди могут нажать Print Preview или догадаться распечатать эту страницу. Вот и пришла маленькая идея комбинации лучших сторон этих двух подходов.
Колонки "одинаковой" высоты с разделителем
24 Feb 2007Недавно пришла в голову простая идея эмуляции колонок одинаковой высоты без использования фонового рисунка. Метод этот подходит только для случаев, когда между колонками разделитель, а фоном колонки не выделяются. Однако из-за своей простоты заслуживает внимания. Смотреть пример.
CSS, UTF и Интернет эксплорер
23 Dec 2006Недавно я и некоторые из моих знакомых напоролись на интересный неочевидный глюк связанный с употреблением русских комментариев в CSS. Суть глюка и пример ниже. Сразу резюме: лучше не используйте комментарии с кириллицей в CSS.
Меню на z-index
16 Nov 2006Больше чем два года назад(ужас) реализовывал свою идею меню, когда определенные пункты отображаются "впереди" всех остальных. Сейчас пришлось использовать идею повторно. Вот это меню в oldschool дизайне: 
Разделители в меню
05 Nov 2006Довольно часто на практике встречаются меню с разделителями - например: 
О том как сделать такое меню с минимумом правильного HTML кода и пойдет дальше речь.
Изменяемые размеры шрифтов
16 Oct 2006Разумеется я имею ввиду изменяемые в ИЕ(6-) шрифты, поскольку во всех остальных броузерах они и так легко изменяемы. Задавать шрифты в пикселах - нехорошо по отношению к юзерам. Можно и нужно задавать их в других относительных единицах. Тут я расскажу скорее не о каком то оригинальнои приеме, а просто об общем подходе для создания страничек с резиновыми шрифтами для ИЕ. Заметка(запоздалая) вызвана двумя постами на pepelsbey.net и mauzon.com и желанием поделиться своим простым подходом, вдруг кому то поможет.
br{display:none}
20 Aug 2006Для меня такое правило в CSS еще недавно было удивительным, хотя может просто не было задач для него подходящих. Тем не менее, совсем недавно оно помогло решить одну не совсем тривиальную задачу. Проблема и решение...
Идея раздвижных дверей в CSS
08 Jun 2006Наверное одна из первых статей про CSS, которая меня захватила, была "Раздвижные двери CSS" (и вторая часть)(оригинал). Мне понравилось, что для решения некоторых проблем верстки порой нужно хоть и чуть-чуть, но нестандартно мыслить. В результате эта идея(раздвижных дверей) несколько раз сэкономила мне время. Вот пара применений, из которых Вы, я надеюсь, уловите идею и может быть она кому то поможет. И хотя многие наверняка знакомы с ней, тем не менее...
Графики
07 Mar 2006Недавно пришлось делать графики для процентных соотношений политических партий. Вышли довольно забавные варианты - делюсь. Наверно все же и у меня есть читательницы. Всех их поздравляю с наступающим!!! :)
Некоторые техники замены текста картинками (image replacement)
23 Feb 2006Обзор некоторых способов замены текста картинками.
Простой тултип или всплывающая подсказка
15 Feb 2006Довольно часто применяю этот простой прием, но еще о нем не рассказывал. Суть - при наведении мыши на определнный текст появляется краткое пояснение или расширенная информация рядом с текстом. Вот пример(и пример для оперы - оговорка одна - тултипы не должны перекрывать другие "тултипные" ссылки).
CSS для непослушных броузеров
17 Jan 2006Конечно все знают кучу всевозможных хаков для ИЕ, и * html и _height:0. Но порой этих хаков становится слишком много и разумнее их все впихнуть в отдельный CSS файл. О том как я это делаю я и написал.
Как я делаю две колонки
24 Nov 2005Мне кажется не лишним будет поделиться несколькими, для бывалых кодеров конечно очевидными, методами. Немало об этом написано - но никогда не лишне навести порядок в голове. Разумеется все без таблиц.
Магия для IE
11 Nov 2005Ни для кого не секрет что у интернет эксплорера полным полно разнообразных багов в поддержке CSS. Тот кто немного успел поверстать поймет - что часто большая часть времени уходит именно на их решение(а то и поиск), а не на саму верстку. Жаловаться на ИЕ и опускать руки тут бесполезно - он пока остается самым популярным броузером. Часто меня спасали эти несколько простых приемов.
Посещенные ссылки
26 Oct 2005Долго не писал в блог - очень мало времени - потом понял, что все время искал нечто глобальное и большое. Теперь стратегию решил изменить, буду теперь писать чаще и мельчее. ) Маленький трик с посещенными ссылками для "хороших" броузеров. Update: дал маху - об этом уже написали Посещенные ссылки. Visited links - на Юмэйд. Ничего не воровал - просто дал маху :(.
Заковыристые инпут
30 Sep 2005В последней верстке столкнулся с проблемой - такой себе маленкий challenge со стилями для input...
Прелоад через CSS
27 Sep 2005Структурирую свою информацию - несколько способов избежания страшненьких джаваскриптов делающих прелоад картинок.
Реинкарнация webplanet.ru
08 Sep 2005Выдались скучные выходные... Вспомнил своё старое хобби. Вобщем без лишних фраз - беcтабличная переделка webplanet.ru
min-width для IE
02 Sep 2005ДваТри способа как это можно сделать в ИЕ...
HTML заготовки
24 Aug 2005На горизонте, как тучи, собирается работа... Решил не ждать - а начать готовиться. Подготовил серию XHTML заготовок.
Маленькая хитрость с баннером
29 Jul 2005Излагаю простой приемчик. Позволяет немного облегчить жизнь беднягам на диалапе и медленных линиях. Прием касается очередности загрузки баннеров и контента (или чего-то там за чем мы пришли на сайт)
vertical-align:middle
14 Jul 2005Продолжаю традицию обзывать посты экзотическими(для меня) CSS свойствами. Описываю свои трудности с реализацией вертикального выравнивания по центру. Update: рекомендую так же ознакомиться с новым методом вертикального выравнивания
display:table
03 Jul 2005До недавнего времени считал это свойство практически бесполезным. Подходящим лишь для игр с CSS в топ-броузерах. А на самом деле это свойство решило проблему нерешаемую практически никаким другим способом.
Выступление Дага Баумана на Reboot 7.0 (Копенгаген)
17 Jun 2005Сегодня слушал выступление Дага Баумана на Reboot 7.0. До этого разумеется ни разу ничего подобного не слышал. Кому интересно - можно закачать отсюда, А для особо ленивых ссылка на файл с выступления (49.2Mb, 46 минут .mp4(Quicktime), но оно того стоит). Небольшое ревью...
Вес CSS селекторов
09 Jun 2005Оффтоп: я еще жив. :) Оффтоп 2: PHP программерам смотреть конец поста... Когда долго писал слoжные по логике стили иногда начинал путаться в каскадах. Какое правило над каким имеет приоритет? Не всегда был уверен...
Структура CSS
22 Apr 2005Когда CSS файлы разрастаются на более чем 10 килобайт, встает проблема как их структуризировать. Наверняка все её для себя уже решили. Делюсь своим решением и еще парой подсмотренных.
Баги укр.нет
04 Mar 2005Решил описать некоторые глюки попавшиеся при разработке сайта укр.нет. Быть может кому то окажутся полезными. По крайней мере, мне - точно. :) Вобщем смотрите по заголовкам - что интересует...
Настоящий XHTML или пока не стоит?
25 Feb 2005Не по теме: Эхх... Хостинг упал на целых два дня... :( Сорри всем кто пытался. Недавно меня уличили в том что страничка UkrNet не то что не удовлетворяет стандарту XHTML. А самым грубейшим образом его нарушает. И вообще немедленно должна быть отредактирована. Первая мысль была "хм?!" - валидатор говорит ок!, и наличествует грубая ошибка.
Цитаты aka Pull Quote
19 Jan 2005Очень мне нравится идея так называемых "Pull Quote". На русском просто цитата или врезка. Что это такое вы можете посмотреть например на сайте http://www.melos.com.ua/ . Это те серые цитаты слева. Вот и решил посвятить им пост.
Сайтик
11 Jan 2005Перед новым годом сделал халтурку. Надо было облагородить сайт одной фирмы. Ну и мой друг свалил это на меня. Вобщем после дня работы родился сайт. (www.melos.com.ua) "Дизайн" весь мой, не считая верхней картинки, которую "клиент" решил изменить "под себя". :). Может дизайн там и не ахти, зато код - песня. :) Вот такой я маньяк кодер. Кому не лень можете высказать мнение... А я пошел сдавать сессию.,
Таблицы в полоску
13 Dec 2004Давненько уже на ALA была статья про "Полосатые таблицы". Решил поделиться маленькой хитростью которую подсмотрел там же в обсуждении статьи.
Поиск Данстана
06 Dec 2004Немного оклемался от революции и на глаза попалась классная штука. Еще одну великолепную идею подарил нам Данстан Орчард(уточнение). Если вы еще не знаете попробуйте поискать на его сайте чего-нибудь.(Enter не нажимать!)
Интересный глюк IE 6
16 Nov 2004Обнаружил на своём сайте интересный глюк. Он уже довольно давно портил жизнь некоторым моим посетителям использовавшим IE 6. Но оказалось не всем!
Мой Ukr.net
07 Nov 2004Ну не могу я спокойно смотреть на плохой код. И несмотря на то что времени сейчас у меня не хватает ни на что, я решил переделать ukr.net. Это второй по посещаемости портал в Украине. Мои друзья имели там ящики, вот он мне и попался на глаза.
Мой любимый тэг
28 Oct 2004После этого сообщения меня наверно будут считать geek'ом (кто не знает что такое geek, читать тут). Но тем не менее, меня почему то заинтересовал этот вопрос. И я решил сформировать тройку лучших. :)
508 statement на русском
14 Oct 2004Столько раз мы ссылаемcя на эту главу американского закона. Но на русском я её еще не видел. Решил перевести. Предлагаю всем заинтересованным помочь в отладке перевода. Лингвист из меня накакой.
Универ c CSS
11 Oct 2004Вот опять не знаю что меня подвигло на переделку сайта с таблиц. Но дело уже сделано. Жертвой стал сайт моего универа. http://univ.kiev.ua/ru/.
Nice titles по-русски
22 Sep 2004Как то в последнее время я зачастил описывать известные техники в веб-разработке. Логичным продолжением стал и этот пост. Кому то может пригодится игры с атрибутом title для ссылок (и не только). Здесь можно ознакомиться с оригинальной статьей.
Простой прием или колонки «одинаковой высоты»
10 Sep 2004После недавних статей Liquid Bleach и Sliding Faux Columns захотелось это как то обобщить что ли, вобщем говоря изложить на русском. Разумеется ни в коей мере не предендуя на оригинальную идею. К тому же я не нашел перевода статьи Faux Columns (Dan Cederholm) (может плохо искал?). Вот об этой простой технике и о её не менее простом продолжении и пойдет речь.
Децл на обложке!
06 Sep 2004
Designing With Web Standards
Навигация по-русски
01 Sep 2004Какое-то время назад мне очень понравились две статьи. Одну написал Dan Cederholm, называлась она "Accessible Image-Tab Rollovers", а вторую Didier Hilhorst и называлась она "Navigation Matrix" (и продолжение "Navigation Matrix Reloaded"). Обе статьи посвящены построению навигации на базе картинок.
text-overflow
25 Aug 2004Интереснейшее свойство нашел. Все наверняка имели дело с обычным overflow, ну или хотя бы слышали. Overflow определяет, что должно происходить с содержимым блока если оно переполняет его. То есть выходит за пределы этого блока. Точно так же text-overflow указывает, что произойдет с текстом, когда он переполнит место ему отведенное.
Заголовки
11 Aug 2004Заголовки, какие бы они ни были, всегда бросаются в глаза первыми.
www.cameronmoll.com
Эти заголовки просто поразили меня. Скажу честно, я очень удивился когда выделил текст в них. На первый взгляд, да и на второй это была картинка, но никак не текст!XHTML таблицы: Добавляем стили
04 Aug 2004Designing Data Part 2: Adding Style
автор: 2004.06.13 © Jonathan Snook
перевод: 2004.08.04 Юрий Артюх
Цель этой статьи из двух частей(первая и вторая) показать как можно создавать XHTML таблицы и эффективно использовать для них CSS.
Во второй части мы применим стили к структуре документа который мы создали в первой части.
XHTML таблицы: Структура
31 Jul 2004Designing Data Part 1: Table structure
автор: 2004.06.08 © Jonathan Snook
перевод: 2004.08.02 Юрий Артюх
Цель этой статьи из двух частей(первая и вторая) показать как можно создавать XHTML таблицы и эффективно использовать для них CSS.
Маленькая проблемка
28 Jul 2004В процессе написания стилей для этой страницы у меня возникла проблема ( с кем бы вы думали?) с IE 5.0.Я надеюсь тот простой выход что я нашел принесет кому то пользу...
Сила Web стандартов
22 Jul 2004Просто для интереса я решил хоть один раз посмотреть насколько сокращается код страницы при переходе с таблиц на сугубо CSS+XHTML верстку.Жертвой стала страница Висныка Державных закупивель...
See all tags.