Это коллекция бесклассовых CSS-тем для использования в качестве отправных точек в веб-разработке. Источник за этим. Как получить эту тему? Вставьте этот фрагмент в <head> вашего сайта. Нашли ошибку? Хотите добавить тему в список? Смотрите исходный код cssbed на github.
Посмотрите эту же страницу в другой бесклассовой теме: HTML only, awsm.css, bahunya, bamboo, bootstrap, evenbettermotherfucking, holiday.css, kacit, marxy, meyer, minicss, mvp.css, no-class, pico.css, sakura, sakura-vader, simple.css, stylize.css, tacit, thebestmotherfucking, tufte, vanilla-css, w3c-chocolate, w3c-traditional, water.css-dark, water.css-light, wright, yorha.
Зачем использовать бесклассовые темы? Адаптивный. Хорошая поддержка браузеров. Красивый. Маленький размер (< несколько кб) - вы не тратите байты на каждый вообразимый виджет. Нет кривой обучения - используйте HTML как обычно, вместо того чтобы идти в документацию, узнавать, какой класс что делает, и бороться с фреймворком. Оригинальная ветка Hacker News. Адаптивен ли он? Ещё как! Он не включает никаких причудливых стилей, поэтому легко адаптируется под мобильные устройства. Просто добавьте знаменитый адаптивный тег viewport, и всё готово! На самом деле, попробуйте изменить размер этой страницы. Всё течёт очень хорошо, как вы увидите.
Демонстрации элементов: Предполагается, что это демонстрационная страница, поэтому нам нужно больше элементов! Элементы формы. Код: Ниже приведён некоторый код, вы можете скопировать его с помощью Ctrl-C. Знаете ли вы, что alert(1) может показать предупреждение в JavaScript! // Это записывает сообщение в консоль console.log('Hello, world!'). Другое: Вот горизонтальная линия и изображение, потому что я не знаю, куда ещё их поместить. Это или более формальный. Это цитата. Хороший старый предварительно отформатированный текст, вообще без кода. А вот хорошо размеченная таблица! Имя: Godzilla, Количество: 2, Цена: $299.99; Имя: Mozilla, Количество: 10, Цена: $100,000.00; Имя: Quesadilla, Количество: 1, Цена: $2.22. Типографика: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Это сильный, это нормальный, это просто жирный, а это выделенный! И вот, ссылка.
Источник: Hacker News · Сводку подготовил HeadlinesBriefing