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

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

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

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

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

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

    אני הקלדתי

    A ספרייה המאפשרת לך להציג הקלדה ההשפעות של רשימה של טקסט; סוג של אפקט שאתה יכול לראות באינטרנט לאחרונה. ספריית JavaScript זו היא קל ליישם עם קומץ של אפשרויות כדי להתאים אישית את האפקט. ניתן להתקין ספריה זו באמצעות NPM או לטעון אותו באמצעות CDN ב https://unpkg.com/[email protected].

    אופרה נאון

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

    At.js

    At.js היא ספריית JavaScript המאפשר לך להוסיף סמיילי, להזכיר חברים, או תיוג; משהו כמו שראינו על Slack, Twitter, ו- Facebook. תוסף זה דורש jQuery, אשר מאפשר את זה עבודה על ואולי אינטרנט חקור 6 מדי. פנטסטי!

    שחרר

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

    יפה יותר

    A אַפָּר להבטיח את קוד JavaScript שלנו מעוצב באופן עקבי. הוא תומך ES2017 ו JSX.

    Ayu

    איו נושא טקסט הנשגב עם ערעור טרי ומודרני. זה מגיע עם 2 גוונים כהים וקלים. איו פירושו יפה באינדונזיה, וכך לדבר; זה עושה טקסט Sublime UI יותר יפה.

    JSON ספלורה

    א יישום קל משקל לעריכה, ויזואליזציה של נתוני JSON. האפליקציה תואמת ל- Windows, Linux ו- MacOS.

    זום

    A JavaScript כדי להגדיל את התמונה בחן. ממוטב עבור הנייד, עובד יפה המסך Hi-Def, והוא להתאמה אישית בקלות.

    ראמה

    ראמה הוא לקוח שולחן העבודה. למרות שזה לא רשמי, אבל אולי אתה יכול ללמוד כמה דברים חדשים מקוד המקור.

    שנה את שם המשתמש

    תוסף WordPress שפעם הופעל, מוסיף א “שינוי” קישור ליד קלט שם המשתמש ו מאפשר לך לשנות את שם המשתמש.

    NodeifyWP

    NodeifyWP הוא תוסף וורדפרס ייחודי למדי. זה מאפשר לך להשתמש וורדפרס כרגיל אז פלט את התוכן באמצעות מודול Node.js. עדיין לא ניסיתי את הפלאגין הזה על כל פרויקט. אבל את המצגת שראיתי ב WordCamp Denpasar 2016, תוסף זה נראה מאוד מבטיח למודרניזציה וורדפרס פיתוח.

    ColorMe

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

    חבילות WP-CLI

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

    בונה דף חייט

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

    XVG

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

    RibbonJS

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

    פריסה אוטומטית

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

    Funcssions

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

    Webslides

    קל ו קל לשימוש במסגרת לבנות שקופיות מצגת - - באמצעות HTML ו- CSS בלבד. Webslides כרגע מספק כמה תבניות שקופיות נחמד שבו אתה יכול הפעל את מצגת השקופיות שלך באופן מיידי.

    עיצוב גמיש

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