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

Устаревшие приёмы в веб-дизайне

Иллюстрация к статье Устаревшие приёмы в веб-дизайне

Есть в веб-дизайне несколько вещей (в частности, в Рунете), которые, за последнее время, успели морально устареть или часто используются дизайнерами «не в тему».

Дело тут конечно во многих факторах: обучение по материалам, которые быстро устаревают, копирование своих или чужих наработок с проектов, давно запущенных в сеть и не адаптированных под современного пользователя, слабое планирование информационной архитектуры сайта, недостаточный уровень знаний дизайнера, некачественное ТЗ и т.д.

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

О чём это я? Дальше →

Смена дизайна по временам года

Смена дизайна по временам года через CSS

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

Сделано это спомощью простого PHP-скрипта, который меняет стилевые листы по сезонам года. Кто не догадался — их, соответственно четыре (весна, лето, осень, зима). Два варианта вы уже могли увидеть, на очереди ещё пара.

Такой переключатель можно добавить в любой блог или сайт на PHP (для примера я возьму WordPress). Дальше →

Отчёт по эксперименту с CSS-галереями

иллюстрация к статье Отчёт по эксперименту с CSS-галереями

Итак, прошло почти две недели с моего небольшого эксперимента с CSS-галереями. Можно подвести небольшие итоги и высказаться о последствиях. Дальше →

Баг с PNG-прозрачностью в IE6, но не тот, о котором вы подумали

Баг с PNG-прозрачностью в IE6, но не тот, о котором вы подумали

Уже долгое время на сайтах популярны различные вебдванольные стикеры, которые «клеятся на макет сверху», часто с помощью абсолютного позиционирования. При вёрстке, такие изображения лучше сохранять в формат PNG, чтобы оставить все тени и полупрозрачности, как на исходном макете. Да и GIF формат, часто не подходит из-за зазубренных краёв и отсутствия в нём полупрозрачности.

И конечно же, все мы знаем, что в IE6 есть проблема с отображением PNG — изображение появляется на сером фоне вместо прозрачного. Чтобы оно отображалось правильно, нужно применить фильтр AlphaImageLoader. Но не все знают, что если такое изображение поместить внутрь ссылки, она начинает работать «неправильно». Дальше →

Веб-стандарты на сайтах и угроза со стороны

Иллюстрация к посту Веб-стандарты на сайтах и угроза со стороны

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