Pagina principala » Web design » Schema de propulsie combină Bootstrap și designul materialului Google

    Schema de propulsie combină Bootstrap și designul materialului Google

    Imensa popularitate a companiei Google proiectare material nu ar trebui să fie o surpriză. Face parte dintr-un stil modern UI care se concentrează mai mult pe plan flat cu un accentul pe UX și modele de utilizare.

    Prin luarea conceptelor de design material și adăugarea lor la Bootstrap, obținem Cadrul elicelor.

    Acest cadru open source, complet receptiv, joacă perfect rolul material. Acesta vine ambalat cu o bibliotecă de componente de 25 elemente UI, impreuna cu șabloane personalizate pentru a accelera producția.

    Puteți găsi tot codul sursă pe GitHub, împreună cu informații de asistență pentru browser și actualizări recente.

    Dacă doriți cu adevărat să vă scufundați, ar trebui să verificați pagina de documentare. Aici se întâmplă lucrurile bune, care acoperă structura folderului, configurarea de bază a site-ului, utilizarea componentelor și modul de personalizare a kit-ului.

    Cele mai multe componente rulează pe clasele Bootstrap, deci lucrați cu un autentic bază de coduri BootStrap. Cu toate acestea, este foarte personalizat pentru a imita designul de materialanimații și ideologii de design.

    Meniuri de derulare, formulare, widget-uri tab-uri și bare de progres, toate aceste componente urmați stilul de design material și sunt foarte ușor de configurat. Partea dificilă constă în găsirea componentei exacte care să corespundă site-ului dvs., deoarece există atât de multe pentru a alege.

    În general, Propeller urmează cele mai multe dintre liniile directoare de proiectare Google. Dezvoltatorii au făcut o treabă fantastică în acest cadru și într-adevăr se potrivesc stilului material.

    Pe pagina Începeți, veți găsi patru descărcări diferite, fiecare pentru un scop distinct:

    1. Material Themed - pentru site-urile Bootstrap existente care doresc un stil de design material
    2. Propulsor Kit - întreaga bibliotecă CSS / JS gata de producție
    3. De sine stătătoare - componente individuale pe care le puteți copia / lipi pentru propriile proiecte
    4. Șablon de administrare - un șablon de panou de administrare personalizat realizat cu propulsor

    Dacă sunteți nou în cadrul, puteți descărca întregul kit și îl puteți îndepărta. Acest pachet nu are multe pagini de probă, dar puteți să vă uitați la site-ul Propeller pentru a vedea cum arată.

    Acest cadru este producție gata dacă căutați o temă materială. Este unul dintre cele mai simple cadre de construit și este posibil să fie în jur de ani de zile.