Koduleht » Veebidisain » Looge Dribbboxiga iseteenindusega Dribbble'i portfell

    Looge Dribbboxiga iseteenindusega Dribbble'i portfell

    Dribbble on populaarne veebisait disainivaldkonnas, kus saate jagada oma WIP-projekte, disainilahendusi, maketid ja isegi tasuta. Vastutasuks saad tagasisidet ja kriitikat kaaskodanike poolt, mis on hea oma disaini järgmisele tasandile tõsta.

    Kui soovite isikupärastada oma portfelli kuvamise viisi, saate kuvada kaadrid oma domeeni all. Et seda aidata, saate proovida Dribbboxi.

    Dribbbox on raamatukogu, mis aitab meil kuvada Dribbble'i kaadreid meie enda domeeni all, kas see ei ole probleem. Vaatame, kuidas saate Dribbboxi oma kunstiteoste esitamiseks seadistada.

    Dribbboxi paigaldamine

    Eeldan, et teil on oma domeen ja serveri seadistus; virtuaalserver peaks toimima lihtsalt. Vastasel juhul saate käivitada kohaliku serveri, kui teil seda pole. Kui vajate juhiseid kohaliku serveri AMPPS-i seadistamiseks, lugege sellest siit.

    Laadige ZIP-pakett alla ja laadige sisu serverisse. Lisage index.html, config.js ja varade kaust.

    Ava config.js ja määrake Dribbble'ilt oma portfelli hankimiseks kasutatav kasutajanimi.

    Sel juhul kasutan demo jaoks Thoriq Firdaus 'portfelli. Siin on portfelli allalaadimine.

     dribbbox.config = dribbble_username: "tfirdaus", lühike kirjeldus: "maailmatasemel disainer tahab olla.", email_address: "[email protected]" 

    Salvestage see ja värskendage lehte.

    See on tõesti nii lihtne, kas pole?

    Teie portfell Dribbboxis

    Seadistamine on lihtne. Sul on kolm veergu. Teie kontaktandmed on staatilise külgriba ääres vasakul. Teie Dribbble'i kaadrid on keskmises keritavas veerus ja paremal on see, kus vaatajad näevad teie projekti täies vaates, ükshaaval. Seadistamine on täiuslik ainult kuvarina, mis tähendab, et avalikkus ei saa teile tagasisidet, nagu kommentaarid või meeldivad. Samuti ei saa nad oma tööd jagada.

    Dribbbox on mobiilseadmetele vaatamiseks optimeeritud. Kui veebisaiti vaadatakse mobiilis, siis DOM-i puidu paigutus ja HTML-i rekonstrueeritakse läbi mobile.js. Määrake vaatluspordi laius mobile.js peaks toimuma index.html.

     (funktsioon () var s = document.createElement ("script") s.src = "vara / js /" + (matchMedia ("(max-width: 414px)"). sobib? "mobile": "desktop" ) + ".js" document.head.appendChild (s)) () 

    Järeldus

    Dribbbox on mugav raamatukogu, mis näitab teie Dribbble'i kaadreid oma domeeninime all. See on väga intuitiivne töötada isegi siis, kui te ei tea JavaScript; lihtsalt lisage oma kasutajanimi ja (valikuliselt) oma e-posti aadress ja olete kõik määratud. Kui sulle ei meeldi vaikimisi esitlus, saate CSS kaudu isikupärastada.

    Rohkem kohta Hongkiat: võõrustage oma staatiline veebisait pannkooki Dropboxis