Создаем анимированный футер для сайта на CSS

Создавая хороший сайт не стоит забывать о деталях, каждый элемент должен быть продуман и подогнан к деталям и цветовой палитре. В сегодняшнем уроке мы рассмотрим как создать замечательный, анимированный подвал для сайта который будет отзывчивым для посетителя и адаптивным при просмотре. Идея заключается в том, что подвал сайта по умолчанию скрытый и будет появляться только…

Создаем адаптивный слайдер с помощью SVG

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

Дизайн радио-проигрывателя для сайта на CSS3

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

Адаптивное меню с помощью CSS3

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

Ошибки при написании HTML кода

В данной статье решили указать на частые ошибки в html коде которые встречаются у многих кто занимается созданием сайтов. Соблюдать все правила HTML важно, так как валидатор HTML находит все, даже незначительные, огрехи, и вы получаете код страницы с ошибками.

@ Media. Зробити ширину сайту в залежності від роздільної здатності монітора

На сегодняшний день очень популярно стало создавать адаптивный сайт. То есть сайт который гармонично смотрится на любых устройствах с любой шириной экрана. Що таке адаптивний веб-дизайн? Дуже часто коли заходиш на сайт зі свого мобільного пристрою, доводиться збільшувати веб-сторінку, щоб...

Блок с закруглёнными углами CSS и DIV

Закругление углов картинок бывает очень полезным и часто используется в создание сайта. C выходом CSS3 появилась возможность без всяких извращений сделать этот эффект. В данной статье научимся самому простому и быстрому способу в прямоугольных формах закруглять углы с помощью CSS...

Нестандартный шрифт на сайт. Средствами CSS

Очень часто в дизайн сайта гораздо лучше вписываются нестандартные шрифты, чем стандартные, но вылезать из-за рамок стандартов не хочется. Для вылаза из рамок существуют, конечно, специальные скрипты, но этот вариант всяко уступает тому, которое уже заранее создано в спецификации CSS —...

Правила HTML кода. Css код

В предыдущей статье «руководство по оформлению html и css» мы собрали основные рекомендации по правильному коду. В этой статье напишем несколько основных тегов и как правильно их оформлять.

Оформление контента. HTML код

Страница сайта представляет собой блок информации. От того, как представлена эта информация, зависит, будет ли она воспринята посетителем. Это руководство описывает правила для оформления и форматирования HTML и CSS кода. Его цель — повысить качество кода и облегчить совместную работу...

Справочник CSS в удобном формате книги

Справочник CSS от htmlbook.ru в удобном формате книги. Часто пользуемся этим замечательным ресурсом, решили материалы выложить немного в другой форме. Книга по CSS

Min-height для ie8

Min-height обычно используется если контентная часть меньше сайдбара и сайдбар налазит на подвал, или же футер не прилипает к низу окна браузера.

Authorization
*
*
Войти с помощью: 
Registration
*
*
*
Войти с помощью: 

one × 5 =

Password generation