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

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

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

WPRIG

כל אחד ב- Starter WordPress הנושא שנוצר על ידי Morten Rand-Hendriksenand מצויד עם לבנות תהליך מראש באמצעות כלים מודרניים כמו Gulp, Babel, ESLint ו- Visual Studio אינטגרציה קוד. זה יעזור לך ליצור נושא WP גדול ללא טרחה של הגדרת כלי הפיתוח המקיפים.

VueNative

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

סקיצה

אנשים ב 10up שיחררו רק SketchPress שהוא תבנית סקיצה ליצירת במהירות mockups ממשק וורדפרס ממשק. זה ארוז עם ממשק משתמש משותף כמו לחצן ראשי, שורת התפריטים, דאשיקונים, Metabox וכו 'SketchPress הוא כלי נלווה נהדר עבור מפתחי וורדפרס כדי ליישר את תוסף ואת ערכת הנושא הגדרות או דף אפשרויות עם מנהל וורדפרס ממשק משתמש.

דוק

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

אנימסטה

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

GridToFlex

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

RatioBuddy

כלי נחמד ליצור תיבה עם CSS עם יחס מוגדר, לדוגמה, 1: 1, 3: 4, וכו 'הכלי יפיק את הקוד בפורמט SCSS להעתיק.

כיצד

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

היסטוריה לדוגמה

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

Transfer.sh

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

סונאר

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

JSUI

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

BrainMonkey

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

פרקטל

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

Ant Pro עיצוב

“אנטי-דיזיין” הוא אחד מסגרות ממשק המשתמש הפופולרי מבוסס על React.js וזה שלה “המק” גרסה המיועדת ליישום ארגוני. הוא כולל מספר רכיבים נוספים שאינם בחבילה הנפוצה של AntDesign כגון AvatarList, HeaderSearch ו- TagSelect.

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

LuminJS

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

פקודות

נוח NPM חבילה לבנות אינטראקטיבי CLI באמצעות Node.js. הוא תומך הפקודה הבסיסית, אפשרויות מרובות, דינמי הפקודה סוגים רבים של תשומות כמו סיסמה, טקסט, מספר, דוא"ל וכו '.

תפיסה

תוסף WordPress מגניב זה היה לשפר וורדפרס מדיה חיפוש בספריה על ידי סיווג תמונות באמצעות ממשק API של Google Cloud Vision. לדוגמה, אם העלית את “ציפור” תמונה, אתה יכול לחפש את התמונה באמצעות מילת המפתח “ציפור” בין אם מילת המפתח כלולה לשם התמונה, לשם הקובץ או לנתוני המטא.

DevTube

אוסף של קטעי וידאו, משך מ- YouTube, של כמה כנסים למפתחים כמו JSConf, Google TechTalk ו- O'Rely. עכשיו לקבל את הפופקורן ואת רמת כישורי התפתחות שלך.

Reactive.how

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