Mājas lapa » Web dizains » Izveidojiet pašnodarbinātu Dribbble portfeli ar Dribbbox

    Izveidojiet pašnodarbinātu Dribbble portfeli ar Dribbbox

    Dribbble ir populāra tīmekļa vietne dizaina jomā, kurā varat koplietot savus WIP projektus, dizainus, maketus un pat bezmaksas biļetes. Savukārt jūs saņemsiet atgriezenisko saiti un kritiku no citiem dizaineriem, kas ir labi virzīt savu dizainu līdz nākamajam līmenim.

    Ja vēlaties personalizēt portfeļa parādīšanas veidu, varat attēlot savus domēnus. Lai jums palīdzētu, varat izmēģināt Dribbbox.

    Dribbbox ir bibliotēka, kas palīdz mums attēlot Dribbble šāvienus mūsu domēnā, neviena no problēmām. Apskatīsim, kā jūs varat iestatīt Dribbbox, lai parādītu savus mākslas darbus.

    Dribbbox instalēšana

    Es pieņemu, ka jums ir jūsu domēns un servera iestatīšana; koplietošanas hostingu vajadzētu strādāt tikai labi. Pretējā gadījumā varat palaist vietējo serveri, ja jums to nav. Ja jums ir nepieciešami norādījumi par vietējā servera uzstādīšanu ar AMPPS, lasiet par to šeit.

    Lejupielādējiet ZIP pakotni un augšupielādējiet saturu serverī. Iekļaujiet index.html, config.js un aktīvu mapi.

    Atveriet config.js un norādiet lietotājvārdu, lai iegūtu Dribbble portfeli.

    Šajā gadījumā demo izmantoju Thoriq Firdaus portfeli. Lūk, kā atgūt portfeli.

     dribbbox.config = dribbble_username: "tfirdaus", īss apraksts: "Pasaules klases dizainers, kas vēlas būt.", email_address: "[email protected]" 

    Saglabājiet to un atsvaidziniet lapu.

    Tas tiešām ir tik vienkārši, vai ne?

    Jūsu portfelis par Dribbbox

    Iestatīšana ir vienkārša. Jums ir trīs kolonnas. Jūsu kontaktinformācija ir tālu pa kreisi statiskā sānu joslā. Jūsu Dribbble šāvieni atrodas vidējā ritināmā kolonnā, un labajā pusē skatītāji var redzēt jūsu projektu pilnā skatā, pa vienam. Iestatīšana ir ideāla tikai kā displejs, kas nozīmē, ka sabiedrība nespēs sniegt jums atsauksmes, piemēram, komentārus vai patīk. Arī viņi nevarēs dalīties ar jūsu darbu.

    Dribbbox ir optimizēts skatīšanai mobilajās ierīcēs. Kad tīmekļa vietne tiek skatīta mobilajā tālrunī, DOM koka izkārtojums un HTML tiks atjaunoti mobile.js. Norādiet skata loga platumu, kuru mobile.js jānotiek index.html.

     (funkcija () var s = document.createElement ("skripts") s.src = "aktīvi / js /" + (matchMedia ("(maksimālais platums: 414px)"). atbilst "mobilajam": "darbvirsmai" ) + ".js" document.head.appendChild (s)) () 

    Secinājums

    Dribbbox ir ērta bibliotēka, lai parādītu savus Dribbble kadrus ar savu domēna nosaukumu. Tas ir ļoti intuitīvs, lai strādātu pat tad, ja nezināt JavaScript; vienkārši pievienojiet savu lietotājvārdu un (pēc izvēles) savu e-pasta adresi, un jūs visi esat iestatījuši. Ja jums nepatīk noklusējuma prezentācija, varat vēl vairāk personalizēt izskatu, izmantojot CSS.

    Vairāk par Hongkiat: Hostējiet savu statisko tīmekļa vietni Dropbox With Pancake