Почетна » Веб дизајн » Направите Селф-Хостед Дрибббле Портфолио са Дрибббок-ом

    Направите Селф-Хостед Дрибббле Портфолио са Дрибббок-ом

    Дрибббле је популаран сајт у сфери дизајна где можете да делите своје ВИП пројекте, дизајне, макете, па чак и фреебиес. За узврат ћете добити повратне информације и критике од колега дизајнера, што је добро да подигнете свој дизајн на сљедећи ниво.

    Ако желите да персонализујете начин на који приказујете свој портфолио, можете да прикажете снимке под сопственим доменом. Да би вам помогао у томе, можете испробати Дрибббок.

    Дрибббок је библиотека која нам помаже да прикажемо Дрибббле снимке под сопственим доменом, неће бити никаквих проблема. Хајде да погледамо како можете подесити Дрибббок за приказивање ваших уметничких дела.

    Дрибббок Инсталлатион

    Претпостављам да имате свој домен и подешавање сервера; дељени хостинг би требало да ради сасвим добро. У супротном, можете покренути локални сервер ако га немате. Ако су вам потребне инструкције о томе како да подесите локални сервер са АМППС-ом, прочитајте га овде.

    Преузмите ЗИП пакет и пренесите садржај на сервер. Укључите индек.хтмл, цонфиг.јс и фасциклу са својствима.

    Отвори цонфиг.јс и одредите корисничко име за преузимање вашег портфолиа из Дрибббле-а.

    У овом случају користим портфељ Тхорик Фирдаус за демо. Ево како можете преузети портфељ.

     дрибббок.цонфиг = дрибббле_усернаме: "тфирдаус", схорт_десцриптион: "дизајнер светске класе ванна-бе.", емаил_аддресс: "тфирдаус@хелловорлд.цом" 

    Сачувајте је и освежите страницу.

    Стварно је тако једноставно, зар не?

    Ваш портфолио на Дрибббок-у

    Подешавање је једноставно. Имате три колоне. Ваши контакт подаци су на крајњој левој страни у статичној бочној траци. Ваши Дрибббле снимци се налазе у средњој колони која се може помицати, а на десној страни, гдје гледатељи могу видјети ваш пројект у пуном приказу, један по један. Подешавање је савршено само као дисплеј што значи да јавност неће моћи да вам даје повратне информације као што су коментари или лајкови. Ни они неће моћи да деле ваш рад.

    Дрибббок је оптимизован за приказ на мобилним уређајима. Када се сајт прегледа на мобилном телефону, распоред као и ХТМЛ стабла ДОМ-а ће бити реконструисани мобиле.јс. Наведите ширину оквира за приказ мобиле.јс треба да се одржи у индек.хтмл.

     (фунцтион () вар с = доцумент.цреатеЕлемент ("сцрипт") с.срц = "имовина / јс /" + (матцхМедиа ("(мак-видтх: 414пк)"). одговара? "мобиле": "десктоп" ) + ".јс" доцумент.хеад.аппендЦхилд (с)) () 

    Закључак

    Дрибббок је згодна библиотека која приказује ваше Дрибббле снимке под вашим именом домена. Веома је интуитиван за рад, чак и ако не знате ЈаваСцрипт; једноставно додајте своје корисничко име и (опционо) вашу адресу е-поште, и сви сте спремни. Ако вам се не свиђа задана презентација, можете додатно персонализовати изглед путем ЦСС-а.

    Више о Хонгкјату: Хост Иоур Статиц Вебсите у Дропбок са Панцаке