Buat Portfolio Dribbble Yang Dirahodai dengan Dribbbox
Dribbble adalah laman web yang popular untuk bidang reka bentuk di mana anda boleh berkongsi projek, reka bentuk, mockups, dan juga hadiah percuma anda. Sebagai balasan, anda akan mendapat maklum balas dan kritikan daripada pereka rekan yang baik untuk menolak reka bentuk anda sehingga tahap seterusnya.
Sekiranya anda ingin memperibadikan bagaimana anda memaparkan portfolio anda, anda boleh memaparkan gambar di bawah domain anda sendiri. Untuk membantu anda dengan itu, anda boleh mencuba Dribbbox.
Dribbbox adalah perpustakaan yang membantu kita memaparkan gambar Dribbble di bawah domain kita sendiri, tidak akan ada kerumitan. Mari lihat bagaimana anda boleh membuat persediaan Dribbbox untuk mempamerkan karya seni anda.
Pemasangan Dribbbox
Saya mengandaikan bahawa anda mempunyai domain anda dan persediaan pelayan; hosting yang dikongsi harus berfungsi dengan baik. Jika tidak, anda boleh menjalankan pelayan setempat jika anda tidak mempunyai satu. Sekiranya anda memerlukan arahan mengenai bagaimana untuk menyediakan pelayan tempatan dengan AMPPS, bacalah mengenainya di sini.
Muat turun pakej ZIP, dan muat naik kandungan ke pelayan. Termasuk index.html, config.js, dan folder aset.
Buka config.js dan nyatakan nama pengguna untuk mengambil portfolio anda dari Dribbble.
Dalam kes ini, saya menggunakan portfolio Thoriq Firdaus untuk demo. Berikut adalah cara anda mendapatkan portfolio.
dribbbox.config = dribbble_username: "tfirdaus", short_description: "Seorang perancang kelas dunia ingin tahu.", email_address: "[email protected]"
Simpan dan muat semula halaman tersebut.
Ia sememangnya mudah, bukan?
Portfolio anda di Dribbbox
Persediaan adalah mudah. Anda mempunyai tiga lajur. Butiran hubungan anda berada jauh di bar sisi statik. Tembakan Dribbble anda berada di medan digulir tengah, dan di sebelah kanan, di mana penonton boleh melihat projek anda secara penuh, satu demi satu. Persediaan sempurna hanya sebagai paparan yang bermaksud orang ramai tidak akan dapat memberikan maklum balas seperti komen atau suka. Mereka tidak akan dapat berkongsi kerja sama ada.
Dribbbox telah dioptimumkan untuk dilihat pada peranti mudah alih. Apabila tapak web dilihat pada mudah alih, susun atur serta HTML pokok DOM akan dibina semula mobile.js
. Tentukan lebar paparan viewport yang mobile.js
perlu mengambil tempat di index.html
.
(function () var s = document.createElement ("script") s.src = "assets / js /" + (matchMedia ("(max-width: 414px) ) + ".js" document.head.appendChild (s)) ()
Kesimpulannya
Dribbbox adalah perpustakaan yang berguna untuk memamerkan tembakan Dribbble anda di bawah nama domain anda sendiri. Ia sangat intuitif untuk bekerja dengan walaupun anda tidak tahu JavaScript; tambah nama pengguna anda dan (pilihan) alamat e-mel anda, dan anda semua ditetapkan. Sekiranya anda tidak suka persembahan lalai, anda boleh memperibadikan penampilan melalui CSS.
Lagi Mengenai Hongkiat: Laman Web Statik Anda di Dropbox Dengan Pancake