פיתוח אתרים באינטרנט - Mbaroz » קוד ודוגמאות http://www.mbaroz.com/blog כל המידע בתחום פיתוח אתרים באינטרנט Wed, 21 Jul 2010 04:47:58 +0000 en hourly 1 http://wordpress.org/?v=3.0 מרחיבים את הבית http://www.mbaroz.com/blog/%d7%9e%d7%a8%d7%97%d7%99%d7%91%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%91%d7%99%d7%aa/ http://www.mbaroz.com/blog/%d7%9e%d7%a8%d7%97%d7%99%d7%91%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%91%d7%99%d7%aa/#comments Tue, 29 Jun 2010 08:45:21 +0000 admin http://www.mbaroz.com/blog/%d7%9e%d7%a8%d7%97%d7%99%d7%91%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%91%d7%99%d7%aa/ אם הגעתם לכאן והתחלתם לקרוא , בטח גם אתם נוגעים בעיצוב האתר שלכם מדיי פעם.
התופעה והטרנד הבא נקרא מסכים רחבים ברזולוציה גבוהה שכבר כובשים את חיינו ומחליפים את הגדלים המסורתיים של מסכי ה׳ 17 ו׳ 19 אינטש.
הכל טוב ויפה שאנו יכולים כעת לקרוא מסמך בצד אחד של המסך ובצידו השני לתרגם אותו. אך לא כולנו קופירייטרים ולא זו כוונת הפוסט.
מדובר על שינוי שיכתיב למעצבי אתרים סטנדרט חדש שיתאים לגולשים הרבים בעלי מסכים רחבים. אם תנסו למשל להעלות את האתר שלכם שנבנה לפני כשנה מותאם לרוחב של 1024 פיקסלים ולא עובר את הרוחב של 850 פיקסלים , במסך רחב 22 אינטש ברזולוציה של 1440×990 תבחינו מייד שהאתר שלכם נראה כמו הערת ביניים במרכז המסך ולא תופס ממש נוכחות.
אני סבור שכבר בוני אתרים ומעצבי אתרים נערכים לעיצובים ברוחב של לפחות 1000 פיקסלים. מה שיאפשר לא רק התאמה לרוחב החדש אלא גם להכניס יותר אינפורנמציה על אותו עמוד עם חלוקה יותר נוחה של התוכן.
תחשבו על מספר האפשרויות הענק שיש לנו. החל מעמודי תוכן מחולקים לעמודים נוחות יותר לקריאה ועד להצבת גלריות תמונות ללא צורך בגלילה לגובהה.

]]> http://www.mbaroz.com/blog/%d7%9e%d7%a8%d7%97%d7%99%d7%91%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%91%d7%99%d7%aa/feed/ 0 משיקים את eXite מותג על מבית מיתוגים http://www.mbaroz.com/blog/%d7%9e%d7%a9%d7%99%d7%a7%d7%99%d7%9d-%d7%90%d7%aa-exite-%d7%9e%d7%95%d7%aa%d7%92-%d7%a2%d7%9c-%d7%9e%d7%91%d7%99%d7%aa-%d7%9e%d7%99%d7%aa%d7%95%d7%92%d7%99%d7%9d/ http://www.mbaroz.com/blog/%d7%9e%d7%a9%d7%99%d7%a7%d7%99%d7%9d-%d7%90%d7%aa-exite-%d7%9e%d7%95%d7%aa%d7%92-%d7%a2%d7%9c-%d7%9e%d7%91%d7%99%d7%aa-%d7%9e%d7%99%d7%aa%d7%95%d7%92%d7%99%d7%9d/#comments Sat, 05 Jun 2010 13:25:08 +0000 admin http://www.mbaroz.com/blog/%d7%9e%d7%a9%d7%99%d7%a7%d7%99%d7%9d-%d7%90%d7%aa-exite-%d7%9e%d7%95%d7%aa%d7%92-%d7%a2%d7%9c-%d7%9e%d7%91%d7%99%d7%aa-%d7%9e%d7%99%d7%aa%d7%95%d7%92%d7%99%d7%9d/ eXite – הינו לא עוד אתר, אלא מהפכה בעיצוב אתרים ברשת , מערכת eXite ייחודית מסוגה המאפשרת במהירות יוצאת דופן הקמת אתר ממותג ברמה עיצובית גבוהה תוך שליטה מלאה ואינטואיטיבית בניהול התוכן , ומבנה עמודי האתר.
לפרטים נוספים כנסו ל eXite או שהצטרפו לקבוצת eXite ב Facebook

