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

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

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

VuePress

כלי חדש של היוצר של Vue, VuePress הוא גנרטור אתר סטטי שתוכנן עם Vue.js בראש. זה מייצר מראש הופך HTML סטטי עבור כל דף, ו פועל כ- SPA (יישום עמוד יחיד). זה מגיע עם כמה תכונות מחוץ לקופסה, כולל היכולת להוסיף מזהה Google Analytics, חיפוש, הבא ו prev ניווט, Sidebar ו PWA.

IMG-2

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

טאבלר

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

DaySS

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

UnifiedArchive

ספריית PHP להתמודד עם קבצים דחוסים, UnifiedArchive תומך במגוון רחב של פורמטים כולל RAR, Zip, Gzip, טאר, ועוד הרבה סוגי דחיסה אחרים. עם ספריה זו, אתה יכול ארכיון לחלץ קבצים או ספריות. הוא מספק קומץ של ממשקי API כדי לתפעל קבצים לאחר שהוא הוצא מהארכיון. UnifiedArchive זמין כחבילה Composer.

מעבדת הלמידה של גית'וב

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

יחידת WordPressTest DOM Parser

טיפ נחמד מ Takayuki Miyauchi ב בדיקת DOMElement בעת ביצוע UnitTest ביישומי וורדפרס. אני אישית מצאתי את זה באמת שימושי; מקווה שתמצא אותו אותו הדבר.

Popmotion

ספריית JavaScript עבור אנימציה חלקה Buttery באינטרנט, “Popmotion” מספק API שנקרא פיזיקה המאפשר לך ליצור עם כמעט אפקטים אנימציה בחיים האמיתיים. זה לא פותח; הספרייה פשוט ערכי פלט בהתבסס על הקבוצה הספציפית של התצורה. זה מאפשר לך ליישם את אלה פלטי כדי הנפשת כל בינוני כולל CSS, SVG, Three.js ואפילו React.js.

Driver.js

ספריית JavaScript המאפשרת לך “נהיגה” המשתמש להתמקד בדף. תכונה זו שימושית במיוחד אם ברצונך להציג תכונות ספציפיות או להנחות אותן למשימות ספציפיות בדף. Driver.js הוא פשוט 4 KB בגודל, להתאמה אישית, ומקלדת ידידותי.

החלף GIF מונפש עם וידאו

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

מסכת טקסט

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

השוואת מהירות האתר לנייד

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

VueNut

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

FoundationDB

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

סיפורים

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

GhostText

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

קואלה

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

ReactStrap

ReactStrap הוא אוסף של רכיבי Bootstrap 4 שהופכים למרכיבי Reactable הניתנים לשימוש חוזר. אם אתה רוצה לחדש את האתר הישן שלך מבוסס Bootstrap, ספריה זו היא משהו שאתה אולי רוצה להסתכל.

Reacto

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

PicoJS

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