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

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

בואו נבדוק אותם.

בדוק את כל המשאבים הטריים שלנו (לפי החודש):

• אוקטובר 2012
• נובמבר 2012
• דצמבר 2012

CSSS

CSSS אשר מייצג "CSS מבוססי SlideShow מערכת" היא מסגרת שנוצרה על ידי לאה ורו (המכונה גורו CSS). למעשה, מסגרת זו מאפשרת לך ליצור שקופיות מצגת עם HTML ו- CSS אינטרנט סטנדרטים. מצגת זו תומכת בקיצורי מקשים כמו ←, →, ↓ ו ↑ כדי לנווט בין השקופיות.

אם אתה עושה CSS ו- HTML, במסגרת זו אני חושב תחליף (טוב) יותר עבור תוכנות במחיר גבוה כמו MS PowerPoint.

בונסאי

בונסאי היא ספריה קלה JavaScript JavaScript עם ממשק API אינטואיטיבי. אנו יכולים להשתמש בספריה זו כדי לצייר צורות פשוטות כגון מלבן, משולש, מעגל או גרפיקה עם מורכבות עמוקה. ספריה זו יכולה לשמש גם כדי לספק עיבוד Scalable Vector Graphic (SVG) בדפדפנים שאינם נתמכים כנסיגה חוזרת.

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

דפוס תגובה

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

כלים

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

אחד הכלים באוסף זה אני אישית מוצא שימושי ביותר הוא מיישר, כלי זה ישנה את התווים האלה, < ו >, לתוך קוד ה- HTML שלהם, כך קטע הקוד שלך יעובד כראוי בתוך

 תג.
 
 
סוזי
 
סוזי היא רשת תגובה עבור מצפן. כמו כל מסגרת תגובה רשת אחרת שם בחוץ, הוא מורכב מכמה סגנונות מוגדרים מראש, אך מאז הוא נבנה עם Sass ומצפן מסגרת זו היא הרבה יותר להגדרה.
 
סוזי מאפשרת לך להתאים אישית את מספר העמודה, רוחב העמודה, המרזב ואת ריפוד הרשת, מה שהופך אותו לרשת שלך שמתאים לאתר שלך. סוזי תעשה את כל העבודה הקשה: חישוב. אם אתה סופר חנון מי נהנה לעבוד עם סאס ומצפן, הרחבה זו בהחלט בשבילך.
 
 
ניווט אינסופי
 
התפריט הנפתח הוא מרכיב נפוץ מצאנו באתר. עם זאת, יצירת ניווט הנפתח הוא לא קל כמו שזה נראה. הארי רוברטס של CSS Wizardry, למרבה המזל, שיתף את שלו “קוד” כדי ליצור ניווט dropdown אינסופי (וזה מדהים).
 
 
בורבון מסודר
 
מסודר הוא מסגרת רשת תגובה המסייע לך להפעיל אתר אינטרנט בקלות. הוא בנוי על סאס בורבון, אוסף של mixins שימושי עבור Sass. מסגרת זו היא פנינה רובי, זה יכול להיות מותקן דרך מסוף או שורת הפקודה עם שורת פקודה זו פנינה להתקין מסודר.
 
 
טיפולים
 
לא יהיה מספיק עבור סמלים. Typicons הם קבוצה של סמלים גופנים שמכילים סביב 88 תווים. תוכל להוסיף סמלים אלה באמצעות @סוג גופן הכלל וליישם אותם לאתר שלך עם אלמנטים pseudo CSS או להטביע אותם ישירות עם אופי HTML שלהם.
 
באמצעות webfont כדי לספק את הסמלים, אתה יכול לקבל את היתרונות של צורך לא לפרוס sprite CSS ולהתאים את מיקום הרקע כדי להציג את הסמלים, ברזולוציה גבוהה המסך מוכן מבחינה טכנית זה מפחית בקשות HTTP וצורכת רוחב פס נמוך יותר סמלים מפת סיביות.
 
 
ממציא
 
ספריה זו מאפשרת לך להוסיף הערות, תגים markdowns לתוכן האינטרנט שלך יחד עם AnnotateIt אתה יכול לאחסן את ההערות שלך בחינם.
 
 
נמל תעופה
 
כאשר אתה נמצא בשדה התעופה, אתה wil לראות את הלוח מידע טיסה עם מדפדף טקסט על כל זה. עם תוסף זה jQuery, שדה התעופה, אנחנו יכולים ליצור את אותו אפקט טקסט filpping.
 
 
סיכום
 
זה הכל לחודש הזה. ניסית את כל הדברים האלה? איזה מהם הוא האהוב עליך? האם מצאת כל דבר אחר מגניב עבור מעצבי אינטרנט / מפתחים כי החמצנו מהרשימה?.
 
אל תהסס לשתף אותם בתיבת ההערות שבהמשך, ואנחנו רוצים לשמוע את המחשבות שלך גם כן.