Станьте опытными в HTML и CSS, изучив эти минималистские веб-сайты

Практика может не сделать нас совершенным, но, безусловно, сделает нас ближе к жизни.

Здесь я привожу список минималистичных веб-сайтов, которые можно глянуть. В центре внимания здесь не должна быть анимация, вам следует подумать о сетке, макете, позиционировании, выборе цвета и типографике.

Andstudio

Andstudio играет с ориентацией текста и его положением на сайте.

Portfolio

Это портфолио Хесуса Сандреа. К настоящему времени, я думаю, вы начали замечать тенденцию. Эти минималистичные веб-сайты используют типографику, сетку и черно-белые цвета для отображения сообщения. Иногда они хотят, чтобы мы видели текстовое содержание, иногда — изображения.

Olivier Photography

Это довольно просто, но с большим количеством анимации. Возможно, сайт слишком доверяет тексту, чем изображениям, но данный веб-сайт довольно мощный.

2Che

Начинается с другого цвета, кроме белого и черного, 2Che играет с позиционированием изображения и четким текстом. Возможно, он не такой уж минималистичный, но мне понравилась фотография собаки в конце.

Peiying

Веб-сайт Peiying — еще один пример того, как игра с позиционированием и ориентацией текста может сделать ваш сайт интересным. Ее веб-сайт больше ориентирован на текстовое содержание, но изображения хорошо расположены, особенно на фоне заголовка.

Я знаю, что, хотя эти веб-сайты и выглядят минималистично, для их завершения требуется некоторое время. Это может быть сложнее, чем мы думаем.

Использовалась статья: Get Better at HTML and CSS by Cloning these 10 Minimalist-ish Websites