פיתוח אתרים באינטרנט - Mbaroz » כלי פיתוח

כיצד “לעצור” אלמנט HTML מ- Scroll למעלה

admin — Tue, 15 Nov 2011 07:18:55 +0000

המון פעמים אנו רוצים להמשיך להציג לגולש איזו כותרת או איזה אלמנט הנמצאים בחלקו העליון של העמוד וצריכים להיות “זמינים” בטווח העין למרות הגלילה כלפי מטה. בייחוד כאשר רוב האתרים כיום עשירית בתכנים ובסרטונים אשר מטבע הדברים גורמים לעמוד שלנו להיות ארוך יותר מגובה הדפדפן.
אנו מכירים היטב את ה CSS STYLE :
position:fixed אך למעשה ה CSS הזה יאפשר להעמיד את האלמנט עליו החלנו את ה CLASS הזה באותו המקום גם אם הוא נמצא באמצע העמוד, וזו לא התוצאה שרצינו.
ישנו תוסף מאד קליל(1K) של jQuery הנקרא ScrollToFixed וניתן להוריד אותו מכאן ומאפשר לכם ב 2 שורות קוד להגדיר את הבלוק או האלמנט שתרצו “לעצור” בזמן הגלילה בחלק העליון של העמוד.

הנה הקוד:

$(document).ready(function() { $('#mydiv').scrollToFixed(); });

גוגל כרום 11 מאפשר לדבר אל האתר שלכם.

admin — Thu, 24 Mar 2011 06:47:14 +0000

גוגל כרום 11 ביטא שוחררה למכורים שביננו . גוגל כרום גרסה 11 מאפשרת מעתה שימוש בקוד HTML5 לצורך זיהוי קולי להזנת הטופס. מה זה אומר ?
אתם לא צריכים להיות כותבי קוד חכם על מנת לשלב את האפשרות הנחמדה הזו בשדה מסוים . כאשר תיישמו את התוספת הזו בקוד של תיבת טקסט INPUT FIELD :

x-webkit-speech>

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

הנה דוגמא לקוד המאפשר זיהוי קול בגוגל כרום להזנת שדה טופס

פייסבוק Vs. גוגל

admin — Sat, 13 Nov 2010 12:49:56 +0000

עכשיו זה כבר יותר משמועה שפייסבוק עומדת להשיק שירות מייל שיתחרה בג׳ימייל של גוגל.

כידוע שירות המייל של גוגל נחשב למוצלח ופופולרי ביותר. לפי הערכת הבלוג הטכנולוגי TechCrunch המדווח כי בשבוע הקרוב פייבוק עומדת להשיק שירות דואר אלקטרוני , מעורר תהיות רבות בהמשך למלחמת ענקי האינטרנט FACEBOOK ו GOOGLE.

הוכחה מעניינת לכך ששירות המייל מפייסבוק אמיתי מאיי פעם הוא העובדה ש הכתובת :mail.facebook.com מפנה לשירותי WEB ACCESS של Exchange של מיקרוסופט. שיתוף פעולה כזה בין מיקרוסופט שכבר מציגה במנוע החיפוש BING תוצאות חיפוש חברתיות נראה מאד הגיוני בין שתי החברות .

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

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

בפייסבוק יותר מ 500 מליון משתמשים רשומים , התהייה היא האם כל אחד יוכל להירשם לשירותי הדואר שלה ? הרי למשתמשים הרשומים יש את ערוץ ההודעות בו יכולים לשלוח הודעה לכל אחד ואחת ברשת החברים שלהם , למעשה מה שיקרה לאחר השקת השירות, כל משתמש ברשת החברתית יקבל כתובת המתחילה בשם הנבחר עם הדומיין @facebook.com .

מההכרות של שירותי ה WEB MAIL של MICROSOFT הנהוג לשימוש ופופולריות יותר ברשתות פנים ארגוניות , לא בטוח שהממשק יהיה מספיק יעיל למה שאנו רגילים היום הן בGMAIL והן בהודעות האישיות בתוך הרשת החברתית FACEBOOK . הנגישות , המהירות , והתוספים שב GMAIL , הפתח למפתחים בעולם להוספת GOODIES , מהווים מספר לא מבוטל של יתרונות מול שירותי ה EXCHANGE WEB ACCESS של מיקרוסופט.

