DEV Community

Cover image for (html) — Бесплатный хостинг NeoCities.Org
Rafael
Rafael

Posted on • Edited on

(html) — Бесплатный хостинг NeoCities.Org

🎯 Тренировка навыков верстки 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)