🎯 Тренировка навыков верстки HTML на живом сайте
Neocities — это сервис веб-хостинга, заточенный под статические сайты. Вы создаёте страницу с помощью HTML, CSS и JavaScript, а сервис её размещает. Его основатель — Кайл Дрейк: он запустил проект в 2013 году. Изначально Neocities задумывался как архив сайтов, которые раньше жили на закрывшемся GeoCities. Но со временем сервис вырос в сообщество: сейчас (по данным на май 2026 года) там более 1,6 млн сайтов.
Однако стоит понимать, что это личный проект человека в интернете. А спонсоры фактически эквивалентны Patreon (без комиссии) для Кайла Дрейка.
Кому подойдёт?
- Тем, кто ностальгирует по раннему вебу и хочет создать сайт в таком стиле. hsedesign.ru +1
- Разработчикам, которые экспериментируют с HTML, CSS, JavaScript.
- Тем, кто ищет пространство для личного блога или портфолио без лишней «шумихи». ***
Как площадка WebDev
Neocities — отличная площадка для обучения вёрстке: она заставляет работать с «чистым» стеком (HTML + CSS + JS) и сразу видеть результат в реальном интернете, а не в локальном предпросмотре.
Что именно можно тренировать на Neocities
- Базовую структуру HTML. Теги, атрибуты, семантика, правильная вложенность. На Neocities нет конструкторов, которые прячут код, — вы сразу пишете руками.
- Каскадные стили и специфичность. Подключение CSS через
<link>или<style>, работа с селекторами, понимание каскада и наследования. - Блочную модель и позиционирование. Отступы, границы, display, float, flexbox, grid — всё это можно отрабатывать на реальных макетах.
- Работу с медиа. Картинки, GIF, шрифты, фоновые изображения. Neocities даёт понять, как браузеры обрабатывают ресурсы и как это влияет на скорость загрузки.
- Адаптивность. Медиа-запросы, относительные единицы, отзывчивые изображения — всё применимо и полезно.
- Оптимизацию и производительность. Из‑за лимитов трафика и скорости CDN приходится думать о сжатии картинок, минимизации CSS/JS, количестве HTTP‑запросов.
- Основы доступности. Семантические теги, текстовые альтернативы, контрастность, навига ция с клавиатуры — на простом сайте это проще всего внедрять и проверять.
Тарифы и ограничения
- Бесплатный: 1 ГБ дискового пространства, 200 ГБ месячного трафика. Скорость передачи данных ниже, чем в платной версии.
- Платный (Subscriber): 50 ГБ пространства, 3000 ГБ трафика, более высокая скорость. ***
Top comments (0)