קידום וכתיבת תוכן על הדרך

admin — Sat, 20 Mar 2010 14:24:49 +0000

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

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

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

נתחיל עם סקירה של אפליקציית DOCS שמאפשרת לנו לסנכרן את התוכן מהסלולר למערכת GOOGLE DOCS . אפלקציית GoDocs בעלות של 1.99$ תאפשר לכם לכתוב מסמכים דרך האייפון שלכם ולסנכרן אותם לרשת , כל עוד הנכם רגילים לעבודה עם גוגל דוקס אז אתם תרגישו בבית גם עם האפליקציה הזו , כמובן השימוש כאן מתייחס למצב שבו יש לכם באתר מערכת ניהול תוכן ייחודית שאינה נתמכת על מכשירי הסלולר.

ישנן עוד עשרות אפליקציות נוספות שמהוות פלטפורמה לניהול הבלוג שלכם (כמו blogger של גוגל או wordpress) ומאפשרות לנהל את התוכן על הבלוג בצורה נוחה ומהירה מכל מקום .

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

כמובן בהתייחס לתפקידכם כמקדמי אתרים ברשת , אלו כלים לכל דבר כאשר אתם מחוץ לבית .

ספארי 4.05 עכשיו זמין

admin — Sat, 13 Mar 2010 20:23:47 +0000

כמה דפדפנים מותקנים לכם במחשב?
בממוצע למשתמש מתקדם שאינו עוסק בפיתוח אתרים מותקנים 2 דפדפנים עיקריים :
Internet Explorer ו – פיירפוקס.
טוב אז את הראשון אתם כבר יודעים למה יש לכם – כי זה בא כבר עם מערכת ההפעלה, אך אני בטוח שאם הייתה לכם המשימה לבחור דפדפן לעבודה לאחר התקנת מערכת חלונות 7 - שלא היה מגיע עם אקספלורר 8 , המצב בשוק היה יותר מאוזן לכיוון דפדפני הקוד הפתוח.

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

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

אילו דפדפני אינטרנט משמשים את הגולשים

admin — Sat, 27 Feb 2010 08:20:50 +0000

בטח לא פעם תהיתם באילו דפדפנים הגולשים שלכם משתמשים.

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

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

נראה בבירור שאינטרנט אקספלורר 8 מתחיל לשלוט בקרב גולשים ישראליים אם מתייחסים לכלל משתמשי אקספלורר ומסתכלים על איזו גרסה משמשת יותר את הגולשים.

פיירפוקס נמצא השלישי בפופולריות ורביעי נמצא גוגל כרום.

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

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

בצילום הבא תוכלו לראות את הנתח של משמשים אקספלורר 8 , 7 ו – 6 :

שימוש ב jQuery יחד עם Prototype JS

Mbaroz — Wed, 09 Sep 2009 05:54:02 +0000

שימוש ב jQuery מתנגש עם פונקיונליות של Prototype כאשר מדובר בשימוש באירועים Events.
ברגע שננסה ליישם פונקיונליות ב jQuery ביטלנו את האירועים שהוגדרות על ידי prototype.

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

jQuery.noConflict()

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

ניווט קל ונוח באתר

admin — Fri, 20 Feb 2009 05:31:25 +0000

