ממשק המשתמש החדש של Windows 8 – הרצאה מכנס HTML5FEST

יום ראשון, דצמבר 2, 2012

בתאריך ה-20.11.2012 התקיים כנס HTML5 Fest של משרד ה-W3C הישראלי. למי שלא יודע, ה-W3C הוא הגוף האחראי על התקינה ברשת האינטרנט – במסגרת הפעילות הוא מפעיל קבוצות דיון, מחקר ופיתוח ברחבי העולם. הנציגות בישראל מתוחזקת על ידי איגוד האינטרנט הישראלי. במסגרת הכנס, העברתי הרצאה בנושא ממשק המשתמש החדש של Windows 8 והדגמתי מספר אפליקציות מובילות בישראל. צפיה מהנה! ממשק המשתמש המודרני של Windows 8 תהנו!
no comments

הכירות עם מבנה ה- Layout של אפליקציית Grid ב- Windows 8

יום שלישי, ספטמבר 18, 2012

תבנית ה- Grid ב- Visual Studio היא התבנית הפופולרית ביותר לפיתוח אפליקציות Windows 8. בפוסט בניית קורא RSS ל- Windows 8 עם HTML5 עשיתי שימוש בתבנית הזאת לבניית קורא RSS פשוט, ואני ממליץ להתחיל בו לצורך לימוד פיתוח אפליקציות ל- Windows 8 עם HTML ו- JavaScript. ברוב המקרים, נרצה לקסטם את מראה האפליקציה שלנו, וכדי שנוכל לעשות את זה באופן יעיל ופשוט, כדאי להכיר את מבנה ה- Layout של תבנית ה- Grid. תבנית ה- Grid מורכבת מ- 3 סוגי מסכים: המסך הראשי, הכולל נתונים מקובצים לפי קטגוריות, עמוד קטגוריה, המכיל...
no comments

עימוד דפים מרובי עמודות עם CSS3 Multi-column

יום ראשון, ספטמבר 16, 2012

בעולם ה- Print אנחנו רגילים למצוא עיצובים בהם הטקסט מחולק למספר עמודות. העיצוב מפחית את האיזורים הריקים מטקסט בשל שורות לא שלמות ובנוסף, אנשים אוהבים לקרוא שורות טקסט עם בין 8 ל- 12 מילים. במשך שנים, עיצוב מרובה עמודות היה אחד היתרונות של עולם ה- Print לעומת ה- Web, אך עם CSS3, יש לנו תמיכה מצויינת בעימוד דפים מרובי עמודות עם CSS3 Multi-column, ללא צורך ב- JavaScript. נכון לכתיבת הפוסט הזה, תקן ה- W3C של CSS Multi-column Layout נמצא בשלב של Candidate Recommendation ומשולב בדפדפנים רבים...
no comments

CSS3 Grid Layout: עימוד טבלאי באפליקציות Windows 8

דפים רבים באינטרנט וכן אפליקציות רבות מעוצבים ע”י חלוקה לגריד עם עמודות ושורות. בעת שימוש בטכנולוגיות Web עם HTML ו- CSS ניתן לעשות ע”י שימוש באלמנט <table>, אך לרוב זה לא מומלץ, והחלופה של עימוד עם <div> הוא טיפה יותר מסובך ופחות קריא. החל מ- CSS3, ניתן להשתמש בעימוד Grid המאפשר את הפשטות שבטבלאות, אך ע”י שימוש רק ב- CSS ובאופן קריא. בפוסט זה ארחיב על עימוד Grid של CSS3, בו נעשה שימוש רחב באפליקציות Windows 8 שנכתבות עם HTML5 ו- JavaScript. איך היינו עושים את זה פעם: עימוד...
no comments

מדריך: בניית קורא RSS ל- Windows 8 עם HTML5

יום חמישי, יוני 14, 2012

במדריך זה נראה צעד אחרי צעד כיצד לבנות אפליקציית קורא RSS בסגנון מטרו ל- Windows 8 באמצעות JavaScript ו- HTML5. האפליקציה מציגה את הכתבות האחרונות מאתר חדשות כלשהו בחלוקה לקטגוריות השונות. עדכון 1.9.2012: המדריך מבוסס על הגירסה הסופית של Windows 8 ועל הגירסה הסופית של Visual Studio 2012. מה צריך להכין לפני? כדי לפתח אפליקציות ל- Windows 8 צריך להוריד ולהתקין Windows 8. ניתן גם להתקין כ- Dual boot או כמכונה וירטואלית. Visual...
one comment

