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

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

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

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

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

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

Notie.js

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

Github פינת

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

מתוק (רפוי) ערכות נושא

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

תצורת jQuery

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

קיץ

קיץ היא ספריית JavaScript כדי ליצור עורך WYSIWYG. SummerNote מפותחת על גבי פרויקטים בולטים קוד פתוח: jQuery, Bootstrap ו גופן Awesome. פריסת SummerNote היא קלה כמו פריסת כל ספריית JQuery אחרת, והיא הספריה האלטרנטיבית המושלמת ל- TinyMCE, במיוחד אם האינטרנט שלך משתמש ב- Bootstrap כבסיס שלו.

BackstopJS

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

SuitCSS

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

לאגד

לאגד הוא יליד OS X App המאפשר לך לבנות ממשקי אינטרנט ופריסות באמצעות GridStyleSheet, אלגוריתם פריסה שפותחה על ידי TheGrid. השב"כ מאפשר לך לעצב אתרים בצורה יעילה. לדוגמה, בניגוד ל- CSS, השב"כ מאפשר יישור אנכי של מרכיבי האלמנט שלו עם שורה אחת של קוד.

AntiModerate

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

טיפים jQuery אתה צריך לדעת

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