תגובות

כנגד 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 ועוד..

מכירים עוד פרייוורקים מעניינים?

אל תהיו בונקרים, שתפו את כולם בתגובות!

שיהיה חג פסח כשר ושמח!

קצת על דניאל שטרנליכט

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

2 תגובות לפוסט "כנגד 10 המכות – 10 פריימוורקים (Frameworks) מעולים לHTML 5 וCSS 3"

כתיבת תגובה

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

*

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>