כך תתאימו את הבלוג שלכם לתצוגת מובייל ב- 10 דקות

יום חמישי, מאי 17, 2012

בפוסט הקודם שלי הכרזתי בגאווה שהתאמתי את הבלוג שלי לתצוגת מובייל. לאור פניות הגולשים, להלן הנחיות כיצד תוכלו לעשות זאת עבור הבלוג שלכם, במידה ואתם משתמשים בתבנית ה- Paper Clip הפופולרית. לצורך ההדגמה אשתמש בבלוג של גדי, העושה שימוש בתבנית ה- Paper Clip בסטנדרטית בעברית, אך כל ההגדרות שאציג כאן מתאימות בדיוק באותו אופן לתבנית האנגלית. לפני ביצוע ההתאמות הבלוג של גדי נראה כך: ובתצוגות מובייל: ניתן לראות שהדפדפן הסלולרי מכווץ את התצוגה כדי להכיל את...
2 comments

הבלוג הותאם לדפדפני מובייל

יום שבת, מאי 12, 2012

רוב הפוסטים שאני כותב הם מדריכים ארוכים עם קטעי קוד, צילומי מסך והרבה טקסט, המצריכים חווית קריאה נוחה. לאור פניות הגולשים, התאמתי את הבלוג שלי לקריאה נוחה יותר ממכשירי מובייל / טאבלט שונים. תצוגת דסקטופ: תצוגת אייפד לרוחב: תצוגת אייפד לאורך: תצוגת סלולר לאורך: תצוגת סלולר לרוחב: תהנו!
tags: ,
one comment

מדריך: בניית אפליקציית מטרו לניוזגיק עבור Windows 8 עם JavaScript ו- HTML5

יום שני, מאי 7, 2012

במדריך זה נראה צעד אחרי צעד כיצד לבנות אפליקציית מטרו ל- Windows 8 באמצעות JavaScript ו- HTML5. האפליקציה מציגה את הכתבות האחרונות מניוזגיק בחלוקה לקטגוריות השונות. המדריך מבוסס על גירסת ה- Consumer Preview של Windows 8 ועל גירסת ה- Beta של Visual Studio 11, כך שיתכנו שינויים בתבניות, ב- API’s ובכלי הפיתוח ביום בו תעשו שימוש במדריך הזה. מה צריך להכין לפני? כדי לפתח אפליקציות ל- Windows 8 צריך להוריד ולהתקין Windows 8. ניתן גם להתקין כ-...
no comments

הבטחות לעתיד: תכנות אסינכרוני ב- JavaScript עם Promises

יום שני, דצמבר 12, 2011

תכנות אסינכרוני הופך פופולרי יותר ויותר באפליקציות ה- Web, אך מצד שני, ב- JavaScript הוא אינו קל לביצוע כיום. ספריות ה- JavaScript הפופולריות (כמו jQuery, Dojo ועוד) הוסיפו רמת אבסטרקציה בשם Promise (לפעמים נקראת deferred) כדי להפוך את התכנות האסינכרוני ב- JavaScript לפשוט יותר. בפוסט זה נראה איך להשתמש ב- Promises באפליקציות Web. נדגים את השימוש ב- Promisses עם XMLHttpRequest2 (בקיצור XHR2). תכנות אסינכרוני: למה זה כ”כ קשה? די ברור שאפליקציה שמבצעת חלק מהעבודה ברקע מגיבה טוב יותר למשתמש ויכולה לבצע יותר משימות. אך...
no comments

מדריך jQuery Mobile – רשימות

יום רביעי, אוקטובר 19, 2011

אפליקציות רבות מציגות נתונים בצורת רשימות, ובעת התאמת האפליקציות לדפדפן סלולרי עלינו להשקיע מחשבה לגבי איך יראו הרשימות באפליקציה הסלולרית. jQuery Mobile מכילה תמיכה מצויינת ברשימות, ובפוסט זה נראה זאת ע”י בניית אפליקציה המציגה רשימה מעוצבת שלמשתמשים בטוויטר התומכת בקטגוריות, סינון ועוד, שנראית כך: בסוף הפוסט תמצאו את ה- HTML המלא של הדוגמא. רשימה פשוטה נתחיל מרשימה פשוטה של הכינויים בטוויטר של מספר אנשי מיקרוספוט מוכרים וכן מספר MVP’s, הבנוייה מתגיות HTML סטנדרטיות. <div data-role="content">  <ul>    <li>@bursteg</li>    <li>@maordp</li>    <li>@scottgu</li>   ...
8 comments