משאבים חדשים עבור מעצבי אתרים ומפתחים (מרץ 2017)
עם CLI (שורת הפקודה ממשק) אנחנו יכולים לייעל ולהפוך את זרימות העבודה של האינטרנט לאוטומטיות. ובגלל זה בתשלומים זה כללנו לא מעט CLIs מדהים שאתה יכול להתקין במחשב המקומי שלך או להפעיל כמה דברים בשרת. נוסף על כך, כללנו גם כמה כלי PHP, הרחבות דפדפן וספריות JavaScript. בואו נבדוק אותם.
לחץ על משאבים נוספיםלחץ על משאבים נוספים
מצא את כל אוסף המשאבים המומלצים שלנו ואת העיצוב הטוב ביותר ואת כלי הפיתוח הזמינים.
גוצלי
מקודד חדש מ- Google זה מאפשר לדחוס את התמונה עד 35% מן הגודל הראשוני תוך שמירה על איכות. זה די פריצת דרך בהתחשב בכך קוד פתוח קודאי, כגון JPEGOptim ו jpegtran, הם כתרים רק 20% על avarage. אני יכול לראות כי יהיו מספר יישומים ותוספים עבור פלטפורמת CMS שילוב Guetzli כדי לייעל קבצי JPEG.
מפת דרכים למפתחים
כפי שהשם מרמז, מפת הדרכים מפתחת היא אינפוגרפית של המסע להיות מפתח אינטרנט. ישנם שלושה קורסים Front-end, Back-end, and Devops. מפות הדרכים האלה הן, כמו, מפה; והם התייחסות מצוינת לראות איפה אנחנו נמצאים כרגע, מה היינו עלולים להחמיץ, ולאן אנחנו הולכים הבא.
Netlify CMS
SmashingMagazine עשה לאחרונה נועז להעביר תעלה וורדפרס ולנסות משהו חדש לגמרי עם מערכת ניהול תוכן חדשה בשם Netlify CMS. זהו CMS חדש שנבנה על גבי React.js והוא יכול להיות משולבת עם כל גנרטור האתר סטטי כמו ג 'ייקל, הוגו, ו MiddleMan.
BadSSL
זה כדי לבדוק את תצורת ה- SSL. BadSSL הוא כלי שימושי לביצוע שגיאות באגים ושגיאות ב- SSL המותקנות באתר שלך.
אליקס
אליקס הוא תוסף Chrome שמאפשר לך לבדוק את מידת ההישג של האתר שלך. לאחר ההתקנה והפעלתו, הפלאגין יוסיף תיבת שכבה על מספר אלמנטים בדף אשר מהווים אזהרה או שגיאות.
AR.js
AR.js הוא ספריות JavaScript בניגוד לאחרים. ספריה זו מאפשרת לנו ליצור מציאות מוגברת באמצעות טכנולוגיית אינטרנט, ו מפתיע פועל ממש מהר על טלפונים ניידים.
מגיב React
זה תגובת רכיב מ- Unsplash ליצירת תרשים קו מקסים בדרך כלל להצגת מגמות. הרכיב הוא להגדרה; אתה יכול להגדיר את עובי הקו, צבע, gradients, ואת החלקות עקומה. אתה יכול פשוט להשתמש GUI ל בנוחות ליצור את קוד הרכיב.
גיטי
א MacOS יישום כדי לפקח על פעילות Github שלך ישירות משולחן העבודה שלך, Gitee מוסיף פריט חדש בשורת המצב המציג מספרים של כוכבים, עוקבים והודעות. בנוסף, ניתן גם להציג תרשימים של דחיפה שלך מתחייב על מאגר וכן מגמה trending על החודש והשבוע הנוכחי. זה Github על שולחן העבודה בקצור נמרץ.
Goops
Goops הוא שימושי CLI כי תנתח את המדריך הפרויקט שלך ולקבוע את ספריות וקבצים להוסיף ב .gitignore. CLI יכול להיות מותקן באמצעות NPM. לאחר ההתקנה, הקלד goops ונגמר.
Debug CSS
DebugCSS הוא CSS Drop-in כלי המאפשר לך לנתח ולאמת את הפלט שלך CSS בדפדפן. זה עובד די דומה Alix, כאשר אתה טוען את גיליון debugCSS או להשתמש בסימניה, זה מדגיש את האלמנטים בדף המציגים שגיאות או אזהרות.
EagleJS
EagleJS הוא ספריית JavaScript כדי ליצור מצגת - - בדומה RevealJS. EagleJS שונה במובנים מסוימים; הוא נבנה באמצעות Vue.js, מסגרת MVC JavaScript, ולהשתמש Pug כמו מערכת טמפלטינג לבנות את השקופית.
BootstrapTour
א JavaScript כדי לבנות מדריכים קופצים באמצעות רכיב Bootstrap. המדריכים הקופצים מופיעים בדרך כלל עבור משתמש חדש כדי לעבור אותם דרך ממשק היישום, תכונות חדשות, וכן להצגת עצות. זוהי ספריה מושלמת אם האתר שלך בנוי עם Bootstrap גם כן.
לבנים
הלבנה היא ספריית JavaScript המיועדת לבניית ממשק משתמש של יישום אינטרנט. תמצא כמה אלה נפוצים כמו לוח שנה, תפריט, טופס בין רכיבים ארוזות, הוא גם מגיע עם "Storage-indexeddb" רכיב כדי לאפשר לך לאחסן נתונים בצד הלקוח באמצעות IndexedDB.
OctoTree
OctoTree הוא כלי נחמד המאפשר לעיין בקודי המקור וקבצים על Github עם מבנה עץ כמו IDEs או עורכי קוד. הוא מגיע כתוסף עבור Chrome, Safari, Firefox ו- Opera, וזמין במאגר ההוספה הרשמי שלהם. Octotree תומך במאגר פרטי ו- Enterprise Github.
Github הודעה
עוד תוסף Github שימושי עבור Chrome. לאחר ההתקנה תוכל לקבל הודעה גם אם אתה כרגע לא על דפי Github. תוסף נהדר אם אתה רוצה להישאר לולאה עם המאגרים שלך.
מפנה
Deployer הוא כלי לפרוס את אתרי PHP. זה עובד עם מספר מסגרות פופולריות פלטפורמות כולל וורדפרס, דרופל, Magento, Laravel, ו CodeIgniter. באמצעות כלי זה, אתה יכול לחבר מתכונים משלך, פקודה להפעיל במהלך הפריסה. זה בא עם גלגל לאחור תכונה המאפשרת לך לחזור לגרסה הקודמת במקרה של כשלים.
PHPStan
CLI כדי לסרוק קבצי PHP כדי למצוא שגיאות מבלי לבצע את זמן הריצה. זה אומר שאתה לא צריך מלא מחסנית הסביבה PHP כדי debug את קבצי PHP על הפרויקט שלך.
NGINX
אוסף של תצורות Nginx נפוצים הכוללות הגבהה למטמון אחורה, חיבור ובקשת שיעור בקשות, וכן כמה שיטות עבודה מומלצות אחרות להגדלת האתר שלך למהירות ולכוונן אותו לצורך העומס על התנועה.
תוסס
Bubbly הוא שורת פקודה מצוינת כי אתה יכול להתקין בשרת שלך כדי ליצור, לנהל, ולחדש תעודה עם בואו להצפין. Doplying SSL הוא עכשיו מקבל כל כך הרבה יותר קל.
רשת ואפל
עם זאת, עוד רשת רשת CSS שנבנה עם Flexbox כי אני חושב שאתה צריך להסתכל.