exite

]]> http://www.mbaroz.com/blog/%d7%9e%d7%a9%d7%99%d7%a7%d7%99%d7%9d-%d7%90%d7%aa-exite-%d7%9e%d7%95%d7%aa%d7%92-%d7%a2%d7%9c-%d7%9e%d7%91%d7%99%d7%aa-%d7%9e%d7%99%d7%aa%d7%95%d7%92%d7%99%d7%9d/feed/ 0 HTML 5 המדריך http://www.mbaroz.com/blog/html/ http://www.mbaroz.com/blog/html/#comments Tue, 20 Apr 2010 12:28:19 +0000 admin http://www.mbaroz.com/blog/?p=257 אז מי אתה HTML5 ?
מי שלא שמע עדיין על התקן החדש לתמיכה בקוד אינטרנטי HTML5 שיחליף (כנראה בעתיד הקרוב) את HTML4 שכולנו מכירים , אז ברוכים הבאים למדריך.
החלטתי לפתוח קבוצת דיון זו על מנת להציג כאן טיפים ומידע שימושי לכל הקשור בתקן החדש HTML5.

הקדמה
אז מה זה HTML5 ובמה שונה הוא מ HTML 4  ? – אז במשפט אחד , אוכל לומר ש HTML5 נולד לאוויר העולם כדי להתאים את עולם הפיתוח והתיכנות ב HTML למציאות החברתית שהתפתחה בשנים האחרונות , המדיה הזמינה לכולנו, המידע הדינאמי שאנו צורכים ואיכות הסרטים שאנו צופים בהם באתרים .

ראשית , על מנת לקרוא ולקבל הרושם הראשוני על השינויים העיקריים ב HTML5 , תוכלו לקרוא ב וויקיפדיה על התקן החדש HTML5.

]]> http://www.mbaroz.com/blog/html/feed/ 0 ספארי 4.05 עכשיו זמין http://www.mbaroz.com/blog/%d7%a1%d7%a4%d7%90%d7%a8%d7%99-4-05-%d7%a2%d7%9b%d7%a9%d7%99%d7%95-%d7%96%d7%9e%d7%99%d7%9f/ http://www.mbaroz.com/blog/%d7%a1%d7%a4%d7%90%d7%a8%d7%99-4-05-%d7%a2%d7%9b%d7%a9%d7%99%d7%95-%d7%96%d7%9e%d7%99%d7%9f/#comments Sat, 13 Mar 2010 20:23:47 +0000 admin http://www.mbaroz.com/blog/?p=246 כמה דפדפנים מותקנים לכם במחשב?
בממוצע למשתמש מתקדם שאינו עוסק בפיתוח אתרים מותקנים 2 דפדפנים עיקריים :
Internet Explorer  ו – פיירפוקס.
טוב אז את הראשון אתם כבר יודעים למה יש לכם – כי זה בא כבר עם מערכת ההפעלה, אך אני בטוח שאם הייתה לכם המשימה לבחור דפדפן לעבודה לאחר התקנת מערכת חלונות 7  - שלא היה מגיע עם אקספלורר 8 , המצב בשוק היה יותר מאוזן לכיוון דפדפני הקוד הפתוח.

