Переворачивающиеся карточки паралакс
See the Pen Parallax Flipping Cards by Nicolas Pavlotsky (@nicolaspavlotsky) on CodePen.
Технические аспекты
Начальные знания по технике никому не помешают
Анимированная пятиугольная антипризма на чистом CSS
See the Pen Pure CSS Animated Pentagonal antiprism by Ana Tudor (@thebabydino) on CodePen.
Объемная сетка интернет магазина
Многие когда-то учились четиить в изометрии.
Оригинальная галерея на флекс
Галерея слайдер на флекс
Анимация столбца сетки при наведении
Оргинальный вариант анимации на грид
Основы верстки сайтов html и css
Качество вёрстки сайта в отличии от дизайна можно оценить однозначно. С дизайном сложно — кому-то нравится, кому то нет. Что красиво дело вкуса. А с версткой все четко — есть четыре основных параметра однозначно определяющие ее качество.
Грид верстка вместо таблиц
Табличная верстка, это уже история. Ей практически в интернете ни кто не пользуется. Но хоть это и история, стоит сказать этому способу спасибо. Исторически первый способ верстки, разметки сайтов стал предтечей современных методов флекс и грид верстке. О последней и пойдет речь в этой статье. Термин grid переводится с английского как решётка или сеть.
Адаптивная верстка без медиа запросов
Как это не странно, но есть варианты флекс боксы, грид сетки и колонки
Интересный эффект объёма на экране
Создать эффект пространства, объема на на листе бумаге доступно всем кто «проходил» геометрию в школе. Но как такое «начертить» на экране компьютера до недавнего времени считалось практически невозможным. Но как только как в CSS появилось правило z-индекса, третьей пространственной оси это стало возможным. А с добавлением теней и градиента эффект объема только усилиться.