עיצוב ריספונסיבי – Bootstrap

בהמשך לפוסט הקודם על עיצוב ריספונסיבי אני ממשיך לכתוב על Bootstrap 3. התייחסות תהיה לגריד הריספונסיבי. הגישה בבסיס הגריד הינה Mobile First ובניגוד לפוסט שכתבתי קודם הגדרות מקפצות מתייחסים למינימום רוחב המסך. המסך המינימלי 320 פיקסל רוחב ועד אינסוף.

עיצוב רספונסיבי – מה זה?

לפני כ5 שנים איתן מרקוטה תבע את המושג Responsive Web Design (RWD). מאז המושג הפך להיות סטנדרט בבניית אתרי אינטרנט. כתבתי מדריך מסודר על סמך ניסיון וידע שצברתי בנושא שיכול להיות שימושי גם למעצבים וגם למפתחים.

שיפור מהירות האתר

איך אני הקטנתי מהירות של האתר שלי:
בפברואר העברתי את האתר כולו ל HTML5 וCSS3, המעבר הזה אפשר לי לצמצם משמעותית את זמן הטעינה. עד חודש יולי הכל היה בסדר, אפילו Google Webmaster Tools הציג גרף קבוע בירידה, אבל לאחר חודש יולי (שדרגתי ל 3.4.1) חלה עליה משמעותית ומהירות עלתה בצורה דרסטית (עד 10 שניות).
התחלתי לחפש פתרונות בבלוגים השונים ובWordpress Documentation, שום דבר לא עזר לי.
כנראה הגיע זמן לשדרג ולשכלל תבנית שוב, במיוחד כשאר גוגל מכריזים שלא ייתמכו יותר באקספלורר 8.

מדריכי CSS3 שכדאי להכיר

אנחנו רגילים למעברי תמונות שמתבצעות בעזרת AJAX המכונה סליידר (Slider). הרבה מאוד מדריכים נכתבו עד היום ואני מניח שיוכתבו בהמשך.
היום אני רוצה להציג לכם מדריכים הכי מתקדמים שמאפשרים להשתמש ב CSS3 כתחליף לAJAX.

מבנה HTML5, למה אני בונה כך

פעם, בעבר הרחוק מבחינה טכנולוגית, בתחילת שנת 2010 ראיתי בהרבה בלוגים פוסטים בתחום HTML5. סטנדרט חדש, פורץ דרך, כולם מתלהבים ממנו, אך מהר מאוד הבינו מפתחים שזה עדיין לא פריצת דרך, כי רוב הדפדפנים בכלל לא תומכים בפורמט הזה.