HTML и CSS

Основы верстки сайтов html и css

  Качество вёрстки сайта в отличии от дизайна можно оценить однозначно. С дизайном сложно — кому-то нравится, кому то нет. Что красиво дело вкуса. А с версткой все четко — есть четыре основных параметра однозначно определяющие ее качество.

Грид верстка вместо таблиц

Табличная верстка, это уже история. Ей практически в интернете ни кто не пользуется. Но хоть это и история, стоит сказать этому способу спасибо. Исторически первый способ верстки, разметки сайтов стал предтечей современных методов флекс и грид верстке. О последней и пойдет речь в этой статье. Термин grid  переводится с английского как решётка или сеть.

Интересный эффект объёма на экране

  Создать эффект пространства, объема на на листе бумаге доступно всем кто «проходил» геометрию в школе. Но как такое «начертить» на экране компьютера до недавнего времени считалось практически невозможным. Но как только как в CSS появилось правило z-индекса, третьей пространственной оси это стало возможным. А с добавлением теней и градиента эффект объема только усилиться.