Категория «HTML/CSS верстка»:

Масштабируемые изображения

Иллюстрация к статье «Масштабируемые изображения»

Хочется вернуться к одному из интересных приёмов CSS-верстки, но тем не менее так редко используемому — эластичной вёрстке. Точнее к тому, что в ней часто не дорабатывают, чтобы она стала действительно эластичной.

А не дорабатывают размеры изображений, которые при увеличении шрифта остаются фиксированными. Вот с этим и будем разбираться сегодня. Дальше →

FLIR — ещё одна возможность избавиться от стандартных шрифтов на сайте

Иллюстрация к статье «FLIR — ещё одна возможность избавиться от стандартных шрифтов на сайте»

Возможно, вы ещё не знакомы с FLIR (Facelift Image Replacement), технологией замены стандартных шрифтов на сайте, которая может создать альтернативу технологии sIFR.

А примечательна эта технология тем, что работает на связке CSS, JavaScript, PHP и не использует Flash. Дальше →

Различное отображение text-transform в браузерах

Иллюстрация к статье Акция «Различное отображение text-transform в браузерах»

Не знаю, поможет ли кому-нибудь в работе, или просто возьмёте на заметку. Заметил, что браузеры по-разному обрабатывают CSS-свойством text-transform слова написанные через дефис.

Ниже приведу парочку скриншотов в доказательство. Дальше →

Боязнь абсолютного позиционирования в CSS

Иллюстрация к статье «Боязнь абсолютного позиционирования в CSS»

Неудачные примеры, в самом начале обучения верстке, могут отрицательно повлиять на дальнейший опыт и развитие навыков. В частности это относится к абсолютному позиционированию в CSS.

По каким примерам вы знакомились с ним? Расположить отдельный div слева (справа/сверху/снизу/в центре) окна браузера над основной страницей? И где это можно применить, кроме как для fucking pop-up banners и всплывающих форм регистрации (использование для выпадающих меню, предполагает небольшую продвинутость HTML-кодера в этой теме)? Немного полезного применения? Вот именно. Дальше →

Ссылки на Skype и ICQ

Иллюстрация к статье Ссылки на Skype и ICQ

Очень часто на порталах техподдержки, бизнес-консультирования и прочего онлайн-саппорта, можно видеть ссылки на ICQ или Skype для живого общения с консультантом.

Недавно и мне понадобилось проставить такие ссылки в одном из проектов. Чтобы решить, казалось бы, такую простую задачу, пришлось поискать ответы в google и отсортировать кучу ненужной информации. Найти сразу все ответы в одном месте не получилось, поэтому восполню этот информационный пробел в своём блоге. Дальше →