Surface — минималистичный CSS framework для material design

4xpro 4xpro 7 Июля 2022

Долгое время весьма негативно относился к CSS frameworks, считая что из-за них сайты становятся всё более тяжёлыми и медленными. Но, кажется, наконец нашёл тот, который меня вполне устраивает. Называется он Surface, ориентирован на интерфейсы в стиле material design и в сжатом состоянии даёт всего около 6 Kb CSS-кода!

Основные возможности: сетка из 12 колонок (при необходимости можно поменять), типовые компоненты (кнопки, табы, всплывающие уведомления, модальные блоки, раскрывающиеся блоки, меню навигации). Также есть встоенный lightbox для картинок (тоже весьма минималистичный, без плавного раскрытия). Причём всё это работает без единой строчки JavaScript, на чистом HTML и CSS (правда, используются так называемые checkbox hacks и radiobutton hacks).

В общем, этот Surface — это то, какими должны быть CSS frameworks с моей точки зрения: лёгким, быстрым, минималистичным и без использования нестандартных тегов и атрибутов.

Официальный сайт: https://mildrenben.github.io/surface/index.html

3 Ответа

  1. Evg Evg 8 Июля 2022 (ред.)

    До ПК доберусь, гляну. Меня заинтересовало это, спасибо, что поделились инфой.

    Все эти конструкции, — это инструменты, если подходят, так надо брать. Особенно если есть выбор, нативный css знаем. И выбирать и сравнивать вольны.

    Посмотрим, если он подойдет, то можно и тут все перевести на него. MIT лицензия позволит проще забрать и для себя переделать.

    P.S. вот опять по поводу телефона, не могу я на нем все толком посмотреть и изучить. Ответ тут писать, да. Но не более ) Телефон не для работы.

  1. Adre Adre 8 Июля 2022

    Surface интересен минимализмом, надо пощупать в эти выходные.

  1. palak231 palak231 21 Июля 2022 (ред.)

    Hi this is Palak. Well nice information at all.