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

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

בתשלומים אלה, אספנו מספר כלים חדשים, הכוללות ספריות JavaScript, כמה ספריות CSS, וכן הפניה כדי לשפר את המיומנות שלך. בואו נבדוק אותם.

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

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

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

הכיתוב

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

מדהים OSX שורת הפקודה

An רשימה ענקית של שימושי הפקודה שורות שימושי עבור MacOS. כאן אתה עלול למצוא הרבה דברים שניתן לעשות באמצעות CLI כגון “לנקות את תור ההדפסה”, “מחיקת תיקיה ב - Finder”, ו “מניעת שינה המערכת”.

טרבור

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

בהדרגה

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

QartJS

זהו JavaScript זה עושה קוד QR פחות משעמם. עם זאת, אתה יכול לכסות את קוד QR על תמונה - כגון התמונה שלך.

WP מעגן

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

רלקס

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

לבטא

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

מונטיז

MonetizeJS היא ספריית JavaScript ליישם פס בקלות; קל כמו באמצעות jQuery.

ווני

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

וורדפרס רכיב ספריית

10up, אחד השמות הבולטים ב- WordPress, פרסם ספריית ממשק משתמש במיוחד עבור וורדפרס. שלא כמו ספריית ממשק המשתמש השני אשר מספק רק CSS ו- HTML קודים, 10Up גם מספק את קטע הקוד PHP שאתה יכול להדביק רק את ערכת הנושא. הרכיב כולל ניווט, כרטיסיות, תיאורי כלים, Commonts, ו Blogrol.

ביצועי Startup של JavaScript

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

KuteJS

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

PWA סלעים

יישום אינטרנט מתקדמת (PWA) היא מתודולוגיה כי מאפשר אתר אינטרנט לרוץ מהר ו שמיש לא מקוון. זה PWA סלעים רשימה שאושרה על ידי Google כמו PWA. ל למידע נוסף על PWA מ- Google תסתכל על: פרוגרסיבי Web Apps.

Github Auto-Updater

Github Auto-Updater הוא ספריית מלחין המאפשר התוסף שלך להתעדכן מ Github. זהו סקריפט שימושי עבור מפתחים לשמור plugins עבור הלקוחות שלהם ללא בהכרח להעלות אותו למאגר Github.

כרטיס

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

גראף

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

לוקסבר

Luxbar הוא CSS כדי ליצור ניווט תגובה בקלות; פשוט להוסיף את גיליון סגנונות ולהוסיף את ה- HTML כראוי. ניתן להתקין ספריה זו באמצעות NPM, Bower או לקשר את גיליון הסגנונות ישירות מה- CDN.

רשת ניגודיות

רשימה של טבלה מראה ניגודיות צבע הציון שלהם accesibility מבוסס על WCAG 2.0. באפשרותך לשנות את הערך בטבלה ולברר במהירות אם שילוב הצבעים תואם לתקן WCAG.

ToneJS

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