Dribbbox ile Kendinden Barındırmalı Dribbble Portföyü Oluşturun

Dribbble, WIP projelerinizi, tasarımlarınızı, makbuzlarınızı ve hatta freebilerinizi paylaşabileceğiniz tasarım alanında popüler bir web sitesidir. Karşılığında, tasarımınızı bir üst seviyeye çıkarmak için iyi olan diğer tasarımcılardan geri bildirim ve eleştiri alacaksınız..

Portföyünüzü nasıl göstereceğinizi kişiselleştirmek istiyorsanız, çekimleri kendi etki alanınız altında görüntüleyebilirsiniz. Bu konuda size yardımcı olmak için, Dribbbox'ı deneyebilirsiniz..

Dribbbox, kendi alanımızın altındaki Dribbble çekimlerini görüntülememize yardımcı olan bir kütüphanedir. Sanat eserlerini sergilemek için Dribbbox'ı nasıl ayarlayabileceğine bir göz atalım.

Dribbbox Kurulumu

Etki alanınız ve bir sunucu kurulumunuzun olduğunu varsayalım; paylaşılan bir barındırma sadece iyi çalışması gerekir. Aksi takdirde, yoksa yerel bir sunucuyu çalıştırabilirsiniz. AMPPS ile yerel bir sunucunun nasıl kurulacağına ilişkin talimatlara ihtiyacınız varsa, buradan okuyun.

ZIP paketini indirin ve içeriği sunucuya yükleyin. İndex.html, config.js ve varlıklar klasörünü ekleyin.

Aç config.js ve portföyünüzü Dribbble’dan almak için kullanıcı adını belirtin.

Bu durumda, demo için Thoriq Firdaus 'portföyünü kullanıyorum. İşte portföyü nasıl alıyorsunuz?.

 dribbbox.config = dribbble_username: "tfirdaus", short_description: "Dünya standartlarında bir tasarımcı olmak istiyor.", email_adresi: "[email protected]" 

Kaydet ve sayfayı yenile.

Gerçekten bu kadar basit değil mi??

Dribbbox'taki Portföyünüz

Kurulum basittir. Üç sütununuz var. İletişim bilgileriniz statik bir kenar çubuğunda en soldadır. Dribbble çekimleriniz orta kaydırılabilir sütunda ve sağında da izleyicilerin projenizi her seferinde tam görünümde görebilecekleri alan. Kurulum, yalnızca halkın yorumlar veya beğeniler gibi geribildirim veremeyeceği anlamına gelen bir ekran olarak mükemmel. Çalışmanızı da paylaşamazlar.

Dribbbox mobil cihazlarda görüntülenmek üzere optimize edildi. Web sitesi mobil olarak görüntülendiğinde, DOM ağacının HTML'sinin yanı sıra sayfa düzeni yeniden oluşturulur. mobile.js. Görünümünün genişliğini mobile.js yer almalı index.html.

 (function () var s = document.createElement ("script") s.src = "asset / js /" + (matchMedia ("(maks. genişlik: 414px)"). ) + ".js" document.head.appendChild (s)) () 

Sonuç

Dribbbox Dribbble çekimlerinizi kendi alan adınız altında göstermek için kullanışlı bir kütüphanedir. JavaScript'i bilmiyor olsanız bile birlikte çalışmanız çok sezgiseldir; kullanıcı adınızı ve (isteğe bağlı olarak) e-posta adresinizi eklemeniz yeterlidir; Varsayılan sunumu beğenmiyorsanız, görünümü CSS ile daha da kişiselleştirebilirsiniz..

Hongkiat hakkında daha fazlası: Pancake ile Dropbox'ta Statik Web Sitenizi Düzenleyin