כנגד 10 המכות – 10 פריימוורקים (Frameworks) מעולים לHTML 5 וCSS 3
אחחח החג האהוב עלי סוף סוף הגיע..
אני מת על החג הזה! ליל הסדר, מצות, שבת, מצות, חג שני, מצות, מצה עם חמאה, מצה עם חביתה, מצפיצה (שילוב של מצה ופיצה – אחד הדברים הטובים), מצה עם שוקולד, מצות, מצות ועוד קצת מצות בחצי שנה שאחרי פסח כשמגלים שנשארה עוד חבילה שלמה בארון שאף אחד לא ראה.
אבל חוץ מעניין המצות, פסח הוא גם אחלה תירוץ לכתוב פוסטים שמתחילים במספרים כמו 10 (כנגד עשרת המכות) או 4 (כנגד ארבעה בנים, ארבעת הכוסות, ארבעה לשונות של גאולה, 4 שמות לחג וכו'… – שלא תגידו שהבלוג הזה לא מספיק חינוכי), אפילו שכל קשר בין עשרת המכות ל10 Frameworks הוא לכאורה מקרי בהחלט.
בחזרה לעניינינו.
החידושים האחרונים בעולם הווב בעזרתם הנדיבה של CSS3 וHTML5 גרמה לכך שמפתחים מתקדמים רוצים לעזור ולהקל על מפתחים אחרים (פחות מתקדמים) בעבודה וכתוצאה מזה, פריימוורקים וכלי עזר צצים ברשת כפטריות לאחר הגשם. פטריות זה טוב. זה גם הולך מצוין ברוטב אלפרדו פטריות – בלי פטריות.
בפוסט הזה קיבצתי 10 פריימוורקי HTML5/CSS3 פופולאריים שכדאי לכם להכיר!
52 Framework
הפריימוורק הזה הוא אחד מהפריימוורקים הפופולאריים ביותר שיש כיום לHTML5 וCSS3. הפיצ'רים שלו כולל פינות מעוגלות, צל לטקסט, מארק-אפים קלאסיים של HTML5, מערכות גרידים ורבים טובים אחרים. לפרויקט יש דף הדגמת יכולות אליו תוכלו להגיע מכאן.
Less Framework
פריימוורק מעולה שיאפשר לכם ליצור מערכות גרידים התומכות בכל רזולוציה שיש במכשירים הקיימים כיום בשוק. כל לייאוט (Layout) עוצב במיוחד כדי לתמוך במלואו בכל סוגי המסכים בסמארטפונים. כמו כן, העיצובים מותאים לרוץ בכל מכשירי iOS ואנדרואיד ובכל סוגי הדפדפנים – אפילו בזה שאין לנקוב בשמו, אבל אי רק ארמוז שהוא נגמר בספרה 6.
PhoneGap
אם כבר דיברנו על תמיכה בסמארטפונים זה הזמן להזכיר את הפלטפורמה המעולה הזאת שנקראת PhoneGap. מדובר בפלטפורמת קוד-פתוח שנבנתה על מנת לאפשר בניית אפליקציות HTML5 / CSS3 לסמארטפונים. מה שמיוחד בה זה שהיא מאפשרת גם יצירת אפליקציות ווב וגם יצירת אפליקציות נייטיב. האפליקציות נבנות באלמנטים של HTML5 בתוספת עזרה מJavaScript. שווה להכיר.
JO HTML5
הדבר החשוב ביותר בעיצוב האתר הוא הUI (ממשק המשתמש). JO HTML5 הוא כלי חזק המספק סיפרית אלמנטים קריאייטיביים לדפי HTML. הסיפריה כוללת בין השאר טפסים, צורות, טקסטים, כותרות ועוד הרבה יותר.
Switch to HTML5
כלי גנרי עוצמתי ביותר. הוא נותן למפתחים גישה למס' רב של אלמנטים, ערכים ותתי-ערכים של HTML5 כאשר ע"י סימון ובחירה של האלמנטים הרצויים בדף שלכם, תוכלו לג'נרט (או ליצור בעברית) פריימוורק נקי שכל מה שחסר בו זה תוכן.
HTML5/CSS3 Reset
אם עוד לא התחלתם לעבוד עם קבצי ריסטים מצבכם רע! כל מפתח טוב יודע שלפני שמתחילים לגעת בHTML/CSS צריך לבנות קובץ ריסט (אתחול) לCSS שיאפס את ההגדרות הדיפולטיביות לכלל הדפדפנים. הכלי המצוין הזה יחסוך לכם זמן ע"י כך שהוא ייצר בשבילכם קובץ הריסט שכולל בתוכו איפוסים גם לCSS3/HTML5.
Alloy UI
Alloy הוא סט UI שנותן נקודת התחלה טובה למפתחים. הוא מספק סט אלמנטים ווביים שמראים לנו מה יש לHTML5 להציע..
RGraph: HTML5 Canvas Graph Library
בזמן האחרון משוחררים לעולם הווב מס' רב של ספריות JS פופולאריות המאפשרות ליצור גרפים. הפריימוורק הספציפי הזה נותן את האפשרות ליצור גרפים בעזרת HTML5 וקנווסים (CANVAS).
Cartagen
Cartagen מתמחה בעיצוב וסגנון מפות. בדיוק כמו CSS לעיצוב דפי אינטרנט, GSS (GEO STYLE SHEETS) מתמחה בעיצוב מפות גאוגרפיות ברשת. הפריימוורק יודע לעבוד עם נתונים דינאמיים, להציג מערכי נתונים ואפילו להגדיר משתנים גאוגרפיים במפות.
CSS3 Action Framework
פריימוורק מגניב המציג דוגמאות של תגובות לפעולות בCSS3. בין השאר תוכלו למצוא דוגמאות לפעולות HOVER, ACTIVE, TARGET ועוד..
מכירים עוד פרייוורקים מעניינים?
אל תהיו בונקרים, שתפו את כולם בתגובות!
שיהיה חג פסח כשר ושמח!















2 תגובות לפוסט "כנגד 10 המכות – 10 פריימוורקים (Frameworks) מעולים לHTML 5 וCSS 3"
פז אריכא
אחלה פוסט. חבל שPhoneGap עדיין לא תומך בפיתוח בסביבת windows
oc666
ישנה ספריית גרפים מבוססת HTML5 עם תמיכה לאחור ב-IE6-8 בשם jqplot:
http://www.jqplot.com
לדאבוני, יש בה קצת פחות פיצ'רים מ-rgraph אבל ישנם פרויקטים שדורשים תמיכה בדפדפנים ישנים, מה גם שהיא שהספרייה ניתנת להרחבה בקלות.