פיתוח אתרים באינטרנט - Mbaroz » HTML http://www.mbaroz.com/blog כל המידע בתחום פיתוח אתרים באינטרנט Thu, 15 Dec 2011 09:29:26 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Facebook Send Button http://www.mbaroz.com/blog/facebook-send-button/ http://www.mbaroz.com/blog/facebook-send-button/#comments Mon, 25 Apr 2011 20:17:08 +0000 admin http://www.mbaroz.com/blog/?p=373

פייסבוק הודיעה ממש היום בבלוג שלה על הוספת WIDGET חדש שנקרא SEND BUTTON שמאפשר שליחת העמוד בו הכפתור מוטמע באתר שלכם לחברים בפייסבוק ישירות.

ניתן לשלב את הכפתור יחד עם ה LIKE BUTTON או בצורה עצמאית .

 

]]> http://www.mbaroz.com/blog/facebook-send-button/feed/ 0 נתח השוק של אינטרנט אקספלורר ירד את רף ה 50 אחוז http://www.mbaroz.com/blog/%d7%a0%d7%aa%d7%97-%d7%94%d7%a9%d7%95%d7%a7-%d7%a9%d7%9c-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8/ http://www.mbaroz.com/blog/%d7%a0%d7%aa%d7%97-%d7%94%d7%a9%d7%95%d7%a7-%d7%a9%d7%9c-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8/#comments Fri, 08 Oct 2010 11:59:43 +0000 admin http://www.mbaroz.com/blog/?p=294 חברת statscounter פרסמה נתונים מעניינים לגבי נתח שוק המשתמשים הגולשים באינטרנט אקספלורר.
נתח שוק של גולשי הדפדפן הנפוץ בעולם ירד את סף ה 50 אחוז! מה שמעיד על עלייתם הפופולארית של הדפדפנים האחרים כמו פיירפוקס גוגל כרום ועוד….
אני מאמין שבקצב שבו מיקרוסופט משנה את תפקוד ותצוגת הדפדפן שלה , אנו נראה בקרוב את האינטרנט אקספלורר הופך למוצג היסטורי .

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

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

]]> http://www.mbaroz.com/blog/%d7%a0%d7%aa%d7%97-%d7%94%d7%a9%d7%95%d7%a7-%d7%a9%d7%9c-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8/feed/ 0 חתימה עשירה ב GMAIL http://www.mbaroz.com/blog/%d7%97%d7%aa%d7%99%d7%9e%d7%94-%d7%a2%d7%a9%d7%99%d7%a8%d7%94-%d7%91-gmail/ http://www.mbaroz.com/blog/%d7%97%d7%aa%d7%99%d7%9e%d7%94-%d7%a2%d7%a9%d7%99%d7%a8%d7%94-%d7%91-gmail/#comments Mon, 16 Aug 2010 14:16:39 +0000 admin http://www.mbaroz.com/blog/?p=278 סוף סוף אפשר להוסיף חתימה בטקסט עשיר למיילים דרך אתרGMAIL , אם הייתם אלה שרק בגלל זה נאלצו לעבורל OUTLOOK על מנת להנות מחתימה גרפית ומעוצבת , כעת ניתן להשתמש בטקסט עשיר, ליצור קישורים , ולהפנות לתמונה ברשת . (לא ניתן להעלות תמונה , אך ניתן להפנות לתמונה ברשת)

תהנו.

]]> http://www.mbaroz.com/blog/%d7%97%d7%aa%d7%99%d7%9e%d7%94-%d7%a2%d7%a9%d7%99%d7%a8%d7%94-%d7%91-gmail/feed/ 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 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 אקספלורר 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 שימוש ב 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 CSS ותאימות ל Firefox http://www.mbaroz.com/blog/css-%d7%95%d7%aa%d7%90%d7%99%d7%9e%d7%95%d7%aa-%d7%9c-firefox/ http://www.mbaroz.com/blog/css-%d7%95%d7%aa%d7%90%d7%99%d7%9e%d7%95%d7%aa-%d7%9c-firefox/#comments Sun, 15 Feb 2009 07:52:54 +0000 admin http://www.mbaroz.com/blog/?p=126 כחברה שעוסקת בפיתוח אתרים , אתם נתקלים ביום יום בבעיות תאימות בין אקספלורר  7 לפיירפוקס 3 . בעיה מאד בסיסית שגרמה לי לא לישון בלילה היא נושא המרווח בפקודת margin .  פקודה זו מבטאת את המרווח החיצוני  בין האלמנט עליו היא נמצאת לאלמנט מאותו כיוון (למשל margin-let יתייחס לשוליים משמאל).
משום מה – פיירפוקס מתעלם מזה ושימוש ב Padding כן נותן את התוצאה המתאימה ל פיירפוקס ו אקספלורר. עוד על בניית אתרים באינטרנט

]]> http://www.mbaroz.com/blog/css-%d7%95%d7%aa%d7%90%d7%99%d7%9e%d7%95%d7%aa-%d7%9c-firefox/feed/ 0