אתה לא רוצה לעשות את האתר אורח המשמרת כדי לאתר אחר כהרף עין, כי הוא לא יכול לדבר איתך, נכון? במילים אחרות, אתה זקוק נואשות כדי להפוך את האתר ידידותי למשתמש שני. במילים אחרות עדיין, את עיצוב האתר לצרכיך פנים ל-להרים את החליפה במהירות גוברת דרישות & מגמות נטו של העולם. לשמור על כמה נקודות בחשבון בעת עיצוב אתרי אינטרנט יהיה עצום של עזרה.
תקשורת: עולם שבו אנשים כיום הרבה יותר קולני על דעות, אוהב, dislikes & & טעם מעדיפים שולח אותם מיד ברשת דרך קלה של תקשורת עם אתר אינטרנט הוא בעל מה הם מצפים מעל כל השאר. עבור ביקור: - www.web-audios-plus.com מאפשר את האתר מבקר את הרמה המקסימלית של communicative נוחות הוא אידיאלי מה אתה צריך להסתכל קדימה. Revamp אותו עם האפשרויות יקל על המשתמשים בקלות לדבר איתך או להזמין או לתת להם משוב שכן אנשים מעדיפים כיום מגוון רחב של תקשורת אחד לאחד.
הדפדפן תאימות: א זמינות הנדיבה של דפדפנים חלופיים כמו Mozilla, Netscape & אופרה מלבד אינטרנט אקספלורר תנוחות בעיה של המבקר להיראות כמו מסוימים עיצובים שונים על דפדפנים שונים. בהקשר זה על בניית האתר האינטרנט שלך צריך רמה גבוהה יותר של תאימות הדפדפן לאפשר את העיצוב כדי שיוצג באותה מידה כמו נחמד בכל דפדפן אחר.
ניווט: כדי ליצור זרימה קלה של ניווט דרך הדף הראשי של אחרים & קישורים אתה צריך לעבור אותם בבהירות. ראה את זה כי כדי לחזור לדף הראשי דורש קליק אחד. עבור אתרים עם מעל לשמונה רמות, “breadcrumbs” יכול להיות אפשרות נחמדה. הם מציגים את מסלול כמו לחץ: ראשי> חלק 2> Subsection b> 4.
פחותה שימוש גרפיקה: עיצוב אתרים חברות יעוץ פחותה מאשר שימוש בגרפיקה טקסט התוכן כדי להפיק קל & העלאת הליך מהיר. ודא כי האתר שלך מציעים שירותי עיצוב השימוש של תגיות ALT וכן CSS (גיליונות סגנון מותאם אישית) כדי לאפשר לקוראים לקרוא את הטקסט של תוכן בקלות. אתה אוהב את האתר שלך יוכלו לקבל גישה על ידי כל אחד &, לרבות חזותית לערער, נכון?
הסר פלאש: הימנעות פלאש תוך שימוש pepping את האתר הוא רצוי כמו אנימציות פלאש הם בדרך כלל בגודל ענק & זה יהיה הרבה מאוד זמן רב עבור חיוג למשתמשים טוען אותם. עוד מקבל שירות כמו Flash-אתרי אינטרנט אינם להיות נסרק על ידי מנועי החיפוש המובילים, אשר blatantlyאיתות שלילי מציין את קבלת הפנים של תנועה חופשית של מנועי חיפוש. למעשה, SEO שירותי נשאר משמעותי את האזור ובראשונה הדאגה מתי אתם מתכננים להתמודד עם שירותי עיצוב אתרים.

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

עוד בנושא בניית אתרים באינטרנט

CSS ותאימות ל Firefox

admin — Sun, 15 Feb 2009 07:52:54 +0000

כחברה שעוסקת בפיתוח אתרים , אתם נתקלים ביום יום בבעיות תאימות בין אקספלורר 7 לפיירפוקס 3 . בעיה מאד בסיסית שגרמה לי לא לישון בלילה היא נושא המרווח בפקודת margin . פקודה זו מבטאת את המרווח החיצוני בין האלמנט עליו היא נמצאת לאלמנט מאותו כיוון (למשל margin-let יתייחס לשוליים משמאל).
משום מה – פיירפוקס מתעלם מזה ושימוש ב Padding כן נותן את התוצאה המתאימה ל פיירפוקס ו אקספלורר. עוד על בניית אתרים באינטרנט

גוגל מפסיקה את פיתוח Google Notebook

admin — Mon, 19 Jan 2009 06:17:08 +0000

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

כאלטקנטיבות טובות יותר גוגל מציעה את המוצרים המחליפים את המוצר :
Google Docs
SearchWiki – לאחרונה גוגל הוסיפה אפשרות לרשום פיתקיות לצד תוצאות החיפוש שמחוברות לאותה כתובת אתר בעמוד התוצאות חיפוש.
Google Bookmarks – מאפשר שמירה ושיתוף של עמודי המועדפים שלנו וניתן לגשת לרשימת ה BOOKMARKS מכל מחשב במו מותקן סרגל הכלים של גוגל.
Tasks in Gmail – לאחרונה הוסיפה גוגל אפשרות לניהול משימות בתול GMAIL – כך שניתן באותו מקום שבו אנו קוראים מיילים לרשום את המשימו שלנו .