Собирался написать статью о том, как прибить футер к низу. Увлекся. В итоге получился простой шаблон, который можно запросто использовать при создании сайтов.
Все статьи ← дизайн
-
-
Fixed background images
Интересная возможность использования свойства
background-attachment:fixed
-
PNG8 и частичная прозрачность
Возвращаясь к теме прозрачности PNG изображений и их поддержки в IE5-6. В Fireworks оказывается есть интересная возможность создания частично прозрачных изображений формата PNG8. Практическая польза заключается в том, что …
-
Time breakdown of modern web design
-
Использование CSS в HTML Email
Отправка писем в HTML формате всегда было спорным вопросом. От себя могу только сказать, что если действительно письмо должно выглядеть достойно, имея оригинальный дизайн, то почему бы отформатировать его …
-
Генератор Спрайтов (CSS Sprite Generator)
Сервис по созданию спрайтов. Пакуем картинки, которые пойдут в фон, настраиваем, что хотим получить на выходе и жмем "создать". Удобно, просто и быстро. Понравилось... Что такое спрайты и для чего они нужны, прочитать …
-
XRAY Bookmarklet
XRAY — это Bookmarklet или java сценарий, который просвечивает кишки страницы. Работает в Safari, Firefox, Camino или Mozilla. Взять можно на westciv.com, там же можно попробовать неплохой CSS редактор Style Master (сам не пользуюсь). Устанавливается …
-
80+ готовых примеров использования Ajax
Smashing Magazine публикует впечатляющий список разнообразных готовых решений с использованием Ajax. Автозаполнение форм на AJAX; Редактирование; Меню; Календари; Формы; Таблицы; Галереи и слайдшоу; Анимация и …
-
Использование PNG прозрачности в веб дизайне
PNG, GIF и JPEG Отношение к изображениям формата PNG были кардинальным образом пересмотрены сообществом веб дизайнеров, и причины на то достаточно основательные. До недавнего времени использование данного формата …
-
70 приемов улучшения CSS верстки
CSS верстка далеко не всегда простая штука. В зависимости от вашего опыта и навыков CSS верстка может стать настоящим кошмаром, особенно, если вы не уверены, какие селекторы действительно применены к элементам данного …
-
Principles Of Beautiful Web Design
Данная книга думаю будет полезна всем, как начинающим так и «зубрам» веб дизайна. Прочитана была достаточно давно, впечатления только положительные. Даже не смутила стоимость .pdf версии. В общем, рекомендую …
-
Контраст и его значение
Если вы дизайнер, ваша работа—это сказать и передать смысл. Потому важно, чтобы вы понимали механизм, при помощи которого вещи и идеи приобретают значение; более, чем любые другие факторы, понимание вами этих правил …
-
Подсказки при заполнении форм
Всплывающие подсказки, созданные с использованием css и javascript, помогающие пользователю заполнить поля в форме. Элегантно и модно. Думаю пользователи должны оценить ;) Ссылка.
-
Закругленные края Spanky Corners 1.1 beta
Удобный способ закругления углов в блоках любого радиуса и цвета представлен на сайте в виде формы для получения уже готового HTML и CSS кода под названием Spanky Corners. Для тех, кто ищет другие решения с использованием CSS или …
-
Калькулятор перевода px в em
Полезный инструмент для перевода px в em. Очень удобно отслеживать изменения в относительных размерах шрифтов em, в зависимости от степени вложенности. Калькулятор
-
Web сайты для мобильных устройств
Практическое руководство по созданию web сайтов для мобильных телефонов. Очень подробно описан весь процесс создания сайта для мобильных устройств с примерами кода, практическими рекомендациями и советами. Преамбула. …
-
Пять принципов дизайна
Технологии призваны служить людям. Слишком часто люди винят себя в недостатке опыта или знаний в области современных технологий. Случается, что при при поломке компьютера они просто разводят руками, не зная, что …
-
Руководство по созданию CSS шаблона.
Очень неплохое руководство, описывающее весь процесс создания сайта или CSS шаблона, с примерами кода, современными техниками, приемами и методами. (англ.) Ссылка
-
Легко изменяемый макет фиксированной ширины
Попробуем создать макет страницы, который в зависимости от размера экрана будет меняться. Причем попробуем для этих целей воспользоваться только средствами CSS, без использования Javascript для выбора стиля, …
-
Поддержка SVG в современных браузерах
Не могу не отметить следующий приятный момент, отныне в Opera есть встроенная поддержка SVG файлов для вставки в виде фонового изображения, типа background-image: url(filename.svg);. Поддержка также есть и в Firefox, а для IE необходим плагин от …
-
Центрируем изображение в блоке
Часто возникает проблема центрирования изображения в блоке фиксированного размера. Естественно, никаких проблем не возникает, если все изображения имеют одинаковый размер, все это достаточно просто реализовать при …
-
Способ стилизации изображения методом swfIR
Джон Олдингер (Jon Aldinger), Марк Хьот (Mark Huot) и Дан Молл (Dan Mall) из всем известного Happy Cog опубликовали способ замены изображения, решив тем самым некоторые дизайнерские ограничения стандартного изображения в HTML, сохранив …
-
Замена изображения методом SWF
swfIR (swf Image Replacement) это метод, созданный специально для снятия некоторых ограничений стандартного изображения в HTML и свойств CSS, ассоциированных с ним, сохраняя концепцию дизайна в соответствии со стандартами. При помощи …
-
7 секретов успеха международного сайта
Ваши клиенты хотят чувствовать, что Вы говорите с ними. Они хотят чувствовать, что Вы понимаете их. Это может показаться элементарной задачей в том случае, если вы ориентированы на рынок, говорящий на вашем родном языке.…