Propeller Framework combineert Bootstrap & Google Material Design

De immense populariteit van Google's materiaal ontwerp zou niet als een verrassing komen. Het maakt deel uit van een moderne UI-stijl waarop meer aandacht wordt besteed plat ontwerp Met een nadruk op UX en bruikbaarheidspatronen.

Door de materiële ontwerpconcepten te nemen en toe te voegen aan Bootstrap, krijgen we de Propeller-raamwerk.

Dit volledig responsieve open source-framework speelt de materiële rol perfect. Het komt verpakt met een componentenbibliotheek van 25 UI-elementen, samen met aangepaste sjablonen om de productie te versnellen.

Je kunt vinden alle broncode op GitHub, samen met informatie over browserondersteuning en recente updates.

Als je echt wilt duiken, moet je de documentatiepagina. Hier gebeurt het goede, met betrekking tot de mappenstructuur, de basisinstallatie van de site, het gebruik van componenten en hoe u de kit zelf kunt aanpassen.

De meeste componenten worden boven de klassen van Bootstrap uitgevoerd, dus u werkt met een echte BootStrap-codebase. Het is echter zwaar aangepast aan bootst het materiaalontwerp naanimaties en ontwerpideologieën.

Dropdown-menu's, formulieren, widgets met tabbladen en voortgangsbalkjes, al deze componenten volg de materiële ontwerpstijl en ze zijn super eenvoudig in te stellen. Het moeilijke deel is het vinden van het exacte onderdeel dat bij uw site past, omdat er zoveel zijn waaruit u kunt kiezen.

Over het algemeen Propeller volgt de meeste ontwerprichtlijnen van Google. De ontwikkelaars hebben fantastisch werk geleverd met dit framework en het komt echt overeen met de stijl van het materiaal.

Op de Aan de slag-pagina, vindt u vier verschillende downloads, elk voor een ander doel:

1. Materiële thema - voor bestaande Bootstrap-sites die een materiële ontwerpstijl willen
2. Propellerkit - de hele CSS / JS-bibliotheek klaar voor productie
3. Alleen staan - individuele componenten die u kunt kopiëren / plakken voor uw eigen projecten
4. Admin-sjabloon - een aangepaste beheerderspanelsjabloon gemaakt met Propeller

Als je nog niet bekend bent met het framework, kun je de hele kit downloaden en knutselen. Dit pakket bevat niet veel voorbeeldpagina's, maar u kunt de Propeller-site bekijken om te zien hoe het eruit ziet.

Dit kader is productie-ready als je op zoek bent naar een materieel thema. Het is een van de eenvoudigste kaders om mee te bouwen en het zal er waarschijnlijk nog vele jaren zijn.