Stvorite samopostojeći Dribbble portfelj s Dribbboxom
Dribbble je popularna web-stranica u sferi dizajna u kojoj možete dijeliti svoje WIP projekte, dizajne, makete, pa čak i besplatne igre. Zauzvrat ćete dobiti povratne informacije i kritike od kolega dizajnera, što je dobro potaknuti vaš dizajn na sljedeću razinu.
Ako želite personalizirati prikaz portfelja, možete prikazati snimke pod vlastitom domenom. Da bi vam pomogao u tome, možete isprobati Dribbbox.
Dribbbox je knjižnica koja nam pomaže da prikažemo Dribbble snimke pod vlastitom domenom, a nitko od njih neće imati problema. Pogledajmo kako možete podesiti Dribbbox za prikazivanje vaših umjetničkih djela.
Instalacija Dribbboxa
Pretpostavljam da imate postavku domene i poslužitelja; hosting bi trebao funkcionirati sasvim u redu. Inače, možete pokrenuti lokalni poslužitelj ako ga nemate. Ako trebate upute o postavljanju lokalnog poslužitelja s AMPPS-om, pročitajte ga ovdje.
Preuzmite ZIP paket i prenesite sadržaj na poslužitelj. Uključite index.html, config.js i mapu imovine.
Otvori config.js i odredite korisničko ime za preuzimanje portfelja iz Dribbblea.
U ovom slučaju koristim portfelj Thoriq Firdaus za demo. Evo kako možete preuzeti portfelj.
dribbbox.config = dribbble_username: "tfirdaus", short_description: "dizajner svjetske klase wanna-be.", email_address: "[email protected]"
Spremite je i osvježite stranicu.
Doista je tako jednostavno, zar ne?
Vaš portfelj na Dribbboxu
Postavljanje je jednostavno. Imate tri stupca. Vaši podaci za kontakt nalaze se na krajnjoj lijevoj strani u statičnoj bočnoj traci. Vaši Dribbble snimci nalaze se u srednjem stupcu koji se može pomicati, a na desnoj strani, gdje gledatelji mogu vidjeti vaš projekt u punom prikazu, jedan po jedan. Postavljanje je savršeno samo kao prikaz, što znači da vam javnost neće moći dati povratne informacije poput komentara ili komentara. Oni također neće moći podijeliti vaš rad.
Dribbbox je optimiziran za prikaz na mobilnim uređajima. Kada se web-lokacija pregledava na mobilnom uređaju, izgled i HTML stabla DOM-a će se rekonstruirati mobile.js. Odredite širinu okvira prikaza mobile.js treba obaviti u index.html.
(function () var s = document.createElement ("script") s.src = "assets / js /" + (odgovara ("(max-width: 414px)"). odgovara? "mobile": "desktop" ) + ".js" document.head.appendChild (s)) () Zaključak
Dribbbox je zgodna knjižnica koja prikazuje Dribbble snimke pod vlastitim nazivom domene. Vrlo je intuitivan za rad, čak i ako ne znate JavaScript; jednostavno dodajte svoje korisničko ime i (opcionalno) svoju adresu e-pošte i svi ste spremni. Ako vam se ne sviđa zadana prezentacija, možete dodatno prilagoditi izgled putem CSS-a.
Više na Hongkiat: Domaćin Statički Web stranica u Dropbox s palačinka
