Hjemmeside » Webdesign » Propeller Framework kombinerer Bootstrap & Google Material Design

    Propeller Framework kombinerer Bootstrap & Google Material Design

    Den enorme populariteten til Googles materiell design bør ikke komme som en overraskelse. Det er en del av en moderne UI-stil som fokuserer mer på flatt design med en vekt på UX og brukbarhet mønstre.

    Ved å ta de materielle designkonseptene og legge dem til Bootstrap, får vi Propellerramme.

    Dette fullt responsive open source-rammeverket spiller den materielle rollen perfekt. Den leveres med en komponentbibliotek av 25 grensesnittelementer, sammen med egendefinerte maler å øke produksjonen.

    Du kan finne all kildekoden på GitHub, sammen med informasjon om nettleser og nyere oppdateringer.

    Hvis du virkelig vil dykke i, bør du sjekke ut dokumentasjonsside. Det er her de gode greiene skjer, som dekker mappestruktur, grunnleggende oppsett, bruk av komponenter og hvordan du kan tilpasse settet selv.

    De fleste komponenter kjører på toppen av Bootstraps klasser, så du jobber med en ekte BootStrap kodebase. Det er imidlertid tungt tilpasset til etterligne materialdesignanimasjoner og design ideologier.

    Dropdown menyer, skjemaer, tabbed widgets og fremdriftsfelt, alle disse komponentene følg den materielle designstilen og de er veldig enkle å sette opp. Den vanskelige delen er å finne den eksakte komponenten som passer til nettstedet ditt fordi det er så mange å velge fra.

    Generelt sett Propeller følger de fleste av Googles designretningslinjer. Utviklerne har gjort en fantastisk jobb med dette rammeverket, og det stemmer virkelig overens med materialestilen.

    På startsiden finner du fire forskjellige nedlastinger, hver for et bestemt formål:

    1. Materialetema - for eksisterende Bootstrap nettsteder som ønsker en materiell design stil
    2. Propeller Kit - hele CSS / JS biblioteket er klar for produksjon
    3. Stå alene - individuelle komponenter som du kan kopiere / lime inn for dine egne prosjekter
    4. Adminmal - en tilpasset admin panel mal laget med Propeller

    Hvis du er ny på rammen kan du laste ned hele settet og tinker bort. Denne pakken har ikke mange utvalgssider, men du kan se på Propeller-siden for å se hvordan den ser ut.

    Dette rammeverket er produksjons-klar hvis du leter etter et materielt tema. Det er en av de enkleste rammene å bygge med, og det er sannsynlig å være rundt i årene som kommer.