עימוד דפים מרובי עמודות עם 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

הוספת קוד לפוסטים עם Windows Live Writer

יום שלישי, יולי 17, 2012

אני נשאל פעמים רבות כיצד להוסיף קטעי קוד לפוסטים טכניים בעת שימוש ב- Windows Live Writer, באופן שהקוד יראה מעוצב, או לפחות קריא למשתמש. בעבר, המלצתי על Copy Source as HTML, תוסף לגירסאות קודמות של Visual Studio שאפשר להעתיד קוד מעוצב מ- Visual Studio לתוך Windows Live Writer עם כל הגדרות העיצוב. ב- Visual Studio 2010, בעת השימוש ב- Productivity Power Tools נוספה היכולת להעתיק ישירות מתוך Visual Studio קטעי קוד כ- HTML עם העיצוב, דבר שאפשר ליצור פוסטים טכניים יפים מאד כדוגמת הפוסט הזה. הבעיות: ...
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