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

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

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

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

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

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

סלינקי

א תוסף זה מאפשר לך לייצא את Artboard לתבנית דוא"ל HTML בלחיצה פשוטה. Slinky נמצא כעת בשלב הפיתוח הפעיל, עם זאת, ישנם עדיין כמה דברים כי הם מחוספס על הקצוות. אז פעל לפי ההנחיה לקבל את הפלט הטוב ביותר האפשרי.

Boilrplate

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

גרידי

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

יסודות תגובה

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

שולחן העבודה של מארז

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

מתרגם

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

TippyJS

נחמד ספריית JavaScript כדי לבנות תיאור קצר, TippyJS מגיע עם שפע של הגדרות כדי להגדיר כיצד tooltip צריך להופיע ולהתנהג. זה 'themeable' בצורה שאתה יכול להתאים אישית את המראה בקלות באמצעות CSS. מפתחים יעריכו במיוחד את “התקשר חזרה” זה מספק.

עיצוב תבניות PHP

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

גוזל

גוזל הוא שימושי PHP הספרייה לבצע בקשות HTTP עם שיטות שונות כמו “לקבל”, “הודעה” ואפילו ASync בקשות דומה JavaScript. זה בא עם שפע של שיטות פונקציה שבו אתה מקבל בקלות את התגובה מהבקשה שנעשו, כולל התגובה כותרת, הגוף וכן את קוד המצב.

Mini.css

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

פשוטים

א אוסף של סמלים של חברות ומותגים מ פופולריים כמו eBay, Viber, Dribble ו- Google+ לפחות אלה פופולריים כגון גיטר, קירבי, Viadeo. ה הסמלים באים בפורמט SVG והוא יכול להיות משאב נהדר עבור מעצבים והן מפתחים.

מנהל MySQL של

א תוסף Chrome לניהול מסד הנתונים MySQL. זוהי חלופה מצוינת לאפליקציות כמו Sequel Pro ו- MySQL Workbence.

נומי

Numi הוא פשוט, יפה מחשבון ייחודי App עבור Mac. פשוט להקליד “10USD ב SGD” ואתה מקבל את התוצאה!

לארדוק

א תצורת Docker לרוץ Laravel. Laradock תומך מנועי מסד נתונים שונים, כולל MariaDB ו MongoDB, כמו גם מטמון מנועי כמו Redis ו Memchaced. למרות שזה נקרא על שם לרבול, אתה יכול להשתמש בו עבור מסגרות אחרות או פלטפורמות כמו וורדפרס ודרופל גם כן.

Fabrica

Fabrica הוא אוסף של כלים לפתח WordPress מתחילתו ועד סופו. Fabrica משתמש Docker עבור פועל במהירות להגדיר סביבת הפיתוח מעלה ומשתמש WordMove עבור הפריסה.

האסקי

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

EasyMap

EasyMap עושה את זה לחלוטין קל לעבד ולהוסיף סמנים במפות Google. כל שעליך לעשות הוא להוסיף את מפתח ה- API של מפות Google ולספק את כתובת המיקום ב- פורמט JSON וסיימת.

וופלייזר

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

מדריך

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

Chroma.js

Chroma.js הוא ספריית JavaScript כדי לתפעל צבעים. הוא תומך בעיצוב צבע רבים כולל HEX, RGB, ו RGBA. נוסף על כך, אתה יכול גם לתפעל את הצבעים על ידי הבהירות, הניגוד, ואת הרוויה.