משאבים חדשים עבור מעצבי אתרים ומפתחים (אוגוסט 2018)

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

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

Pushbar.js

זוהי ספריית JavaScript ליצירת מגירה הזזה. בדרך כלל מגירת הזזה משמשת להצגת ניווט בתפריט האתר, אך באפשרותך להשתמש בספריה זו כדי להציג כל דבר שמתאים לאתר שלך. Pushbar.js הוא להתאמה אישית מלאה ותלות חינם, לא נדרש jQuery.

פחמן עכשיו CLI

פחמן CLI הוא חבילה Node.js ל ליצור מסך קוד יפה באמצעות ממשק שורת הפקודה. כלי זה הוא בהשראת carbon.now.sh שבו אתה יכול לעשות את אותו הדבר באמצעות GUI נחמד בדפדפן.

Faker.js

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

TermToSVG

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

מנהל גיבוי מסד נתונים

זוהי ספריית PHP, וכפי שהשם מרמז, הוא מספק קבוצה של פונקציות להתמודד עם מסד הנתונים גיבוי ושחזור. הספרייה תומכת בשירותים שונים כדי לשלוח או למשוך את הגיבוי מ, כולל Dropbox, אמזון S3, FTP ו- SFTP, ו Rackloud ענן.

תגובה סיביות

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

שפת DSS

DSS מייצג תבניות סגנון דטרמיניסטי, כלי חדש CSS authoring. איך זה עובד ואיך זה יכול להיות מיושם על העבודה שלי היום יום? ללא שם: אני באמת אין לי מושג עד כה. אבל זה נראה מגניב וזה חדש אז זה ברשימה. תודה!

פורג 'ס

PurgeCSS היא חבילת NPM המאפשרת לייעל את פלט CSS ביישום האינטרנט שלך על ידי הסרת אלה שאינם בשימוש. הכלי כולל מגוון רחב של תמיכה מובנית בכלי, כולל Gulp, Grunt, Grunt, Webpack ו- PostCSS, כך שתוכל לשלב אותו לתוך הפרויקט שלך מיד.

RFS

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

פשוט

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

לאראסטן

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

PWMetrics

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

Pax

Pax הוא bundler JavaScript ל להרכיב מודולים JavaScript לתוך קובץ שמיש עבור הדפדפנים. Pax מבטיח מהירות. זה compiles מהר יותר מאשר כמה bundlers חלופיים. הוא תומך באופן מלא ES6 ייבוא ו יצוא תחביר וסלטקס של CommonJS ייבוא. בניגוד pax נכתב עם חלודה והוא זמין דרך חלודה הרישום החבילה שנקרא מטענים.

SustyWP

SustyWP הוא נושא WordPress שמטרתה לגרום טוב יותר; כדי להפחית את פליטת הפחמן על ידי הקטנת גודלו הקטן ככל האפשר. זה משקל רק 7-6kb כאשר נטען על הדפדפן. זה מהיר וקל, ובתמורה היא צורכת פחות משאבים (למשל חשמל) כדי לטעון את האתר. בדוק את נושא backstory בהודעה זו על ידי ג'ק Lenox.

ספריית הדודל

א אוסף רישומי שרבוט, הספרייה שרבוט יש שפע של ציורים באוסף והם מקובצים למספר קטגוריות פנים, מקומות, בעלי חיים, וכו '. ציורים זמינים בפורמט SVG והם מופצים תחת Creative Creative ייחוס 4.0

Tilt.js

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

פילרום

Fileroom הוא יישום אינטרנט עבור peer-to-peer שיתוף קבצים בתוך אותה רשת. אתה יכול לשתף קבצים עם עמית שלך פשוט על ידי גרור- n- ירידה ללא קשר למערכת ההפעלה. זה עובד ב- Windows, MacOS, Linux.

Coolhue

אוסף של צבעים בהדרגה צבע, Coolhue מאפשר לך לתפוס את צבעי דוגמיות צבע עבור Photoshop ו- Sketch App או להתקין אותו לתוך הפרויקט שלך באמצעות קשתות או npm. זה אמור לחסוך לך קצת זמן להרים צבעים עבור האתרים הקרובים שלך.

שונית

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

אוורגרין

אוסף של רכיב ממשק משתמש מ- Segment.io. המרכיבים הם מגוונים למדי; מלבד כמה רכיבים רגילים כמו לחצנים, סמלים, קלט טקסט, יש כמה כי אני חושב הם ייחודיים אוורגרין כגון טוסטר, גיליון צד, דיאלוג פינת.