https://github.com/vipreal/ono-tebe-nado

Проект "Оно тебе надо": представляющий собой веб-страницу аукциона, созданную на основе предоставленного макета. Этот проект помогает отточить навыки разработки веб-макетов и применения современных подходов к созданию веб-интерфейсов.
https://github.com/vipreal/ono-tebe-nado

css3 figma git html5 pixel-perfect vscode

Last synced: about 2 months ago
JSON representation

Проект "Оно тебе надо": представляющий собой веб-страницу аукциона, созданную на основе предоставленного макета. Этот проект помогает отточить навыки разработки веб-макетов и применения современных подходов к созданию веб-интерфейсов.

• Host: GitHub
• URL: https://github.com/vipreal/ono-tebe-nado
• Owner: VipReaL
• Created: 2023-07-30T06:10:32.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-02-27T09:46:26.000Z (over 1 year ago)
• Last Synced: 2025-03-11T07:32:49.029Z (over 1 year ago)
• Topics: css3, figma, git, html5, pixel-perfect, vscode
• Language: HTML
• Homepage: https://vipreal.github.io/ono-tebe-nado/
• Size: 6.06 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Проект ["Оно тебе надо"](https://vipreal.github.io/ono-tebe-nado/)

«Оно-тебе-надо» — это веб-страница, созданная на основе предоставленного макета и предназначенная для проведения аукциона вещей в которые никто не верил. Этот проект помогает улучшить навыки разработки веб-макетов и применения актуальных методов создания веб-интерфейсов.

Проект представляет собой одностраничный сайт, созданный по макету в [Figma](https://www.figma.com/design/8KwhMpv8qnDocX4NVFQBpn/Оно-тебе-надо?t=a32zfK7c4hAmdP3g-0). Он прошёл проверку на соответствие [Pixel Perfect](https://www.welldonecode.com/perfectpixel/).

Посмотреть проект ["Оно тебе надо"](https://vipreal.github.io/ono-tebe-nado/).

Что было сделано:  

- Использование семантической разметки HTML5 (например, \, \, \).

- Применение CSS Grid и Flexbox для разработки макета.

- Были подключены шрифты, глобальные стили и стили для конкретного проекта.

- Управление интервалами, текстом и выравниванием элементов.

- Использование z-index для наложения слоев.

- Стилизация шрифтов, включая letter-spacing и word-spacing.

- Список карточек был создан с использованием семантических \
 и \
 тегов.

- Каждая карточка — это ссылка, содержащая элемент \ с содержимым и наложением внутри.

- Реализация адаптивности с помощью Flexbox (перенос карточек в следующий ряд).


## Используемые технологии











     



Создано с вниманием к деталям и соблюдением современных стандартов веб-разработки.