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

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

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

Kutt

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

WordHat

WordHat הוא כלי לשלב Behat וורדפרס. Behat הוא קוד פתוח מונע התנהגות (BDD) במסגרת PHP שבו אתה יכול לבדוק את יישום ה- PHP שלך בדרכים יותר אקספרסיבי.

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

דפדפן WP

בדומה WordHat, WP-Browser הוא הרחבה של Codeception תוכנן במיוחד עבור יישומי וורדפרס, ערכות נושא, ותוספים. Codeception הוא כלי לביצוע בדיקה על הבקשה שלך, בדומה PHPUnit ו Behat, אבל זה ארוז עם יותר. בזה, אתה יכול לעשות בדיקות דפדפן, BDD, בדיקות אינטגרציה של יחידות, ובדיקות API.

הצומת WP בינאום

השם מדבר בעד עצמו. זהו מודול NodeJS כדי להפוך הרבה דברים כדי בינאום ערכות נושא או plugins. התקן את המודול והקלד קומפיית wpi18n כדי ליצור את קובץ POT מתוך הטקסט הניתן לתרגום בפלאגין או בערכות הנושא של WordPress.

תודה

עוד מודול NodeJS זה trending ב Github לאחרונה. “תודה” רצון ליצור רשימה של מתכננים של חבילות בשימוש על קוד פתוח הפרויקט שלך ולקשר אותו לתרומתם או לדף האוני-קולקטיבי כסימן להוקרת תרומתם לקהילה.

צור בלוק גוטן

גוטנברג שומע ויישלח עם WordPress 5.0. זה NPM מודול כדי ליצור גוטנברג בלוק פיתוח boilerplate עם ערימה מודרנית כגון React, Webpack, Babel, ו Sass. פשוט להפעיל את שורת הפקודה ,ליצור גוטן בלוק, ואתה מוכן.

WP Vue

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

גירוי

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

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

מאנטה

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

React סטטי

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

Piklist

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

סטראפי

א תוכן agnositic CMS מסגרת לבנות API תוכן. זה מאפשר לך לעצב מבנה התוכן שלך ואת ה- API, כמו גם מספק לוח מנהל יפה כדי לנהל אותם. עם זאת, הוא אינו מספק מערכת התבנית המובנית. זה מציע לך לבחור כל ספריית Front-end של העדפתך כגון React או Vue.

ParcelJS

ParcelJS הוא bundler כמו Webpack ו Browserify, חוץ מזה הוא לוהט מהר יותר דורש אפס תצורה. זה תומך bundler פיתוח משותף HTML, JS, CSS ו שנאים כגון PostCSS ו- Babel מחוץ ל- Xbox. אז, אתה יכול פשוט להתמקד בקוד שלך במקום לבזבז זמן על התצורה.

טוב

ספריית הצג לחצן מדיה חברתית עם מספר המניות עבור כמה מדיה חברתית. הוא תומך מדיה חברתית רבים, כולל אלה שמעולם לא שמעתם על כמו Vkontakte, Odnoklassniki, SurfingBird, גם כמה פלטפורמת messinging כמו Skype, WhatsApp, ו LINE. GoodShare זמין גם כרכיב Vue.

העתק

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

עצב

Nerv הוא עוד אחד ספריית VirtualDOM תגובתי; אלטרנטיבה ל- ReactJS. זה מביא את תחביר מוכר JSX של React אבל עם כמה הבדלים נכבד. Nerv תומך ב- Internet Explorer 8! וזה רק שליש בגודל ריאק. ובכל זאת, Nerv תואם ל- React Add-ons, לאירועים המורכבים ביותר.

HyperappJS

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

VulcanJS

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

Koa11y

יישום שולחן עבודה עבור Windows, MacOS ו- Linux לבחון בעיות נגישות באתר. Koa11y יספק הודעות ואזהרות אם האתר שלך מפר את תקני נגישות.

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

טבלה

ממש יפה למראה יישום GUI לנהל את מסד הנתונים. TablePlus תומך במגוון רחב של מנועי מסד נתונים כולל (כמובן) MySQL, SQLite, Redis, Postgres, MS SQL, ועוד הרבה. TablePlus זמין עבור MacOS ו- Windows.