Объемная сетка интернет магазина
Многие когда-то учились четиить в изометрии.
Рубрика «HTML и CSS»
Оригинальная галерея на флекс
Галерея слайдер на флекс
Анимация столбца сетки при наведении
Оргинальный вариант анимации на грид
Основы верстки сайтов html и css
Качество вёрстки сайта в отличии от дизайна можно оценить однозначно. С дизайном сложно — кому-то нравится, кому то нет. Что красиво дело вкуса. А с версткой все четко — есть четыре основных параметра однозначно определяющие ее качество.
Грид верстка вместо таблиц
Табличная верстка, это уже история. Ей практически в интернете ни кто не пользуется. Но хоть это и история, стоит сказать этому способу спасибо. Исторически первый способ верстки, разметки сайтов стал предтечей современных методов флекс и грид верстке. О последней и пойдет речь в этой статье. Термин grid переводится с английского как решётка или сеть.
Адаптивная верстка без медиа запросов
Паралакс фото карусельКак сделать сайт запоминающимся?
Паралакс фото карусель
Интересный эффект объёма на экранеАдаптивная верстка без медиа запросов
Интересный эффект объёма на экране
Создать эффект пространства, объема на на листе бумаге доступно всем кто «проходил» геометрию в школе. Но как такое «начертить» на экране компьютера до недавнего времени считалось практически невозможным. Но как только как в CSS появилось правило z-индекса, третьей пространственной оси это стало возможным. А с добавлением теней и градиента эффект объема только усилиться.
Флекс бокс мощный инструмент вёрстки
Два примера вёрстки с помощью флекс бокс С самого начала существования интернета перед любым разработчиком сайта стоял вопрос как быстро и красиво создать страницу сайту. И на сегодняшний день одним из самых мощных инструментов сайта являются флекс боксы. В дословном переводе флекс означает гибкий. Идея этого инструмента очень проста называется она «родители и дети» и …