ספריות CSS מומלצות

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

אתחיל בהתנצלות קלה על המובן מאליו אבל באמת שלא ניתן לכתוב מאמר עם כותרת שכזו מבלי להזכיר את שתי סביבות העבודה הנפוצות ביותר: Bootstrap ו-Foundation. אבל היי, מבטיח שהמאמר נהיה מעניין יותר 🙂

Bootstrap

אז למי שלא מכיר, Bootstrap היא סביבת עבודה (framework) נהדרת מבית Twitter.
היא פותחה על ידי Twitter בעיקר לשימוש פנימי והתפתחה להיות אחת אחד מהפרויקטים הכי נפוצים ב-GitHub.
Bootstrap מאפשרת לנו לבנות אתר רספונסיבי בקלות על ידי אוסף של "כלים" המוכנים מראש.
רוב האתרים בעלי מבנה גריד דומה, בעלי כפתורים דומים, תיבות הודעות (Alerts) דומות ולכן על מנת לחסוך זמן ומאמץ, ניתן ומומלץ להשתמש בפרויקט המופלא הזה.
הכר את Bootstrap

Foundation

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

תודה שנשארתם! שנתחיל?

Loaders.css

שכחו מה-loader הנדוש והמיושן והכירו את Loaders – ספריית CSS ליצירת loadres מפתיעים ומגניבים במיוחד.
אם המשתמשים שלכם מחכים, לפחות שיחכו כמו שצריך 🙂
הכירו את Loaders

Hamburgers

גם אם אנו אוהבים את זה, גם אם נרצה ואם לא, ה-hamburgers הוא ממזמן הסמל המוסכם של תפריט האתר בכמעט כל אתר רספונסיבי/אפליקציה.
תאמינו או לא, אבל גם כאן ניתן "להפתיע" את הגולשים שלכם עם Animation נחמד מאוד.
Hamburgers – עולם שלם של המבורגרים (לא מהסוג האכיל) מדהימים בהחלט!
הכר את Humburgers

Balloon.css

ספרייה נחמדה ליצירת Tooltips במגוון סוגים וגדלים.
הכר את Balloon

Animate.css

ספרייה קלילה ליצירת Animations חביבים למדי. אז מה מתאים לכם, Shake, Pulse או ZoomIn?
הכר את Animate

Fontawesome

Fontawesome היא ספרייה של אייקונים שישתלבו נהדר בנוף האתר/האפליקציה שלכם.
פשוט חובה.
הכירו את Fontawesome

Font Awesome Animation

Font Awesome Animation נותנת לנו סיבה נוספת להשתמש ב-Fontawesome.
באפשרות ספרייה זו ניתן להנפיש את ה-Icons המדהימים של Fontawesome.
הכירו את Font Awesome Animation

Hover.css

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

Imagehover.css

Imagehover.css היא ספרייה שבאמצעותה תוכלו ליצור hover של טקסט באופן מושקע במיוחד. fade, slide או zoom?
הכירו את Imagehover

CSSgram

התמונות באתרכם לא חייבות להישאר "טבעיות".
פלטרו את התמונות שלכם באמצעות הפילטרים של Instagram על ידי ספרייה נהדרת בשם CSSgram.
הכירו את CSSgram

סיכום

קיימות כל כך הרבה ספריות CSS שכדאי לשלב באתר על מנת לקבל אתר מושך יותר ומעניין יותר.
בעבר היינו צריכים להשקיע זמן רב על מנת ליצור Tooltip או Hover נחמד, כיום זה נגיש לכולם, נצלו זאת!

בהצלחה!

נהנת ממאמר זה? לחץ כאן על מנת להירשם לרשימה התפוצה ולקבל עדכונים על מאמרים נוספים!

2 תגובות בנושא “ספריות CSS מומלצות”

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *