​Вдохновляющие сайты. Shimmer

Зайдите на сайт Яндекса. Если соединение с интернетом у вас не самое быстрое, то в разделе “Интересное в СМИ” вы сначала увидите серые полоски, а затем появившуюся информацию. Подобное есть и на Medium, и на Youtube. Этот эффект называется “Shimmer”. Мы сначала обозначаем места, где будет показываться информация, а потом только ее отображаем.

Для того, чтобы сделать такой эффект, потребуются знание JavaScript. Вам сначала стоит запросить данные, отобразить shimmer (пока ждете, что данные идут), а, когда данные появятся, добавить их на страницу (либо отобразить ошибку, если их нет). Т.е. вам нужно научится обрабатывать, появились данные или нет. Для этой цели подходит async-await в JavaScript или React.Suspense в React.

А как красиво нарисовать сам CSS-эффект для shimmer, смотрите здесь.

Давайте делать наши сайты красивыми и современными!