מצאתי את עצמי כמפתח אתרים  , מותקן על מחשב עם 4 דפדפנים והרי הרשימה :
פיירפוקס, אקספלורר 8 , גוגל כרום, ספארי של אפל .
לא התקנתי את כולם רק כדי להתאים את קוד האתר לכל אחד מהם , אלא על מנת לבחון את החידושים למשל שגרסה החדשה של ספארי .
ראשית אני חייב לציין שזמן העלייה שלו הואץ וכבר ניתן להנות מעלייה מהירה וחדה של הדפדפן .
כמו כן אהבתי את עמוד ה TABS  שמאפשר חיפוש בהיסטוריית הגלישה.

לסיכום
אם אתם רוצים להתאים את הקוד שלכם לדפדפנים שונים , עליהם לעבוד עם 3 דפדפנים ולבחון את התוצאות בכל אחד מהם :
פיירפוקס , אקספלורר וגוגל כרום .

]]> http://www.mbaroz.com/blog/%d7%a1%d7%a4%d7%90%d7%a8%d7%99-4-05-%d7%a2%d7%9b%d7%a9%d7%99%d7%95-%d7%96%d7%9e%d7%99%d7%9f/feed/ 0 אילו דפדפני אינטרנט משמשים את הגולשים http://www.mbaroz.com/blog/%d7%90%d7%99%d7%9c%d7%95-%d7%93%d7%a4%d7%93%d7%a4%d7%a0%d7%99-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%9e%d7%a9%d7%9e%d7%a9%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%92%d7%95%d7%9c%d7%a9%d7%99%d7%9d/ http://www.mbaroz.com/blog/%d7%90%d7%99%d7%9c%d7%95-%d7%93%d7%a4%d7%93%d7%a4%d7%a0%d7%99-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%9e%d7%a9%d7%9e%d7%a9%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%92%d7%95%d7%9c%d7%a9%d7%99%d7%9d/#comments Sat, 27 Feb 2010 08:20:50 +0000 admin http://www.mbaroz.com/blog/?p=239 בטח לא פעם תהיתם באילו דפדפנים הגולשים שלכם משתמשים.
החלטתי לקחת את הנושא למבחן קטן שבו נבדוק אחת ולתמיד האם חל שינוי בהרגלי הגולשים והשימוש בדפדפנים. האמת שהמטרה היותר משמעותית הייתה לבדוק האם הגולשים מתחילים לעשות שימוש יותר ויותר באקספלורר 8 ועוזבים את 6 ו 7 ??.

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

שימוש בדפדפנים

נראה בבירור שאינטרנט אקספלורר 8 מתחיל לשלוט בקרב גולשים ישראליים אם מתייחסים לכלל משתמשי אקספלורר ומסתכלים על איזו גרסה משמשת יותר את הגולשים.
פיירפוקס נמצא השלישי בפופולריות ורביעי נמצא גוגל כרום.
אם מתייחסים לוותק בשוק של הדפדפנים אז זה מסתדר ביחס ישר ולינארי , שכן פיירפוקס היה זמין לפני כרום ותופש נתח שוק יותר גדול. מסתבר שהרגלי הגולשים מהווה משתנה משמעותי בבחירת הדפדפן לשימוש , עם אם נבצע השוואת ביצועים + תכונות מול גוגל כרום ברור לכם שכרום מנצח כאן.
החלק המעניין בכל המחקר הזה הוא שאקספלורר 8 מתחיל להחזיק נתח רב ומנצח בקרב הגולשים שמשתמשים בדפדפני מיקרוסופט  . זו בהחלט בשורה טובה למפתחי אתרים שיודעים טוב מאד מה המשמעות בלהתמודד עם תאימות לדפדפנים ישנים יותר כמו 7 ו 6 של אינטרנט אקספלורר.
בצילום הבא תוכלו לראות את הנתח של משמשים אקספלורר 8  , 7  ו – 6 :
אקספלורר 8 לעומת 7 ו - 6
]]> http://www.mbaroz.com/blog/%d7%90%d7%99%d7%9c%d7%95-%d7%93%d7%a4%d7%93%d7%a4%d7%a0%d7%99-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%9e%d7%a9%d7%9e%d7%a9%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%92%d7%95%d7%9c%d7%a9%d7%99%d7%9d/feed/ 0 פייסבוק משנה את פני האתר http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%9e%d7%a9%d7%a0%d7%94-%d7%90%d7%aa-%d7%a4%d7%a0%d7%99-%d7%94%d7%90%d7%aa%d7%a8/ http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%9e%d7%a9%d7%a0%d7%94-%d7%90%d7%aa-%d7%a4%d7%a0%d7%99-%d7%94%d7%90%d7%aa%d7%a8/#comments Fri, 05 Feb 2010 06:10:35 +0000 admin http://www.mbaroz.com/blog/?p=237 שוב , כך נראה שפייסבוק שוב שינתה את מראה העמוד הראשי של החברים באתר. הפעם המסר שפייסבוק שולחת לגולשים הוא :

