HTML и CSS
Переворачивающиеся карточки паралакс
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 переводится с английского как решётка или сеть.
Адаптивная верстка без медиа запросов
Как это не странно, но есть варианты флекс боксы, грид сетки и колонки
