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

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

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

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

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

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

חמוד

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

מבחן HTML5

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

קלוריות דפדפן

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

Weex

Weex היא מסגרת מ Alibaba לבנות יישומים ניידים עם HTML בלבד, CSS ו- JavaScript. זה מגיע עם מודולים, רכיבי ממשק משתמש, DevTools משלו ו CLI המיועד הסביבה הניידת ולהאיץ את הפיתוח.

Microsoft Web Framework (MWF)

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

חיוני

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

פונטה

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

זרזיף

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

אינטרקולר

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

פיקלה

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

IziModal

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

מגאו

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

הוולר

ספריית JavaScript כדי להציג נגן אודיו מודרני באמצעות ממשק ה- API של ה- API של האינטרנט, הוולר עובד בדפדפנים ישנים כמו IE9, ותומך רבים codec אודיו כמו MP3, WEBM, WAV. הרבה תכונות, מודולריות, ועובד ללא ספריה חיצונית.

סופר

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

קלייבס

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

היפוך אופייני

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

אור

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

קומפרסור

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

סריקת אתר של Microsoft

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

השבת בלוגים

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