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

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

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

לחץ על משאבים נוספים

לחץ על משאבים נוספים

מצא את כל אוסף המשאבים המומלצים שלנו ואת העיצוב הטוב ביותר ואת כלי הפיתוח הזמינים.

קא

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

סיזי

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

Muse ממשק משתמש

א UI הספרייה מבוסס על עיקרון עיצוב החומר ובנו על גבי Vue.js 2.0, Muse ממשק המשתמש הוא ארוז עם חומרים עיצוב Compenents כגון Appbar, כרטיס, ו דיאלוג. זה נהדר מסגרת לבנות ולהפעיל ממשק משתמש במהירות.

מתקדם WP-CLI

אני מעריץ גדול WP-CLI ולהשתמש בו כמעט כל יום בעבודתי כמפתח וורדפרס. עם זאת, רק לאחרונה גיליתי כי WP-CLI מאפשר לך ליצור PHP UnitTest פיגום עבור נושא! זוהי רשימה של שימוש מתקדם WP-CLI מ מתאם WP-CLI, דניאל Bachhuber, בעצמו.

טירוף

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

K6

מהירות ענייני כמעט בכל היבט של יישום אינטרנט. אבל איך אתה למדוד את המהירות של האתר שלך? טוב, התשובה היא K6. זה מדמה את התנועה לאתר האינטרנט שלך טוען את האתר על משך נתון כאילו היא תנועה אמיתית. בקיצור, K6 הוא טבלת ביצועים.

שירות בודק

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

SVGito

הוא כלי אינטרנט קטן בצע אופטימיזציה של SVG שנוצרה מאפליקציית Sketch. הדבק את קוד ה- SVG שלך באתר והוא יחזיר את הקוד המיטבי באופן מיידי.

Launchaco

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

מגונה

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

גיליון בגד רשת

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

תיבת עבודה

Workbox הוא יוזמה חדשה של Google לבנות יישום אינטרנט מתקדמת (PWA). זה דומה Yoman או ליצור תגובה App בצורה שאתה יכול לקבל הכל למעלה מוכן בשורה אחת של פקודה.

Mavo

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

ממשק משתמש מהותי

Simlar ל Muse ממשק משתמש, הוא ממשק המשתמש מבוסס על שפת עיצוב Meterial. זה אחד בנוי עם זאת באמצעות React. זה עכשיו עד ההעדפה שלך; אם אתה עם צוות Vue.js או צוות תגובה.

תמונה עצלה

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

Mac CLI

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

אתה ער

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

עדכון JSON

סוף כל סוף! זה מפרט סטנדרטי לאספקת הזנת תוכן ב- JSON פורמט. יש כבר וורדפרס pluginhre> נבנה עבור היישום. זה צריך להפוך את החיים של מפתחי אינטרנט קל יותר. בוא פשוט להיפרד מ- XML.

פחמן

בקיצור, פחמן הוא Moment.js של PHP. זוהי ספריית PHP ליצור ו לתפעל מחרוזות תאריך ושעה.

מהירות

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