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

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

כמו כן נכללים משאבים על HTTP2, מונחים טיפוגרפיים, בניית אתרים מוכנים לנגישות ומנוע חיפוש לתחביר שפת תכנות. בואו נבדוק אותם.

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

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

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

פוליו נחיתה

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

שאילתות אלמנטים

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

HTTP2

HTTP2 הוא המפרט האחרון של HTTP עם שינויים משמעותיים. הוא מבטיח ביצועים טובים יותר ויעיל העברת נתונים. במשאב זה, תוכל למצוא שינויים אלה (בפירוט רב), את השפעתה על אבטחה, מהירות וחווית משתמש.

אלמנט

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

TimeDropper

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

תחביר

מנוע חיפוש כדי לחפש תחביר שפת תכנות. הוא תומך כעת במספר שפות, כולל Java, C, Ruby, JavaScript ו- Python. זה יכול להיות מנוע החיפוש האולטימטיבי עבור מפתחים כמו מסד הנתונים ואת התמיכה בשפה גדל.

ממשק המשתמש Github כהה

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

מיקרו

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

BarbaJS

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

TypeTerms

תהית פעם מה ההבדל בין “ריווח אותיות” ו “צימוד אותיות” J? TypeTerms הוא מצגת אינטראקטיבית שבה אתה יכול ללמוד אלה מבלבלים טיפולים טיפוגרפיים.

ButterBean

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

בדיקת נושא הילד

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

ממשק משתמש של CloudFlare

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

לרנה

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

תרגע

תרגע היא ספריית JavaScript כדי לעזור להפחית את השימוש ב- CPU. הוא מספק קבוצה של פונקציות שניתן להשתמש בהם במקום פונקציות יליד JavaScript. ניתן לפרוס אותו באתר רגיל או ללא יישום מבוסס Node.js.

GEL טיפוגרפיה

GEL טיפוגרפיה הוא מדריך סגנון טיפוגרפי של ה- BBC. משאב נהדר והשראה על איך אתה יכול לתקנן את הסגנונות הטיפוגרפיים שלך.

תבניות MIND

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

ייחוד CSS

אוסף של איורים המתארים כיצד CSS Specificity פועל.

Dig dig

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

תבנית Stash

אוסף של תבניות שנבחרו ידנית שבו ניתן למצוא מגוון רחב של תבניות כולל HTML5, WordPress, Ghost, Bootstrap ו מסחר אלקטרוני תבניות.