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

ProtoFluid הוא כלי אפליקציה ( אני בספק שאפשר לקראו לזה אפליקציה ) מבוססת ווב, המאפשרת לבדוק את האתרים שלנו ברזולוציות שונות ולצפות באיך האתרים שלנו מוצגים במכשירים שונים כמו IPhone, IPAD, Google Nexus One ועוד. כל שעליך לעשות זה לרשום את כתובת האתר שלך בתיבה, לבחור מכשיר שבו ברצונך לבדוק את תצוגת האתר שלך וללחוץ על כפתור Launch.

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

איך להתאים אתר למסכים עם רזולוציה קטנה ?

תשובה נמצאת ב- Css3. כל בונה אתר מכיר ויודע את עבודה מול Css וכמובן שמע על תקן חדש שהולך להיכנס בקרוב – HTML 5 CSS3.

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

פיתרון מעשי:

לחץ על תמונה להגדלה

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

קישור לאתר ProtoFluid: לחץ כאן: http://protofluid.com