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

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

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

Keyframes App

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

סימפוני פנתר

“סימפוני פנתר” היא מסגרת PHP מדהים מ Symfony לבצע E2E (מקצה לקצה) הבדיקה. זה בא עם שלה שרת אינטרנט מובנה ויכול למנף את Chrome המותקן במחשב שלך לביצוע הבדיקה E2E.

יתר על כן, הוא תומך JavaScript הוצאות להורג, לכידת מסך, נהג מותאם אישית Selenium, Chrome ו- Firefox. להיות מסגרת עצמאית, אתה יכול לכלול פנתר בכל הפרויקטים PHP כמו, למשל, וורדפרס, ג 'ומלה, וכו'.

מגמות

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

Eagle.js

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

Grape.js

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

Vapid

Vapid הוא CMS חדש שנבנה עם Node.js עם גישה מעניינת וייחודית. רוב CMS, בהנחה שאתה רוצה לכלול סוג חדש של נתונים, ידרוש תחילה להגדיר את הקלט המותאם אישית באזור מרכז השליטה / הניהול.

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

הודעת WP CLI

השם אומר הכול. זה מותאם אישית WP-CLI החבילה להציג הודעות מערכת ההפעלה כאשר WP-CLI כבר נעשה ביצוע. די מפואר.

CSSGr.id

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

גלול רמז

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

פריסטיני

ספריית JavaScript כדי להוסיף אימות לקלט. HTML5 מגיע עם אימות סוג כלשהו כבר עם “הקלד דוא"ל”, ו “מספר = מספר” לדוגמה. אבל אם אתה צריך אימות מותאם אישית שאינו מיושם ב- HTML5, זה ספריית JavaScript יבוא שימושי.

בחירה

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

וודאש

Webdash הוא כלי שיכול להציג את הפרויקט לממשק GUI. זה מתחבר דרך חבילה קובץ במחשב. אז זה יכול להציג את רשימת חבילות NPM, עדכון החבילה, סקריפטים רשומים, להפעיל את התסריט, ואת התצוגה המקדימה של קבצים README ישירות מתוך Webdash. די מדהים!

CanJS

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

צ'יריוז

ספריית JavaScript המיישמת מפרט jQuery Core עבור DOM (Document Object Model) ומיועדת לשימוש בצד השרת. אם אתה עובד עם Node.js תוך כדי ליהנות גם תחביר jQuery כמו AddClass (), attr (), ו למצוא(), זה JavaScript שאתה מחפש.

Colorbox

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

מאפיינים מוקלדים ב - PHP 7.4

PHP7.3 הוא ממש מעבר לפינה, כפי שהזכרנו את הפרק הקודם. אבל PHP7.4 כבר על התוכנית. אחת התוכניות היא נכס מודפס. זה אומר שאתה תוכל בקרוב לכתוב משהו כמו int int $ id; בכיתה PHP שלך. זה שינוי עצום שיכול לעזור במידה ניכרת כדי לצמצם את החרקים יישום PHP שלך.

סטנסיל

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

Vue טעינה אינסופית

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

לוח V

תוסף Vue.js מותאם אישית שעושה את זה קל ליצור “עותק” כפתור. אתה יכול פשוט להוסיף V- הלוח התכונה ללחצן ואתה מוכן. תוסף זה Vue.js עובד עבור כל דפדפן מודרני, כמו גם IE11 ואת האחרונה.

Vue בחר

רכיב Vue.js המספק פונקציונליות דומה Select2. זה מיועד Vue.js כי זה מאפשר להיות תואם Vuex, Custom Templating, וחבורה של טוב אחר.