Creați un portofoliu Dribbble cu găzduire proprie cu Dribbbox
Dribbble este un site popular în domeniul sferei de design unde puteți să vă împărtășiți proiectele WIP, desenele, machetele și chiar gratuiturile. În schimb, veți primi feedback și critici de la colegii de designeri, care este bine să împingeți design-ul dvs. până la nivelul următor.
Dacă doriți să personalizați modul în care afișați portofoliul dvs., puteți afișa fotografiile sub propriul domeniu. Pentru a vă ajuta în acest scop, puteți încerca Dribbbox.
Dribbbox este o bibliotecă care ne ajută să afișăm fotografii Dribbble sub propriul domeniu, nu va avea nici un fel de greutate. Să aruncăm o privire asupra modului în care puteți configura Dribbbox pentru prezentarea operelor de artă.
Instalarea Dribbbox
Presupun că aveți domeniul dvs. și o configurare a serverului; o găzduire comună ar trebui să funcționeze foarte bine. În caz contrar, puteți rula un server local dacă nu aveți unul. Dacă aveți nevoie de instrucțiuni despre configurarea unui server local cu AMPPS, citiți despre el aici.
Descărcați pachetul ZIP și încărcați conținutul pe server. Includeți index.html, config.js și folderul cu materiale.
Deschide config.js și specificați numele de utilizator pentru a prelua portofoliul dvs. din Dribbble.
În acest caz, folosesc portofoliul Thoriq Firdaus pentru demo. Iată cum obțineți portofoliul.
dribbbox.config = dribbble_username: "tfirdaus", short_description: "Un designer de clasă mondială vrea să fie.", adresa_mail: "[email protected]"
Salvați-l și actualizați pagina.
Este chiar atât de simplu, nu-i așa??
Portofoliul dvs. pe Dribbbox
Setarea este simplă. Aveți trei coloane. Detaliile dvs. de contact se află la extrema stângă într-o bară laterală statică. Fotografiile dvs. Dribbble sunt în coloana de deplasare din mijloc, iar în partea dreaptă este locul în care spectatorii vă pot vedea proiectul în vizualizare completă, unul câte unul. Setarea este perfectă doar ca afișare, ceea ce înseamnă că publicul nu va putea să vă ofere feedback cum ar fi comentariile sau aprecierile. Nici ei nu vor putea să-ți împărtășească munca.
Dribbbox a fost optimizat pentru vizualizare pe dispozitivele mobile. Atunci când site-ul este vizualizat pe mobil, se va reconstitui aspectul, precum și codul HTML al arborelui DOM mobile.js
. Specificați lățimea ferestrei de vizualizare a cărei mobile.js
ar trebui să aibă loc în index.html
.
(funcția () var s = document.createElement ("script") s.src = "active / js /" + (matchMedia (" ) + ".js" document.head.appendChild (i)) ()
Concluzie
Dribbbox este o bibliotecă la îndemână pentru a afișa fotografiile dvs. Dribbble sub propriul nume de domeniu. Este foarte intuitiv sa lucrezi chiar daca nu stii JavaScript; pur și simplu adăugați numele dvs. de utilizator și (opțional) adresa dvs. de e-mail și sunteți cu toții setați. Dacă nu vă place prezentarea implicită, puteți personaliza în continuare aspectul prin CSS.
Mai multe despre Hongkiat: găzduiește site-ul tău static în Dropbox cu pancake