Веб превосходен в том, что касается распространения контента, но мне всегда не хватало WYSIWYG инструментов столь привычных в печатном мире. Работая над дизайном своего сайта, я хотел добиться гибкости работы с иллюстрациями свойственной этим инструментам.
Прогрессивное улучшение и CSS
Aaron Gustafson, 4 декабря 2008
В предыдущей статье серии мы ознакомились с концепцией прогрессивного улучшения, теперь самое время обсудить ее практическое применение. В этой статье акцент будет сделан на CSS.
Частые вопросы о CSS
Евгений, 6 августа 2008
Подборка примеров и ссылок по CSS. Список вопросов составлен на основе поисковых запросов.
5 советов верстальщику
Евгений, 26 мая 2008
Максим Покровский передал мне эстафету советчика в акции запущенной Никитой Селецким. Не буду пытаться насоветовать что-то очень узкоспециализированного или особенно продвинутого, мои 5 советов прежде всего для тех кто еще не чувствует себя мастером кода.
Clear для плавающих блоков
Peter-Paul Koch, 20 апреля 2008
Самое сложное в этой заметке — придумать для нее название, не представляю как можно перевести clearing floats, не чистка же. А посвящена она до безобразия простому методу этого клиринга, хоть он и достаточно стар, возможно, кто-то еще не знает, к примеру, я не знал.
Визуализация на HTML и CSS
Wilson Miner, 10 апреля 2008
Данных в сети становится больше и веб-разработчикам приходится все чаще сталкиваться с задачей их отображения. Вместе с тем растет и количество инструментов визуализации, хорошим примером может быть Google Charts API, но и кроме него, есть большое количество сервисов и инструментов для создания диаграмм и графиков в виде изображений или Flash. Есть и великолепные техники, основанные на веб-стандартах, к примеру, CSS bar graphs Эрика Мейера, использующая семантические таблицы. Все эти методы хороши когда нужно показать данные на первом плане, и все, что вам нужно это диаграмма. Но, что если вы хотите тесно интегрировать визуализацию и навигацию на сайте, к примеру как на EveryBlock?
Оформление элемента select
Евгений, 10 сентября 2007
Все знают, как уродливо иногда смотрится элемент select, изменить некоторые особенности его оформления невозможно, поэтому часто он становиться худшим местом превосходного дизайна. Не нужно с этим мириться, тем более что решение проблемы уже давно найдено.
Псевдоколонки
Dan Cederholm, 12 августа 2007
Начинающие дизайнеры часто задают вопрос: «Как сделать так, чтобы фон колонки растягивался на всю высоту страницы». На самом деле это очень просто, и возможно вы уже знакомы с некоторыми способами, но для тех, кто еще не знает ответа на этот вопрос, я хочу предложить свою технику.
Закругление углов без использования изображений
Евгений, 30 июля 2007
Закругленные углы, одна из популярнейших тенденций в современном веб-дизайне. Есть множество вариантов их реализации часто, заключающихся в размещении изображений по углам контейнера, в худших случаях используются теги img, в лучших свойство background, для некоторых браузеров есть специфические решения, например -moz-border-radius для FireFox, но их полезность сомнительна. Простой и удобный способ скругления уголков без использования изображений или малораспространенных свойств был бы очень полезен.
Разметка, основанная на абсолютном позиционировании
Rob Swan, 22 июля 2007
Как с помощью CSS создать разметку с фиксированной боковой колонкой со скроллингом и такой же главной колонкой растягивающейся на всю ширину и высоту окна? Это проще чем можно подумать.