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 рамка с много гъвкави конфигурации, които отговарят на вашите изисквания.