Luo Dribbboxilla oma-isäntä-Dribbble-portfolio
Dribbble on suosittu verkkosivusto suunnittelualueelle, jossa voit jakaa WIP-projekteja, malleja, malleja ja jopa ilmaistietoja. Vastineeksi saat palautetta ja kritiikkiä muilta suunnittelijoilta, mikä on hyvä työntää suunnittelusi seuraavalle tasolle.
Jos haluat muokata salkun näyttämistä, voit näyttää kuvat omalla verkkotunnuksellasi. Jotta voit auttaa sinua, voit kokeilla Dribbboxia.
Dribbbox on kirjasto, joka auttaa meitä näyttämään Dribbble-laukauksia omalla verkkotunnuksellamme. Katsotaanpa, miten voit määrittää Dribbboxin esittelemään taideteoksiasi.
Dribbboxin asennus
Oletan, että sinulla on verkkotunnuksesi ja palvelimesi asetukset; Jaetun hosting-palvelun pitäisi toimia hyvin. Muuten voit suorittaa paikallisen palvelimen, jos sinulla ei ole sellaista. Jos tarvitset ohjeita paikallisen palvelimen asentamisesta AMPPS: n avulla, lue tästä tästä.
Lataa ZIP-paketti ja lataa sisältö palvelimeen. Sisällytä index.html, config.js ja varojen kansio.
Avaa config.js ja määritä portti Dribbble-palvelimelta.
Tässä tapauksessa käytän Thoriq Firdaus'n salkua demolle. Näin saat portfolion.
dribbbox.config = dribbble_username: "tfirdaus", lyhyt kuvaus: "Maailmanluokan suunnittelija haluaa olla.", email_address: "[email protected]"
Tallenna se ja päivitä sivu.
Se on todella helppoa, eikö olekin?
Portfolio Dribbboxissa
Asennus on yksinkertainen. Sinulla on kolme saraketta. Yhteystietosi ovat vasemmalla puolella staattisessa sivupalkissa. Dribbble-laukaukset ovat keskimmäisessä vieritettävässä sarakkeessa, ja oikealla puolella katsojat näkevät projektisi kokonaisuudessaan, yksi kerrallaan. Asennus on täydellinen vain näytönä, mikä tarkoittaa, että yleisö ei pysty antamaan sinulle palautetta, kuten kommentteja tai tykkää. He eivät myöskään voi jakaa työtäsi.
Dribbbox on optimoitu näkymään mobiililaitteissa. Kun verkkosivustoa tarkastellaan mobiililaitteilla, DOM-puun ulkoasu ja HTML-muoto palautetaan mobile.js. Määritä katselualueen leveys, jonka mobile.js pitäisi tapahtua index.html.
(toiminto () var s = document.createElement ("script") s.src = "omaisuus / js /" + (matchMedia ("(max-width: 414px)"). vastaa? "mobiili": "työpöytä" ) + ".js" document.head.appendChild (s)) () johtopäätös
Dribbbox on kätevä kirjasto, joka näyttää Dribbble-laukaukset omalla verkkotunnuksellasi. Se on erittäin intuitiivinen työskennellä, vaikka et tiedä JavaScriptiä; lisää vain käyttäjätunnuksesi ja (valinnaisesti) sähköpostiosoitteesi, ja olet kaikki asetettu. Jos et pidä oletusesitystä, voit muokata ulkoasua edelleen CSS: n kautta.
Lisää Hongkiatista: Isäntä staattinen verkkosivusto Dropbox With Pancake -palvelussa
