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

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

PHP7 משוחרר גם השנה אשר מציע שיפור משמעותי על מהירות, כמו גם את שחרורו של וורדפרס 4.7 עם המיוחל WP-API תכונה, ו פייסבוק גם הציג את חבילת החבילה אשר עשוי לערער על NPM.

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

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

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

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

בית

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

FuseJS

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

חוט החבילה

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

תפריט שמור

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

גייתונט

Githunt הוא תוסף של Google Chrome מחליף דף הבית של Chrome עם Github מגמה trending. ניתן למיין את התוצאה על סמך התקופה ושפת התכנות. זה, אני חושב, כלי חובה להתקנה עבור כל מפתח להישאר מעודכן עם הכלים shinyest מסביב.

FFocus

לא יכול להתמקד בעבודה שלך רוצה לעשות את העבודה שלך במהירות? נסה FFocus. זה CLI המאפשר לך לחסום את האתר למשך משך זמן באמצעות טרמינל. FFocus יכול להיות מותקן באמצעות NPM על ידי הפעלת npm i ffocus -g פקודה.

Accesslint

AccesslintJS הוא ספריית JavaScript כדי לאמת את האתר שלך עבור נגישות. שימוש בספריה זו הוא קל כמו טוען את זה לפני תג, ואתה תקבל כל האזהרות והשגיאות ממש במסוף DevTools.

צבעוני

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

Micon

Micon הוא סמל גופן של Microsoft Windows 10 פיקטוגרפיות נבחרות. זה יכול להיות החלפת גדול של אשר אני חושב כבר overused.

CSS

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

מקומי על ידי גלגל תנופה

זה GUI App שהופך את הקמת אתר וורדפרס מקומי ב- MacOS שלך כל כך קל. היישום הוא ריבה ארוז עם כלי עזר גדולים עבור מפתחים, כגון; “לחיצה אחת” התקנת וורדפרס, SSH גישה, התקנה קלה SSL, תכנית האתר, ו XIP.io. App היה במחיר של סביב 149USD, אבל הוא עכשיו ניתנה בחינם מאז רכשה ידי גלגל תנופה.

חינם

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

גופן OverPass

גופן OverPass הוא משפחת גופנים המורכבת שמונה משקולות (200-900), אמיתי נטוי, ואת אופי monospace. הגופן ניתן לטעון כמו גופן אינטרנט מ KeyCDN וכן מותקן לשימוש שולחן העבודה. זה בחינם וקוד פתוח.

בסיס טופס

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

חזיתי

זה framwork המשמש לבניית 24ways.org; משאב נהדר כי אתה יכול להסתכל ללמוד טכניקות CSS מתקדמות.

ניצחון

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

תופת

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

Premonish

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

ערכת Starter Kit

זוהי דוגמה של SPA (יישום דף יחיד) שנבנה עם Laravel ו VueJS. זה עדיין עוד משאב נהדר ללמוד פיתוח אינטרנט באמצעות מסגרות - להסתכל על המקור לוק!

Docute

Docute הוא ספריית JavaScript לבניית תיעוד עמוד יחיד. הוא מופעל עם VueJS ונשלח עם מספר צומת עזר המאפשרים לך להגדיר ולהפעיל את התיעוד במהירות.