Начална » Toolkit » 10 Леки алтернативи на Bootstrap & Foundation

    10 Леки алтернативи на Bootstrap & Foundation

    Изборът на подходяща рамка, която е идеалното решение за вашите проекти, може да бъде малко по-голяма - има много за избор. Може би искате да отидете с популярни решения като Bootstrap или Foundation, но ако вашият уебсайт ще бъде доста прост, няма да се нуждаете от повечето строителни елементи и материали включени в пакета по подразбиране.

    Добрата новина е, че има няколко алтернативи, които са много по-стегнати от Bootstrap или Foundation. Повечето от тези рамки се доставят с точното количество стилове и компоненти за да ви помогне да започнете, като същевременно ви позволява да ги разширите в желаната от вас посока.

    Тук са 10 леки алтернативи на Bootstrap и Foundation за които трябва да използвате изграждане на по-малки уебсайтове.

    Повече на Hongkiat.com:

    • Първи стъпки с Twitter Bootstrap
    • Използване на Bootstrap 3 с Sass
    • Инструмент за стартиране: Създайте HTML оформления за стартиране
    • Работа с Bootstrap Plug-in: Модален прозорец
    • Инструмент за стартиране: Създайте Megamenu с YAMM3

    1. Скелет

    Скелет най-накрая придоби фейслифт. Това е цялостна реконструкция от земята нагоре, и все пак тя все още е толкова светла, колкото и преди. Новата мрежова система Skeleton вече използва мобилна първа философия, която гарантира, че оформлението е в центъра, независимо от това колко малък е екранът на устройството..

    Всички компоненти, включени в по-ранната версия - бутони, форми и елементи за въвеждане - все още са налице, но основните стилове за типография са зададени в вещни мерна единица.

    2. CardinalCSS

    CardinalCSS е CSS рамка, изградена с фокус върху производителността, четливостта и най-важното - на поддръжката. CardinalCSS възприема някои съвременни подходи, като например мобилния, първо за оформяне на мрежата; и CSS Box Model, който ви позволява лесно да определяте ширината и височината на елементите.

    CardinalCSS също идва с няколко помощни класа, които ви позволяват бързо да прилагате стилове върху даден елемент, например падащо капачка който прилага ефекта на капката за първия знак в параграфа.

    3. Сбит.CSS

    ConciseCSS е CSS рамка - без подуване. Това е стройна рамка, изградена върху Sass, LESS и Stylus, която проправя своята златна пътека към поддръжката на CSS. Но ако предпочитате обикновен прост ванилов CSS, можете да го направите.

    По същия начин, ConciseCSS също идва с базови стилове за основни елементи като заглавия, параграфи, таблици, форми и набор от помощници клас за създаване на потребителски интерфейс..

    4. PowertoCSS

    PowertoCSS е лека и солидна фронтедна рамка. Имена на класове, които се използват за изграждане на мрежата и прилагане на стилове, са прости и лесни за запомняне, напр. .бутон. Можете също да добавите своя собствена тема. Отидете до StarterKit, за да започнете.

    5. Деликатно

    Furtive е мобилна първа CSS рамка, изградена около най-съвременните уеб стандарти като използването на Flexbox за мрежата и вещни единица за оразмеряване на елементи (включително размер на шрифта). Furtive запазва малък отпечатък на CSS, като не поддържа по-стари браузъри (* Internet Explorer), тъй като те изискват някои CSS хакерства. Затова Furtive е перфектна рамка, ако проектирате уебсайт за бъдещето.

    6. BassCSS

    BassCSS предлага лек набор от стилове на базови елементи, помощни програми, оформление и стилове на цвят, в модулна форма за изграждане на отзивчиво уеб приложение. SCSS файловете са включени, за да персонализирате стила лесно. Можете да играете с типография, бяло пространство, точки на прекъсване и елементи на потребителския интерфейс.

    7. Мюлер

    Мюлер е модулна отзивчива мрежа, изградена върху Sass и Compass. С Мюлер можете да изградите мрежата или чрез добавяне на класове директно към HTML елементите, или ако предпочитате HTML елементите си да бъдат чисти и чисти, като използвате мрежа () функция. Мрежата на Мюлер може да се използва в тандем с библиотеката Javascript Javascript, за да се създаде оформление, подобно на Pinterest.

    8. Tuktuk

    Tuktuk е много уникално име за рамка. В сравнение с Bootstrap или Foundation, Tuktuk е много по-лек, тъй като идва само с подходящото количество компоненти за изграждане на презентативен уебсайт, включително за мрежовата система, базов стил за типография, таблици и няколко потребителски интерфейса като navbar и modals.

    9. База

    Базата е изградена върху LESS и Sass и включва само най-важните компоненти за изграждане на уебсайтове: мрежата и основния стил на HTML елементи. Базата не идва с Javascript компоненти, но осигурява много добра съвместимост с браузърите, така че работи дори с IE7.

    10. Тост

    Последният от нашия списък е Тост. Чрез SCSS stylesheet е включен в пакета, Toast ви позволява лесно да конфигурирате имената на мрежовите класове, канавката и дори базата на колоната. Например, ако искате решетката да бъде 9-базова колона вместо 12, можете да го направите. Тостът е минимална CSS рамка с много гъвкави конфигурации, които отговарят на вашите изисквания.