Opret selvstændig hosted dribbble portefølje med Dribbbox
Dribbble er et populært websted i designfeltet, hvor du kan dele dine WIP projekter, designs, mockups og endda freebies. Til gengæld får du feedback og kritik fra kolleger designere, der er godt at skubbe dit design op til det næste niveau.
Hvis du vil tilpasse, hvordan du viser din portefølje, kan du vise skudene under dit eget domæne. For at hjælpe dig med det, kan du prøve Dribbbox.
Dribbbox er et bibliotek, der hjælper os med at vise Dribbble skud under vores eget domæne, vil ikke noget af det besvær. Lad os tage et kig på, hvordan du kan opsætte Dribbbox til at fremvise dine kunstværker.
Dribbbox Installation
Jeg går ud fra, at du har dit domæne og en serveropsætning; en delt hosting skal fungere fint. Ellers kan du køre en lokal server, hvis du ikke har en. Hvis du har brug for instruktioner om, hvordan du opretter en lokal server med AMPPS, skal du læse om det her.
Download ZIP-pakken, og upload indholdet til serveren. Inkluder index.html, config.js og aktivitetsmappen.
Åbn config.js og angiv brugernavnet for at hente din portefølje fra Dribbble.
I dette tilfælde bruger jeg Thoriq Firdaus 'portefølje til demoen. Sådan hentes porteføljen.
dribbbox.config = dribbble_username: "tfirdaus", short_description: "En verdensklasse designer vil-være.", email_address: "[email protected]"
Gem det og opdatér siden.
Det er virkelig så simpelt, er det ikke?
Din portefølje på Dribbbox
Opsætningen er enkel. Du har tre kolonner. Dine kontaktoplysninger findes længst til venstre i en statisk sidelinje. Dine Dribbble skud er i den midterste rullesøjle, og til højre er hvor seere kan se dit projekt i fuld visning, en ad gangen. Opsætningen er perfekt kun som et display, hvilket betyder, at offentligheden ikke vil kunne give dig feedback som kommentarer eller lignende. De kan heller ikke dele dit arbejde.
Dribbbox er optimeret til visning på mobile enheder. Når hjemmesiden ses på mobil, rekonstrueres såvel layoutet som HTML'en af DOM-træet gennem mobile.js
. Angiv visningsbredden af hvilken mobile.js
bør finde sted i index.html
.
(funktion () var s = document.createElement ("script") s.src = "aktiver / js /" + (matchMedia ("(maxbredde: 414px)") ) + ".js" document.head.appendChild (s)) ()
Konklusion
Dribbbox er et praktisk bibliotek til at vise dine Dribbble skud under dit eget domænenavn. Det er meget intuitivt at arbejde med, selvom du ikke kender JavaScript; Du skal blot tilføje dit brugernavn og (eventuelt) din e-mail-adresse, og du er helt indstillet. Hvis du ikke kan lide standardpræsentationen, kan du yderligere tilpasse udseendet via CSS.
Mere om Hongkiat: Host din statiske hjemmeside i Dropbox med pandekage