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

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

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

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

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

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

גופן OverPass

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

רישיון: OFL (רישיון גופן פתוח)

אבא

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

משאבים נוספים על נגישותYou

• האינטרנט המודרני נגישות [וידאו]
• פלייליסט: Accesibility על ידי תומאס בראדלי [וידאו]
• תסתכל על תקני אינטרנט ARIA & נגישות HTML Apps

לחץ

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

פיצול

פיצול היא ספריית JavaScript קל המאפשר לך לפצל את חלון הדפדפן חלון Viewport לתוך כמה סעיפים. ייתכן שראית את זה בדרך כלל להשתמש ב- webapps שיתוף קוד כמו CodePen.io, JSFiddle, או JSBin שבו את HTML, CSS, JS מקומות עבודה מופרדים לתוך המדורים שלהם.

גמישות

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

LabLAJS

LabLAJS עושה יצירת ציר זמן שכותרתו כל כך הרבה יותר קל. לרשותך עומדות לרשותך מספר אפשרויות לשליטה על מיקום התווית, כיוון, רוחב, גובה ואלגוריתם הפריסה. זה עובד עם מטעין AMD כאלה RequireJS, והוא יכול לשמש יפה יחד עם Browserify ו Node.js. לא נדרשת תלות.

וואי

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

גרב

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

PatternPack

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

אוהראש!

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