HTML5 תבניות גנרטורים, מסגרות וכלים
למרות השחקנים הגדולים בתעשיית עיצוב אתרים כבר אימוץ HTML5 בשנים האחרונות, אין באמת רבים אחרים משתמשים בו פתרון מעשי, בעיקר בשל חוסר זמן או הבנה. רוב הסיכויים אם שפה הוא להיות מקודם עבור זמן מסוים, יהיו חובבים הולך לתוך הצרות של ביטול הצרות שלך על ידי יצירת HTML5 תבנית גנרטורים ומסגרות.
בהונגקאט, אנחנו תמיד רוצים להפוך את עבודת הפיתוח שלך לקלה ככל האפשר, כך שמתחת רשימה של HTML5 גנרטורים תבנית ומסגרות כי גם להאיץ את הפיתוח של HTML5, או מסייע לך להקל על בעיות מטרידות כמו תאימות דפדפן. עד סוף היום, פיתוח HTML5 שלך יהיה רק לקבל יותר קל ומאושר עם אלה גנרטורים ומסגרות!
למה מסגרת?
למרות שזה עלול לקחת קצת זמן כדי למעשה ללמוד את המסגרת, אם יש לך את המסגרת מוכן כל מה שאתה צריך להוסיף הוא תוכן ושינויים קלים על פי הטעם שלך. כמו כן אל תדאגי לגבי זה, העולם לא יסתכל עליך בזלזול על שימוש בתבנית HTML5 גנרטור או מסגרת מוכנה לשימוש. המעשיות באה קודם!
חוץ מזה, מסגרות כי הם שם בחוץ עבור שימוש בדרך כלל יש נאמנים ותמיכה. יתרון באמצעות מסגרות אתה באמת לא צריך לדאוג בעיות רציניות כמו דפדפן צולבת בין פלטפורמת תאימות, מישהו אחר כבר הרהר על זה בשבילך. אבל, כמובן, אתה יכול לתרום את הסיבה שלהם, במיוחד עבור קוד פתוח ספריות ומסגרות.
אחרי הכל, זה תמיד טוב שיש לך ציוד נוסף בארגז הכלים שלך עיצוב!
גנרטורים תבנית & מסגרות
ראשי תיבות
כמה קליקים הם כל מה שנדרש כדי ליצור לעצמך תבנית HTML5. Initializr גם נותן לך אפשרות אם תרצה שהתבנית שלך תכלול JavaScript או jQuery, תצורות שרת ו- Google analytics.
Initializr בנוי גם על HTML5BoilerPlate, כלי נהדר נוסף כדי להרחיב את ההבנה שלך HTML5, להוסיף פונקציות ולשפר את כל האתר שלך.
HTML5 תבנית גנרטור
חלופה היא Shikiryu.com של HTML5 תבנית גנרטור. יש לו אפשרות נוספת לכלול תיאור של המחבר של האתר, כולל גם אפשרויות עבור Favicon ו Apple Touch סמל במקרה שאתה רוצה אותם באופן אוטומטי לתוך התבנית.
SwitchTo HTML5
עוד HTML5 גדול מחולל מסגרת הוא SwitchToHTML5. כמו אחרים, זה מאפשר לך להוסיף כמה אלמנטים כגון ,
,
,
, ואחרים. SwithToHTML5 גם נותן לך את האפשרות אם אתה רוצה לתמוך ב- Internet Explorer או לא, כמו גירסה מוקדמת יותר מאשר IE9 שלה לא תומך HTML5 מקורי.
רפורמה
תגיד, אני לא יכול להיות היחיד ששונא ליצור טפסים, נכון? יצירת טפסים היא משימה מייגעת, לפחות עבור אנשים כמוני, בגלל זה הרפורמה היה כאן כדי לעזור לאנשים ליצור צורות נקי ותפקוד! רפורמה הוא HTML5 בונה טופס זה קל מאוד לא יגרום לך יותר מדי בעיות, כמו אם אתה עושה את הטופס מאפס.
ישנן שתי גירסאות, יישום אינטרנט ויישום שולחן עבודה עצמאי, אם כי תצטרך לשלם כדי לקבל את זה עובד באופן לא מקוון. ובכן, אם אתה אוהב את היישום, להראות קצת אהבה!
מודרנית
נצל את HTML5 ו- CSS3 באמצעות Modernizr. זוהי ספריית קוד פתוח של JavaScript כדי לסייע למפתחים ליצור את האתרים הטובים ביותר המשלבים HTML5 ו- CSS3.
דפדפנים ישנים יותר אינם הנושאים עם Modernizr, המבקרים יראו מה הם צריכים לראות לא משנה מה הגירסה הדפדפן שלהם הוא.
עבודה
מבחינה טכנית לא גנרטור, אלא מסגרת להורדה אשר מזרז את תהליך הפיתוח. 52framework מבטל את בעיות של HTML5 ו lays החוצה את כל הזכות מולך, מה שהופך את הפיתוח מהר וקל יותר.
52framework תומך במגוון רחב של דפדפנים, מה שהופך את תאימות בין דפדפן לדפדפן בעיה פחות. ואת החדשות הטובות עבור מפתחים? זה אפילו תומך IE6 חלקית!
עורכי HTML5
עורך אלוהה
מכיוון שאנחנו כבר מדברים על שירותים ויישומים המאיצים את הפיתוח, הנה כלי מדהים שיעזור לך לערוך את תוכן האתר שלך באמצעות תוכן תואם xHTML5.
אלוהה עורך הוא עורך HTML5, לא רק כל עורך, אבל עורך WYSIWYG שיכול לשנות את תוכן האתר באופן מיידי, ברגע שאתה עושה את השינויים בעורך.
וולבי
כל חלמתי להמיר אנימציות פלאש HTML5? וולאבי, פרויקט של Adobe, עושה את ההמרה של אנימציות פלאש ועבודות אמנות ל- HTML5 אפשרי, עיבוד של קבצים ניתנים לעריכה על Dreamweaver או עורכים אחרים.
הפניות
לצלול לתוך HTML5
ספר נהדר ומהנה להתחיל ללמוד על HTML5 בצורה יצירתית של חשיבה, זה גם משאב טוב שנותן רעיון חדש עבור אנשים שכבר יודעים את פעולת HTML5.
HTML5 הפניה
מדריך W3C מקורי ל- HTML5, עם דגש על פשטות ויישומים מעשיים למתחילים, תוך מתן מידע מפורט עבור מפתחי אינטרנט מתקדמים.
יותר
לעת עתה, אין הרבה מה לראות בפועל. יש עדיין, יחסית, כמה כלים עבור HTML5 מסגרת ותבניות להשתמש, כפי שאולי שמתם לב אם בדקת את הקישורים, רוב התכונות עבור כל גנרטור / מסגרת דומים. אני אולי החמצתי כלים שבהם אתה משתמש כדי לפתח אתרי HTML5 מדהים, אז אם אתה רוצה לשתף אל תהסס לפרסם אותם הערות!
כמו כן, לעשות לבדוק את ההודעות שלנו אם אתה מוכן לקבל יותר על HTML5!
- HTML5: 15 ניסויים מעוררי השראה
- HTML5: 19 יישומי אינטרנט
- HTML5: 48 הדגמות פוטנציאל להרוג פלאש
- צור אייאקס מבוסס HTML5 / CSS3 טופס יצירת קשר