משאבים חדשים עבור מעצבי אתרים ומפתחים (פברואר 2016)

2015 היתה שנה נהדרת עבור האינטרנט: טכנולוגיות אינטרנט כבר אימצו גורמים רבים טופס מעבר לבניית אתר אינטרנט או יישום אינטרנט. יישומים ניידים ושולחניים רבים נבנים כעת באמצעות HTML, CSS ו- JavaScript. זה מתאפשר על ידי אופי הטלטלות של טכנולוגיות אינטרנט וספריות כגון React.js, זוויתי ו Node.js.

אז, בתשלומים של היום של סדרה זו יש לנו להרכיב קומץ של JavaScript ו- CSS ספריות.

לחץ על משאבים נוספים

לחץ על משאבים נוספים

מצא את כל אוסף המשאבים המומלצים שלנו ואת העיצוב הטוב ביותר ואת כלי הפיתוח הזמינים.

מחוון שטוח

ממשק המשתמש jQuery מגיע עם אוסף של ממשק אינטרנט משותף כולל מחוון - ממשק משתמש המאפשר למשתמש לבחור מגוון של ערכים מספריים. ה מחוון שטוח הוא כלי אינטרנט שעושה התאמה אישית את סגנון המשתמש jQUery, שהיה פעם משימה מרתיעה מאוד, הרבה יותר קל עכשיו.

סוג השירות Open

סוג השירות Open הוא אוסף של שיעורים נכנסים ל ליישם תכונות מתקדמות CSS typographic כגון ligatures גופן, מכתב הון קטן, ועוד הרבה. הם בעצם לתת את חוויית הקריאה הטובה ביותר עבור המשתמשים שלך בפירוט רב. הוא מתדרדר יפה בדפדפנים ישנים יותר, שאינם נתמכים.

להגיב

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

להגיב היא ספריית JavaScript קל שאתה יכול להשתמש בו להגדיר קואורדינטות כדי לשמור על המיקוד התמונה תוך שינוי גודל.

ליניארי

ליניארי הוא יישום סרגל עבור Mac. ניתן להשתמש בסרגל כדי למדוד דפי אינטרנט, לגלות את גודל אלמנט מבלי לפתוח את DevTools או להבין אם אלמנט הוא מרוכז לחלוטין. אתה יכול להיות מספר סרגלים, ולהעביר את יחידת מ PX ל EM.

StickyStack

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

מציג

מציג הוא תוסף jQuery עבור lightbox התמונה - דרך פופולרית פופולרי זום בתמונות באינטרנט. תוסף מגיע עם אופציות מכריע המאפשר לך התאמה אישית של כל פיסת קופסה קלה ממשק.

תוסף מספק גם קבוצה של APIs ואירועים מותאמים אישית עבור שליטה מלאה על קופסה קלה תגובה והתנהגות. מה עוד, זה עובד עד Internet Explorer 8.

DeviceMock

DeviceMock היא ספריית JavaScript המאפשרת לך ליצור מסגרות התקן או mockups כגון טלפון, טאבלט ושולחן עבודה. כמו כן, הספרייה provse אפשרויות כדי להגדיר את צבע הנושא של המסגרת, את גודל, כמו גם את המסגרת אוריינטציה.

זה יכול להיות חלופה טובה להפגין את האינטרנט ואת היישום במקום באמצעות Photoshop.

כוהנים

כוהנים היא יוזמה להגדיר מחדש את צבעי האינטרנט ברירת המחדל לתוך צבע עיניים ידידותי יותר, ידידותי צבע. בנוסף, הוא תומך קבוצה של שילובים צבע עבור נגישות טובה יותר. ניתן לפרוס צבעים אלה באמצעות NPM, Gem (Ruby) ו- Photoshop ו- Illustrator דוגמיות צבע.

צבע

צבע הוא סופר קל משקל JavaScript הספרייה (3kb ממוזער) ל לחלץ צבעים דומיננטיים - - מתוך תמונה עם שפע של APIs כדי לתפעל את הצבעים. ניתן להשתמש בצבע החילוץ כמציין מיקום בזמן ההמתנה לטעינה מלאה של התמונה, יצירת רקע צבעוני או שינוי הממשק השכן כדי לענות על צבע התמונה.

BookBlock

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

אתה יכול לבדוק את ההדגמה כאן כדי לקבל מושג איך עובד BookBlock.