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

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

בהתחשב שיש הרבה ספריות JavaScript שעדיין לא כיסנו בסדרה זו, הפרק הזה יכלול עוד plugins jQuery וכמה הפניות כדי לשפר את היכולות שלנו כמפתחי אינטרנט. בואו נבדוק אותם.

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

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

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

jQueryMy

jQueryMy הוא תוסף jQuery לטפל בזמן אמת מחייב נתונים. זה תואם עם פקדי דפדפן יליד או תשומות, כמו גם ספריית ממשק משתמש כמו ממשק המשתמש jQuery מהקופסה. הוא מצויד אימות, עיצוב מותנה, וניהול תלויות מורכבות אשר נראה לעשות את זה נהדר - עדיין, קל יותר - חלופה למסגרת MV * כמו Backbone.js, Ember.js ו Vue.js

ראש

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

חלקלק

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

סקיצה

בקיצור, SketchRunner דומה לזו OS X זרקור, אלפרד, או את לוח פקודות SublimeText. זהו הרחבה סקיצה כי נותן ממשק חיפוש פשוט כדי לבצע מספר משימות בדרך כלל בתפריט האפליקציה. זה יעיל כדי לעזור לך להיות פרודוקטיבי יותר.

CSS הניתן לשמירה

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

תבניות Flexbox

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

מנורת לבה

Infinite Scroll הוא ממשק פופולרי באינטרנט שבו הוא מושך תוכן חדש כאשר אנו מגיעים לתחתית הדף. Lavalamp היא ספריית JavaScript, שכותרתה תחליף ל - Infinite Scroll. בדוק את ההדגמה.

גליו

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

קולור

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

CSSX

CSSX הוא כלי זה מאפשר לך לכתוב CSS ב- JavaScript. שום דבר לא השתנה אם כי; זה אותו תחביר CSS יליד עטוף בפונקציה JavaScript. אני באמת לא הבנתי עדיין איך אני יכול למנף CSSX בכל הפרויקטים שלי אבל זה נראה מגניב והוא בהחלט ראוי להזכיר.