Я уже некоторое время жаловался на раздутые веб-страницы . Несмотря на мои протесты, вес веб-страницы быстро приближается к 1 МБ .
Проект CSS1K иллюстрирует, что вы можете сделать с помощью одного килобайта кода таблицы стилей с тонкими линиями. На него оказали влияние галереи, такие как Zen Garden, и конкурсы JavaScript, такие как js1k.com, но, насколько мне известно, никогда не было проблем с CSS.
Правила просты:
- Вы должны оформить страницу HTML5 на css1k.com .
- Материалы должны быть в одном файле CSS размером до 1024 байт (минимизация разрешена).
- Префиксы поставщиков не учитываются при расчете. Вы должны предоставить код без префикса, и css1k.com добавит для вас префиксы браузера.
- Внешние ресурсы, такие как изображения, шрифты и @imports, запрещены. Вы также не можете использовать URI данных — позор!
- Кросс-браузерная совместимость предпочтительнее, но при необходимости вы можете использовать постепенную деградацию.
- Ваш код должен быть выпущен под лицензией MIT с открытым исходным кодом .
Пока есть несколько десятков записей. Мне особенно понравилось:
- Перекошенный — умный, хотя и не отличный пользовательский опыт!
- Bbubles — отличная демонстрация CSS-переходов
- Книжная полка — что вы ожидали?
- Рабочий стол — Windows XP в 1К!
- Geocities — ах, ностальгия!
Впечатляющих примеров относительно немного, так что это ваш шанс продемонстрировать свои навыки ниндзя, как CSS! Если вы решили разместить запись, пожалуйста, оставьте свою ссылку в комментариях ниже …