Блог

Прозрачность элементов средствами CSS

Автор: Кудашев Сергей
При верстке макета часто встречается задача сделать какой-нибудь элемент прозрачным. Если данный элемент является элементом дизайна, то png с прозрачностью является самым простым решением. Но, например, дизайнер решил немного облегчить подвал и сделать счетчики прозрачными, скажем на 50 процентов. Как быть в этой ситуации?
Прозрачность »
Тэги: CSS
Просмотров: 1213
Комментариев: 0

Используем спрайты и снижаем количество запросов к серверу

Автор: Кудашев Сергей
В ходе разработки проектов разного уровня сложности часто возникает вопрос, как сократить количество запросов к серверу и тем самым увеличить скорость загрузки сайта. Одним из способов, сократить количество запросов это использование спрайтов (sprites). Метод, при котором картинки объединяются в большую коллекцию картинок, которые потом выводятся на HTML странице отдельными картинками средствами CSS.
Спрайты »

Стилизация формы поиска с расположением графики внутри поля ввода

Автор: Кудашев Сергей
Многие дизайнеры ищут оригинальные решения, чтобы дизайн выглядел привлекательнее. Часто при отрисовке формы поиска ее управляющие элементы располагаются внутри поля ввода. Такое решение выглядит стильным и современным, однако когда встречаешься с версткой данного элемента впервые, возникает вопрос. Как разместить управление внутри поля ввода в форме поиска?
Стилизация формы поиска »
Тэги: HTML, CSS
Просмотров: 1611
Комментариев: 0

Стиль программирования и оптимизации кода CSS

Автор: Кудашев Сергей
Не так давно мною был затронут вопрос выбора стиля программирования на PHP. Верстая очередной крупный проект, поймал себя на мысли, что было бы неплохо написать подобный материал о программировании на CSS. И если про стили программирования и рекомендации по оформлению кода PHP можно найти в сети, то по оформлению CSS материала гораздо меньше.
Стиль программирования css »
Тэги: CSS
Просмотров: 1380
Комментариев: 0

Абсолютное позиционирование элемента в блоке

Автор: Кудашев Сергей
Часто во время верстки макета возникает необходимость позиционировать какой-нибудь элемент в каком-то блоке. Казалось бы тривиальная задача может стать серьезной проблемой, если точно не понимать, каким образом позиционируются элементы верстаемого макета.
Абсолютное позиционирование »
Тэги: HTML, CSS
Просмотров: 1604
Комментариев: 0
12»««