פשוט פשוט פשוט : מסתבר שגם בעולם הוירטואלי  , לעיתים הגלגל הוא עגול , והנה לכם דוגמא מושלמת לפייסבוק שבסופו של דבר מציעה את הקונספט העיצובי הקיים בכל אתר אינטרנט סטנדרטי  . תפריט לצד התוכן העיקרי . המוח האנושי רגיל מזה שנים לקונספט העיצובי הזה ולכן זה עובד!
אז מה בכל זאת חדש? אם כן הדרך שבה מעוניינים להציג כמות גדולה של אינפורמציה על מסך אחד וגם לתת את יתרונות התפעול המהיר והאינטואיטיבי , משתמשים בפיתוח על בסיס AJAX שמאפשר תקשורת ושליחת נתונים בצורה אסינכרונית , כל תגובה מהאתר לגולש לא מצריכה המתנה , והגולש יכול להמשיך בפעולות שונות בחלון בו הוא נמצא.

]]> http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%9e%d7%a9%d7%a0%d7%94-%d7%90%d7%aa-%d7%a4%d7%a0%d7%99-%d7%94%d7%90%d7%aa%d7%a8/feed/ 0 אקספלורר 6 בדרך לגמלאות http://www.mbaroz.com/blog/%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8%d7%a8-6-%d7%91%d7%93%d7%a8%d7%9a-%d7%9c%d7%92%d7%9e%d7%9c%d7%90%d7%95%d7%aa/ http://www.mbaroz.com/blog/%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8%d7%a8-6-%d7%91%d7%93%d7%a8%d7%9a-%d7%9c%d7%92%d7%9e%d7%9c%d7%90%d7%95%d7%aa/#comments Sun, 31 Jan 2010 05:28:13 +0000 admin http://www.mbaroz.com/blog/?p=234 גם גוגל הודיעה אתמול על הפסקת בתמיכה שלה בדפדפן אינטרנט אקספלורר 6 , מסתמנת יציאה רשמית של הדפדפן בגרסה זו מהשוק. לא סתם מפתחי האפליקציות ואתרי ה׳ web 2 לא מעוניינים לתמוך בדפדפן בגרסתו הישנה, מיקרוסופט הוציאה אותו לשוק כחלק ממערכת ההפעלה עוד לפני שאתרים הפכו חלק מהתפעול היום יומי של אפליקציות במחשב, וחוסר התמיכה המשוועת שלו בתקן w3org שמה אותו מאחור. נזכיר גם שכניסתם של גוגל כרום כדפדפן סופר מהיר ופיירפוקס כדפדפן שתומך בתקני HTML 5 נכון לגרסתו האחרונה, משאירים את אקספלורר כמוצר ״נוח שנמצא כבר במערכת הפעלה״. כמפתח אתרים וגולש יומיומי , אני יכול להעיד על מגמה גוברת של תאימות אתרים ישראליים לפיירפוקס ולכרום , מה שהיווה בעבר חסם פסיכולוגי אצל רבים מן הגולשים.

]]> http://www.mbaroz.com/blog/%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8%d7%a8-6-%d7%91%d7%93%d7%a8%d7%9a-%d7%9c%d7%92%d7%9e%d7%9c%d7%90%d7%95%d7%aa/feed/ 0 how to inherit font size from main page style http://www.mbaroz.com/blog/how-to-inherit-font-size-from-main-page-style/ http://www.mbaroz.com/blog/how-to-inherit-font-size-from-main-page-style/#comments Thu, 26 Nov 2009 10:25:14 +0000 admin http://www.mbaroz.com/blog/?p=218 How many times you needed to use a regular fixed font for the page via CSS and use a relative font size on other content blocks : well the CSS way to do this is to set the main page style font size :

