سازگاری و هماهنگی سایت با مرورگرهای مختلف
اگر شما هم طراح سایت یا اصلا وبلاگی دارید و دوست دارید سایت شما با تمامی یا اکثر مرورگرها و ورژن های مختلف مرورگرها هماهنگی و سازگاری داشته باشه و با سیستم عامل های مختلف ، مرورگرها ، رزولوشن های مختلف کاربران سایت شما بدون مشکل و آنطور که مطابق میل شما می باشد بالا بیاید ، امروز آموزشی را در سایت قرار دادم که به معرفی ابزاری جهت کنترل سازگاری سایت با عواملی که دربالا ذکر شد میپردازد.
browser shot
وب سایت بسیار مفید و خوب و البته رایگان برای طراحان.شما آدرس وب سایت خود را وارد میکنید و با انتخاب ورژن های مختلف مرورگرها و سیستم عامل های مختلف ، با چند دقیقه صبرکردن تصویری از سایت شما که در آن ورژن مرورگر از سایت شما در نمایش در میاید در اختیار شما قرار می دهد.
همچنین امکان انتخاب سایز تصویر ، عمق رنگ ، جاوااسکریپت ، فلش و … هم وجود دارد.
microsoft expression
از نرم افزار های ماکروسافت جهت استاندارد سازی و طراحی سایت.بیشتر برای مرورگر IE و ورژن های مختلف آن هستش.
این نرم افزار را من خودم از سایت آسان دانلود ، دانلود کردم میتونید تو گوگل سرچ کنید ولی من اینجا لینک سایت اصلی رو دادم ولی شما برید آسان دانلود ! اینجا ایرانه دیگه کپی رایت بی کپی رایت … !
spoon browser sandbox
خودتون برید تو سایتش.سایته خوبیه حتی نسخه های موبایل هم توش میتونید پیدا کنید.
فقط کافیه برا خودتون تو سایت یک اکانت بسازید و از امکانات استفاده کنید.
adobe browser lab
نرم افزار شرکت adobe که امکانات مختلفی از قبیل تست کردن وب سایت شما در مرورگر های مختلف ، دادن تصاویر از وب سایت شما و … را در خورد دارد.
راستش نمیدونم آیا این نرم افزار در وب سایت های فارسی به صورت کرک شده برای دانلود وجود دارد یا نه ؟! ولی ابزار قبلی را خودم هم ازشون استفاده می کنم !
منبع انگلیسی مقاله
کاش در مورد ریسپانسیو کردن اصولی و شدنی (چون هر آموزشی تا حالا دیدم برام نتیجه نداشته) یه پست بزارید
سلام
توصیه می کنم پکیج “طراحی ریسپانسیو” سایت ما رو دیدن کنید، به صورت کاربردی و عملی آموزش داده شده .
با احترام
ممنون مفید بود
ممنونم عالی بود
سلام
من یکی از قالبهای پیشفرض بلاگفا رو یکم تغییرات دادم و یه قالب جدید ساختم. البته اصلا به htmlو css آشنایی ندارم و فقط متوجه شدم که هر قسمت از کد قالب مربوط به چیه بعد همونو با چیزی که خواستم جابجا کردم. مثلا هدرش رو یا رنگ و فونت نوشته ها و …
اما تو فقط توی کروم درست دیده میشه. تو فایرفاکس و اکسپلورر به هم ریخته است. یه راهنمایی لطفا به زبون ساده بفرمایید که من چطور این مشکلو حل کنم؟ مثلا آیا کد خاصی باید در جای خاصی قرار بدم؟ یا چی؟
خیلی لطف بزرگی میکنین اگه کمکم کنین. ممنونم
عالی بود مچکرم
با سلام من شديدا علاقمندم كه طراحي وبسايت رو دنبال كنم اما فكر مي كنم شايد حضور در كلاس در اين زمينه مناسب نباشه آيا منبعي هست كه بتونيد معرفي كنيد
چند مدت قبل چند تا كتاب گرفتم اما هيچ كدوم بدرد نخورد با اينحال كه از بزرگترين ناشران بودن
سلام
باید تمرین کنید فقط ، pdf آموزش html و css هم بد نیست بخونید ، یک بار که یک قالب درست کنید دسستون راه میفته…
بنظر من کتاب آموزش css که نویسندش راشل اندرو هست خیلی عالیه. تو اینترنت هم میتونین رایگان دانلودش کنین ولی کتاب واقعیش بزرگتره.
منم میرم نگاه می کنم نظرمو میگم…
تشکر ، لطف کردید
از این کتاب هم خیلی تعریف شنیدم ولی خودم هنوز نخوندمش.
http://www.iran-eng.com/showthread.php/333207-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-css
سلام ، نمی دونم کار کردن با این سایت چجوری هستش ، آدرس سایتمو وارد کردم اما چیزی نشون نداد.این سایت رو میگم.
http://doctorwp.com/wp-content/uploads/2012/10/Browser-shots.jpg
سلام ،
لیست چندتا مرورگر هستش ، پس از انتخاب چندتا ازونها که مد نظرتون هست و وارد کردن آدرس سایت ، باید چند دقیقه منتظر وایستین که تصویری از صفحه اول وب سایت شما رو نشون بده.
ارور میده وقتی submit میزنم. وقتیم هیچی نمیزنم چیزی نمیاد
http://browsershots.org/http://www.kimya.xzn.ir/
سلام
الان این لینکی رو که داده بودید نگاه کردم ، دوتا تصویر هم برای سایتتون درست کرده بود یکی برای کروم یکی هم برای فایرفاکس…مشکلی نداشت
بله درسته. دیدمشون…
حالا یه مشکل دیگه هست چرا عکس هدر نصفه میاد :(
من width رو 100% قرار دادم… :(
نمی دونم راستش ، div ها و استایل ها رو چک کنید یکبار …
اگر از قالب آماده استفاده کنید و بعد حالا بیاید به دلخواه ویرایشش کنید فکر کنم بهتر باشه …