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

הזמן זבובים ואנחנו עכשיו באמצע 2017. בחודש זה בתשלומים של חודש, יש לנו מערך של ספריות JavaScript גדול ועוד כמה כמו תוסף כדי לאפשר GraphQL ב - WordPress, יישום שולחן העבודה כדי לעבד נתונים CSV, וכמה אתר מסגרות. בואו נבדוק אותם.

HeroPatterns

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

TestCafe

TestCafe הוא end-to-end (e2e) כלי בדיקה המאפשר לך לבדוק את אתרי האינטרנט שלך ואת יישומי אינטרנט כאילו זה נמצא בשימוש על ידי משתמשים אמיתיים. זה יהיה להפוך כמה דברים בעת ביצוע הבדיקה כולל החל את הדפדפנים, להפעיל יחידת הבדיקה שצוין, להפיק דוחות, צילומי מסך, כמו גם sourcemap כדי לפתור שגיאות בקלות.

SugarJS

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

גברת

ספריית JavaScript שימושית להפוך את הזמן, מספר מחרוזת קבוע אל מילי שניות. ms ('2 ימים'), לדוגמה, יומרו ל 172800000.

pa11y

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

סמלים נוצות

א אוסף, סמלים, מודרני, vibe. סמלים אלה הם התאמה מושלמת עבור אתר אינטרנט ויישומים המיועדים לכל פלטפורמות (iOS, Windows, או אובונטו). הסמלים נכנסים SVG כמו גם React ו זווית רכיבים.

טיסה React

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

BounceJS

ספריה ל ליצור אנימציות עם אפקט להקפיץ. האנימציה מונעת על ידי CSS3 ומספר הנפשות קבועות מראש. באפשרותך להתקין את ספריית JavaScript באמצעות npm, bower או פשוט להעתיק את האנימציה CSS שנוצר באתר.

בויילר

Bojler הוא מסגרת דוא"ל עם קו מנחה לכתיבת קוד HTML זה יעבד כראוי על רוב לקוחות הדוא"ל הפופולריים. תוכל למצוא מסגרות דוא"ל נוספות בפוסט הקודם שלנו.

דייקון

אוסף של סמלים של שפות תכנות, עיצוב, וכלי פיתוח. הסמלים זמינים בפורמט SVG ו- Font. בפרט סמלים כגון Firefox, AWS ו- HTML5 מגיעים גם עם הגרסאות המפורטות שלהם. די מגניב הנכון?

עכשיו UI Kit

ממשק אוסף תגובה מבוסס על Bootstrap 4. זה כולל 50 אלמנטים ו -3 תבניות מותאמות אישית. מלבד גירסת HTML, ממשק המשתמש מסופק גם בתבניות PSD ו- Sketch.

T-Scroll

T-Scroll הוא ספריית JavaScript להחלת אנימציה כאשר אלמנט גלוי ביציאה. הוא מצויד קומץ אפשרויות ואנימציות מראש.

עורך Ory

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

TadViewer

TadViewer הוא נוח יישום שולחן העבודה כדי להציג CSV וזה עובד על נתונים גדולים וקבצים. האפליקציה זמינה ב- MacOS, Windows ו- Linux.

גלילה חלקה של Polyfill

גלישה חלקה הוכיחה לשרת חווית משתמש נעימה יותר. כעת מוצע וניסח רשמית ב- W3C. כרגע, הוא פועל רק ב- Chrome, Firefox ו- Opera. השתמש בספריה זו לחקות את התנהגות הגלילה חלקה ב- Internet Explorer ו- Safari.

לא תודה

ספריית JavaScript להצגת הודעות, Noty מקל על הצגת הודעת Alart, הצלחה, שגיאה, אזהרה, מידע או הודעת שיח. זה יכול לשמש יחד עם ספריית אנימציה כמו mo.js ו bounce.js כדי להפוך את שקופיות ההודעה פנימה והחוצה בחינניות.

קלאס

Hopscotch הוא פרוייקט קוד פתוח המיוצר על ידי LinkedIn. זוהי מסגרת כדי להקל על מפתחים להוסיף סיורים המוצר. בדוק את ההדגמה עבור דוגמה חיה ו- API.

הסקר

SurveyJS הוא עוד ספריית JavaScript מדהים. כפי שהשם מרמז, זה שנועדו ליצור תשומות סקר. הוא כולל סוגי קלט שונים כדי למלא את התשובות הסקר ו יש גם ported למספר מסגרות JavaScript הפופולרי כולל AngularJS, VueJS, ו React.

WP גרף

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

עורך מונקו

מונקו עורך הוא עורך את זה כוח קוד חזותי עורך. הוא נבנה על ידי מיקרוסופט ותומך מספר שפות מתוך התיבה כולל HTML, CSS, LESS, CoffeeScript, ו- PHP יחד עם Intellisense שעוזר לך לכתוב קוד מהר יותר.