.main {
font size:15px;
}

And then add relative size to other elemnts:
.content_tilte {
font-size:small;
}

]]> http://www.mbaroz.com/blog/how-to-inherit-font-size-from-main-page-style/feed/ 0 שימוש ב jQuery יחד עם Prototype JS http://www.mbaroz.com/blog/%d7%a9%d7%99%d7%9e%d7%95%d7%a9-%d7%91-jquery-%d7%99%d7%97%d7%93-%d7%a2%d7%9d-prototype-js/ http://www.mbaroz.com/blog/%d7%a9%d7%99%d7%9e%d7%95%d7%a9-%d7%91-jquery-%d7%99%d7%97%d7%93-%d7%a2%d7%9d-prototype-js/#comments Wed, 09 Sep 2009 05:54:02 +0000 Mbaroz http://www.mbaroz.com/blog/?p=188 שימוש ב jQuery  מתנגש עם פונקיונליות של Prototype כאשר מדובר בשימוש באירועים Events.
ברגע שננסה ליישם פונקיונליות ב jQuery ביטלנו את האירועים שהוגדרות על ידי prototype.

על מנת לאפשר לשני הספריות לעובד יחדיו , אפשר להגדיר ב jQuery  את הפרמטר :

jQuery.noConflict()

למידע נוסף בנוזא

]]> http://www.mbaroz.com/blog/%d7%a9%d7%99%d7%9e%d7%95%d7%a9-%d7%91-jquery-%d7%99%d7%97%d7%93-%d7%a2%d7%9d-prototype-js/feed/ 0 טיפ ביוטיוב – קישור למקטע מסוים בסרט http://www.mbaroz.com/blog/%d7%98%d7%99%d7%a4-%d7%91%d7%99%d7%95%d7%98%d7%99%d7%95%d7%91-%d7%a7%d7%99%d7%a9%d7%95%d7%a8-%d7%9c%d7%9e%d7%a7%d7%98%d7%a2-%d7%9e%d7%a1%d7%95%d7%99%d7%9d-%d7%91%d7%a1%d7%a8%d7%98/ http://www.mbaroz.com/blog/%d7%98%d7%99%d7%a4-%d7%91%d7%99%d7%95%d7%98%d7%99%d7%95%d7%91-%d7%a7%d7%99%d7%a9%d7%95%d7%a8-%d7%9c%d7%9e%d7%a7%d7%98%d7%a2-%d7%9e%d7%a1%d7%95%d7%99%d7%9d-%d7%91%d7%a1%d7%a8%d7%98/#comments Wed, 11 Mar 2009 19:48:59 +0000 admin http://www.mbaroz.com/blog/?p=147 כבר יש לכם סרטונים שהעליתם ביוטיוב ואתם שולחים קישור לחברים שלכם .
אז הנה לכם טריק חינמי מדליק. רוצים שהקישור שלכם יוביל לנקודת זמן מסוימת בסרט ? בלי שהצופה יצתרך להמתין לפואנטה. ?

הוסיפו בסוף הקישור את הפרמטרים הבאים :
#t=21m08s 
ואז הקישור שלכם ייראה כך :

]]> http://www.mbaroz.com/blog/%d7%98%d7%99%d7%a4-%d7%91%d7%99%d7%95%d7%98%d7%99%d7%95%d7%91-%d7%a7%d7%99%d7%a9%d7%95%d7%a8-%d7%9c%d7%9e%d7%a7%d7%98%d7%a2-%d7%9e%d7%a1%d7%95%d7%99%d7%9d-%d7%91%d7%a1%d7%a8%d7%98/feed/ 0