Dolguldur

Посилання на сайт: https://dima-sd.github.io/Dolguldur/app/index.html
P.S. Макет сайту створено dementor.org

Сайт Dolguldur був створений відповідно до всіх сучасних вимог верстки, що дозволило досягти результату 95+ за основними метриками якості та продуктивності.

Сайт адаптований за методологією Mobile First, завдяки чому зменшено кількість коду та медіазапитів до сервера. Браузер спочатку застосовує мобільні стилі, тому користувачі на смартфонах бачать сторінку без затримок. Це особливо важливо, адже сьогодні більшість користувачів заходять на сайти саме з мобільних пристроїв.

Зображення оптимізовані та використовують формат WebP. Код налаштований таким чином, що якщо користувач відкриває сайт у старому браузері, який не підтримує WebP, автоматично підставляється оптимізований формат JPG / PNG, який підтримується цими браузерами. Це гарантує стабільну та оптимізовану роботу сайту як у сучасних, так і в застарілих браузерах.

Зображення адаптовані для екранів із високою роздільною здатністю (Retina-дисплеїв), що дозволяє зберігати їх чіткими та якісними.

Кожен елемент інтерфейсу реалізований як окремий компонент. Такий підхід використовується як для SCSS-файлів, так і для HTML. Це дозволяє змінювати код лише в одному місці — і всі зміни автоматично відображаються на всіх сторінках, де використовується відповідний компонент. У результаті сайт зручний у підтримці та легко масштабується в майбутньому.

Також реалізовано всі вимоги сучасної верстки: інтерактивні стани (hover, focus, active), семантичність, доступність, валідність і якісна структура коду.

У підсумку сайт Dolguldur має високі показники якості та продуктивності (95+) і повністю готовий до подальшого розвитку та масштабування.

#HTML5/#CSS3/#SCSS/#SASS/#Gulp