Beranda » Desain web » Buat Portofolio Dribbble yang Di-Host Sendiri dengan Dribbbox

    Buat Portofolio Dribbble yang Di-Host Sendiri dengan Dribbbox

    Dribbble adalah situs web populer di bidang desain tempat Anda dapat berbagi proyek, desain, maket, dan bahkan gratisan WIP Anda. Sebagai gantinya Anda akan mendapatkan umpan balik dan kritik dari sesama desainer yang baik untuk mendorong desain Anda ke tingkat berikutnya.

    Jika Anda ingin mempersonalisasikan bagaimana Anda menampilkan portofolio Anda, Anda dapat menampilkan foto-foto di bawah domain Anda sendiri. Untuk membantu Anda dengan itu, Anda dapat mencoba Dribbbox.

    Dribbbox adalah perpustakaan yang membantu kami menampilkan bidikan Dribbble di bawah domain kami sendiri, tidak akan ada masalah. Mari kita lihat bagaimana Anda dapat mengatur Dribbbox untuk menampilkan karya seni Anda.

    Instalasi Dribbbox

    Saya berasumsi bahwa Anda memiliki domain dan pengaturan server; hosting bersama seharusnya bekerja dengan baik. Jika tidak, Anda dapat menjalankan server lokal jika Anda tidak memilikinya. Jika Anda memerlukan instruksi tentang cara menyiapkan server lokal dengan AMPPS, bacalah di sini.

    Unduh paket ZIP, dan unggah konten ke server. Sertakan index.html, config.js, dan folder aset.

    Buka config.js dan tentukan nama pengguna untuk mengambil portofolio Anda dari Dribbble.

    Dalam hal ini, saya menggunakan portofolio Thoriq Firdaus untuk demo. Begini cara Anda mengambil portofolio.

     dribbbox.config = dribbble_username: "tfirdaus", short_description: "calon perancang kelas dunia.", email_address: "[email protected]" 

    Simpan dan segarkan halaman.

    Sangat sederhana, bukan?

    Portofolio Anda di Dribbbox

    Penyiapannya sederhana. Anda memiliki tiga kolom. Rincian kontak Anda ada di paling kiri di bilah samping statis. Bidikan Dribbble Anda berada di kolom yang dapat digulir tengah, dan di sebelah kanan, adalah tempat pemirsa dapat melihat proyek Anda dalam tampilan penuh, satu per satu. Pengaturan sempurna hanya sebagai tampilan yang berarti publik tidak akan dapat memberi Anda umpan balik seperti komentar atau suka. Mereka juga tidak akan dapat membagikan pekerjaan Anda.

    Dribbbox telah dioptimalkan untuk tampilan di perangkat seluler. Ketika situs web dilihat pada perangkat seluler, tata letak serta HTML pohon DOM akan direkonstruksi melalui mobile.js. Tentukan lebar viewport yang mobile.js harus terjadi di index.html.

     (function () var s = document.createElement ("script") s.src = "aset / js /" + (matchMedia ("(max-width: 414px)"). cocok? "mobile": "desktop" ) + ".js" document.head.appendChild) () 

    Kesimpulan

    Dribbbox adalah perpustakaan yang berguna untuk memamerkan foto-foto Dribbble Anda dengan nama domain Anda sendiri. Ini sangat intuitif untuk bekerja walaupun Anda tidak tahu JavaScript; cukup tambahkan nama pengguna Anda dan (secara opsional) alamat email Anda, dan Anda sudah siap. Jika Anda tidak menyukai presentasi default, Anda dapat lebih mempersonalisasi penampilan melalui CSS.

    Selengkapnya Tentang Hongkiat: Host Situs Web Statis Anda di Dropbox Dengan Pancake