דף הבית » עיצוב אתרים » יצירת עצמית מתארח Dribbble תיק עם Dribbbox

    יצירת עצמית מתארח Dribbble תיק עם Dribbbox

    Dribbble הוא אתר פופולרי בתחום העיצוב שבו אתה יכול לשתף פרויקטים WIP שלך, עיצובים, mockups, ואפילו freebies. בתמורה תקבל משוב וביקורת של מעצבים עמיתים וזה טוב לדחוף את העיצוב שלך עד לשלב הבא.

    אם ברצונך להתאים אישית את אופן הצגת התיק, תוכל להציג את התמונות מתחת לתחום שלך. כדי לעזור לך עם זה, אתה יכול לנסות Dribbbox.

    Dribbbox הוא ספריה שעוזרת לנו להציג dribbble יריות תחת התחום שלנו, לא תהיה בעיה. בואו נסתכל איך אתה יכול להגדיר Dribbbox לראווה יצירות אמנות שלך.

    התקנת Dribbbox

    אני מניח שיש לך את התחום ואת הגדרת השרת; אירוח משותף צריך לעבוד בסדר גמור. אחרת, אתה יכול להפעיל שרת מקומי אם אין לך אחד. אם אתה צריך הוראות כיצד להגדיר שרת מקומי עם AMPPS, לקרוא על זה כאן.

    הורד את חבילת ה- ZIP והעלה את התוכן לשרת. כלול את index.html, את התצורה config.js ואת תיקיית הנכסים.

    פתח את ה config.js ולציין את שם המשתמש כדי לאחזר את תיק ההשקעות שלך מ Dribbble.

    במקרה זה, אני משתמש פורטפוליו של Thoriq Firdaus עבור ההדגמה. הנה איך אתה לאחזר את התיק.

     dribbbox.config = dribbble_username: "tfirdaus", short_description: "מעצב ברמה עולמית רוצה להיות.", email_address: "[email protected]" 

    שמור אותו ורענן את הדף.

    זה באמת כל כך פשוט, לא?

    תיק ההשקעות שלך על Dribbbox

    ההתקנה היא פשוטה. יש לך שלוש עמודות. פרטי הקשר שלך נמצאים בקצה השמאלי של סרגל צד סטטי. יריות Dribbble שלך ​​נמצאים בעמודה הגלילה האמצעית, ובצד שמאל, המקום שבו הצופים יכולים לראות את הפרויקט שלך במלואו, אחד בכל פעם. ההתקנה מושלמת רק כתצוגה כלומר הציבור לא יוכל לתת לך משוב כמו הערות או אוהב. הם גם לא יוכלו לשתף את העבודה שלך.

    Dribbbox עבר אופטימיזציה לתצוגה במכשירים ניידים. כאשר האתר מוצג על הנייד, הפריסה כמו גם את ה- HTML של עץ DOM ישוחזרו דרך mobile.js. ציין את רוחב התצוגה שבו mobile.js יתקיים ב index.html.

     (msgstr ("max": 414px) ("script") ss.src = "asset / js /" + (matchmedia ("max-width: 414px"). ) + ".js" document.head.appendChild (s)) () 

    סיכום

    Dribbbox היא ספריה שימושי כדי להשוויץ יריות dribbble שלך ​​תחת שם התחום שלך. זה מאוד אינטואיטיבי לעבוד עם גם אם אתה לא יודע JavaScript; פשוט להוסיף את שם המשתמש שלך (אופציונלי) כתובת הדוא"ל שלך, ואתה מוכן. אם אינך אוהב את מצגת ברירת המחדל, תוכל להמשיך ולהתאים אישית את המראה באמצעות CSS.

    עוד על Hongkiat: מארח אתר סטטי שלך Dropbox עם פנקייק