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

בתשלומים האחרונים שלנו התמקדנו בספריות השונות של Javascript ו- CSS כדי לסייע בבניית אתרים טובים יותר ויישומי אינטרנט. החודש, יש לנו יותר ספריות להמליץ ​​לצד מיקוד קטן על טיפוגרפיה.

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

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

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

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

טיפים JS

JS טיפים הוא אוסף של טיפים JavaScript, חלקם מסתובבים סביב תחביר, קצת על יעילות קוד וביצועים, וחלקם ספציפיים למסגרת כמו AngularJS. טיפים חדשים מתווספים מדי יום ויש כרגע 50 עצות שהונפקו. זה בעצם סימן חובה עבור כל מפתח אינטרנט.

מנהל נוודים

מנהל נוודים הוא יישום GUI לשלוט Vagrant. דומה MAMP, שבו אתה יכול לעצור או להפעיל Vagrant, ולראות אשר נודד פועל כרגע. האפליקציה זמינה עבור מערכת ההפעלה X ו- Windows. אם אתה לא בטוח מה הוא נווד, לבדוק את ההודעה הקודמת שלנו על איך להתקין וורדפרס מקומית עם נודד.

בולמה

בולמה היא מסגרת Frontend. החבילה כוללת כמה רכיבי ממשק משתמש נפוצים של האינטרנט כמו ניווט, הנפתחת, ו (כמובן) את הרשת אשר בנוי כולו עם פלקסבוק. התכונה היחידה חסרה (לפחות, לעת עתה) היא רכיבי JavaScript. מרכיבי Bulma הוא הרבה יותר קל להשוות את Bootstrap, אבל זה צריך מספיק כדי לבנות אתר קטן אך נוחים.

גוטנברג

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

אוקיי

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

ניו אינטרנט טיפוגרפיה

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

צבע בטוח

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

דיאלוג מודאלי נגיש

זוהי ספריית JavaScript זעירה (רק ~ 0.5kb) ל- לבנות חלון שיח מודאלי. להיות נגיש, משתמשים יכולים לפתוח בקלות, לסגור ולנווט באמצעות שיח עם מקלדת ועכבר. החבילה היא פשוט JavaScript חשוף, לא stylings, כך שאתה יכול באופן חופשי לעצב את מודאלית שיח בכל דרך שתרצה.

Mo.js

Mo.js היא חבילה שלמה של ספריית האנימציה של JavaScript. זה בא עם כמה presets כך שתוכל להגדיר ולהפעיל את האנימציה במהירות. זה מודולרי, המאפשר לך להסיר פונקציונליות מיותרת, כמו גם נוזל וחלק. להיות ספרייה חדשה טריים, למרבה הצער, התיעוד עדיין לא מוכן (לעת עתה).

חלקיקים

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