Создавая хороший сайт не стоит забывать о деталях, каждый элемент должен быть продуман и подогнан к деталям и цветовой палитре. В сегодняшнем уроке мы рассмотрим как создать замечательный, анимированный подвал для сайта который будет отзывчивым для посетителя и адаптивным при просмотре. Идея заключается в том, что подвал сайта по умолчанию скрытый и будет появляться только…
Шпаргалка для себя. Универсальная CSS шпаргалка. CSS правила.
На прошлой неделе мы экспериментировали с SVG анимированием содержания и сделали слайдер во всю страницу с интересными переходами. Сегодня мы используем ту же технику, чтобы создать адаптивный слайдер контента. На этот раз мы использовали SVG, чтобы непосредственно обрезать слайды изображения, чтобы показать промежуточный слой при перелистывании. Мы получаем простой, отзывчивую карусель с анимированными переходами SVG в качестве эффектов.…
На протяжении всего времени, что мы занимаемся веб дизайном, мы сталкивались с различными взглядами на дизайн, проектами и требованиям к дизайну. Недавно нас просили показать и сделать набросок макета дизайна радио-проигрывателя для сайта, сегодня мы бы хотели поделиться с вами таким необычным макетом, при этом немного изменив его, чтобы не было сходства. В результате мы…
Навигационное меню один из самых важных элементов любого сайта, чаще всего, это неупорядоченный список с заданным стилем смещения влево и с тем или иным сформированным внешним видом. Появление мобильных пользовательских устройства, с различными размерами экранов, внесло существенные коррективы в веб-разработку...
В данной статье решили указать на частые ошибки в html коде которые встречаются у многих кто занимается созданием сайтов. Соблюдать все правила HTML важно, так как валидатор HTML находит все, даже незначительные, огрехи, и вы получаете код страницы с ошибками.
На сегодняшний день очень популярно стало создавать адаптивный сайт. То есть сайт который гармонично смотрится на любых устройствах с любой шириной экрана. Що таке адаптивний веб-дизайн? Дуже часто коли заходиш на сайт зі свого мобільного пристрою, доводиться збільшувати веб-сторінку, щоб...
Закругление углов картинок бывает очень полезным и часто используется в создание сайта. C выходом CSS3 появилась возможность без всяких извращений сделать этот эффект. В данной статье научимся самому простому и быстрому способу в прямоугольных формах закруглять углы с помощью CSS...
Очень часто в дизайн сайта гораздо лучше вписываются нестандартные шрифты, чем стандартные, но вылезать из-за рамок стандартов не хочется. Для вылаза из рамок существуют, конечно, специальные скрипты, но этот вариант всяко уступает тому, которое уже заранее создано в спецификации CSS —...
В предыдущей статье «руководство по оформлению html и css» мы собрали основные рекомендации по правильному коду. В этой статье напишем несколько основных тегов и как правильно их оформлять.
Страница сайта представляет собой блок информации. От того, как представлена эта информация, зависит, будет ли она воспринята посетителем. Это руководство описывает правила для оформления и форматирования HTML и CSS кода. Его цель — повысить качество кода и облегчить совместную работу...
Справочник CSS от htmlbook.ru в удобном формате книги. Часто пользуемся этим замечательным ресурсом, решили материалы выложить немного в другой форме. Книга по CSS
1 |
<a href="http://www.it-media.kiev.ua/wp-content/uploads/2012/05/ie.jpg"><img title="ie" src="http://www.it-media.kiev.ua/wp-content/uploads/2012/05/ie.jpg" alt="" width="239" height="211" /></a> |
Min-height обычно используется если контентная часть меньше сайдбара и сайдбар налазит на подвал, или же футер не прилипает к низу окна браузера.