Создаём колонки одинаковой высоты на css

2017
24
Фев
колонки одинаковой высоты на css

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

grigoriev
1948

Делаем слайдер для сайта html css

2017
8
Фев
слайдер css
download_css_slider
DOWNLOAD
demo_css_slider
DEMO

В одном проекте мне понадобился адаптивный резиновый слайдер и я решил написать слайдер для сайта html css. Использовать javascript я не захотел, так как все поставленные мной задачи можно решить и на чистом css.

grigoriev
4542

Как сделать треугольник css

2016
7
Дек
треугольник css

Разбираясь в одном заинтересовавшем меня проекте наткнулся на интересный пример как создать треугольник css. А так как треугольники стали постоянно используемыми элементами веб страницы, то мы должны их уметь создавать.Об этом методе и будет эта заметка.

grigoriev
1418

Анимация, трансформация, переходы css

2016
29
Нояб
Анимация, трансформация, переходы css

В CSS 3 появились интересные свойства, с помощью которых можно задать переход трансформацию и анимацию для нужных нам элементов. Это очень удобно, так как не приходится использовать javascript. К минусу можно отнести кроссбраузерность. Не все браузеры поддерживают эти css 3 свойства.

grigoriev
1512

Как запретить обтекание css

2016
7
Нояб
запрет обтекания css

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

grigoriev
1392

Используя данный сайт, вы даете согласие на использование файлов cookie, помогающих мне сделать его удобнее для вас. Уведомление о cookie