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

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

עבור אצווה של יולי 2015, אנחנו highlighing כלים טריים ומשאבים שיאפשרו את המשימות שלך, החל וורדפרס plugins המאפשרים לך לפרוס עדכונים plugin פרטית לספריית JavaScript להוסיף אנימציות מרתקים.

אלדין

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

CSS

SiteOrigin CSS הוא תוסף WordPress חזק כדי להתאים אישית את המראה כל נושא בזמן אמת. תוסף מוסיף פאנל חדש תחת מראה> CSS מותאם אישית בתפריט. שם, אתה יכול לכתוב כללי CSS מותאמים אישית כדי להחליף את CSS של ערכת הנושא שבה אתה משתמש, או שאתה יכול גם להשתמש בלוח GUI להוסיף את הכללים CSS אינטואיטיבית.

DynamicsJS

DynmaicJS היא ספריה ליישם אנימציה פיזיקה מבוסס. אני לא מומחה לפיזיקה אבל הדוגמאות כאן בתפריט זה נראה ממש מגניב. זה יכול הנפשת HTML ו- SVG אלמנטים, וזה נותן לך ביצועים מהירים ללא כל תלות. DynamicJS נבדק ב- Safari 7+, Firefox 35+, Chrome 34+ ו- IE10+.

מצב טיסה

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

Coverr

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

VibrantJS

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

הדרגתית

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

מטהר

PurifyCSS מנקה את כללי CSS שאינם בשימוש מתוך גיליון הסגנונות שלך. אתה יכול להשתמש בו כדי לקצץ גדלים stylesheet של מסגרות גדולות כגון Bootstrap ואת הקרן על ידי עד 40%. PurifyCSS זמין כמו תוסף Grunt ו Gulp.

כותרת הון עבור וורדפרס

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

GitHub Updater

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

דוגמאות קוד

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