Начална » Уеб дизайн » Рамката на витлото комбинира Bootstrap & Google Material Design

    Рамката на витлото комбинира Bootstrap & Google Material Design

    Огромната популярност на Google дизайн на материала не трябва да изненадва. Това е част от модерен стил на потребителския интерфейс, който се фокусира повече плосък дизайн с акцент върху UX и моделите на използваемост.

    Като вземем концепциите за материален дизайн и ги добавим към Bootstrap, получаваме Рамка на витлото.

    Тази напълно отзивчива рамка с отворен код играе перфектна материална роля. Предлага се в комплект с библиотека с компоненти 25 елемента на потребителския интерфейс, заедно с персонализирани шаблони да ускори производството.

    Можете да намерите всички изходни кодове в GitHub, заедно с информация за поддръжката на браузъра и последните актуализации.

    Ако наистина искате да се потопите, трябва да проверите страница с документация. Това е мястото, където се случват добрите неща, които покриват структурата на папките, основната настройка на сайта, използването на компоненти и как да персонализирате сами комплекта.

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

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

    Общо казано, Пропелер следва повечето от указанията за проектиране на Google. Разработчиците са свършили фантастична работа с тази рамка и наистина съвпадат със стила на материала.

    На страницата за начало ще намерите четири различни изтегляния, всяка за отделна цел:

    1. Тематичен материал - за съществуващи сайтове на Bootstrap, които искат стил на материален дизайн
    2. Комплект за витла - цялата библиотека на CSS / JS е готова за производство
    3. Самостоятелен - отделни компоненти, които можете да копирате / поставите за вашите собствени проекти
    4. Шаблон за администратор - шаблон на персонализиран административен панел, направен с Propeller

    Ако сте нов в рамката можете да изтеглите целия комплект и tinker далеч. Този пакет няма много примерни страници, но можете да погледнете сайта на Propeller, за да видите как изглежда.

    Тази рамка е готов за производство ако търсите материална тема. Това е една от най-простите рамки, с които може да се изгради и е вероятно да е около години.