مرجع مقالات رسمی طراحی سایت

 

طراحی وب دارنده فرآیند مختلفی میباشد. یک طراح می بایست مورد ها مختلفی را به هنگام ساخت تارنما مدنظر قرار دهد.   طراحی سایت در مشهد  هر سایتی به یک منش پباده سازی واکنشگرا نیاز دارااست. برای اینکه بتوان واکنشگرا یا این که ریسپانسیو بودن طرح ها را پیگیری کرد، آزمایش و چک نخستین و مکرر آنها با هرکدام از ابزارهای آزمایش واکنشگرا بودن طرح ها، شمارا مطمئن می سازد که طرح هایتان در همه مرورگرها ظواهر قابل قبولی داراست و در کلیه صفحه ها اکران به صحت نمایش داده میشود. هر وب سایت مدرنی به یک طرح واکنشگرا نیاز داراست. اینکار نیازمنده عملکرد اکثری میباشد البته فیض آخرین بسیار پر ارزش خواهد بود.  پیشنهاد می‌کنیم ایده های مربوط به طرح های خویش را به یاری ابزارهای محاسبه واکنشگرا بودن آن؛ آنالیز فرمایید و ملاحظه کنید در هر مرحله از پباده سازی، وب سایت شما چه ظاهری دارااست.  شما میتوانید به امداد این ابزارهای موءثر درپی اشتباهات مربوط به امکان کاربرد آن بر روی صفحه ها اکرانِ گوناگون باشید. این ابزارهای بدون‌پول جزو تعیین های برتر ما خواهد بود چون عمل با آن‌ها بسیار بی آلایش و اسان میباشد. علاوه بر این، ابزارهایی که به دنبال معرفی خوا‌هیم کرد از اندازه های متفاوت دستگاه ها پشتیبانی می نمایند و می قدرت ظواهر تارنما پباده سازی گردیده بر روی موبایل های هوشمند و دسکتاپ را به خیر و خوبی گزینه نظارت قرار اعطا کرد.

 

1) ابزار XRespond:

 

 

نرم افزار XRespond با اسم آزمایشگاه مجازی برای دستگاه های متعدد شناخته گردیده‌است و قادر است قابلیت و امکان های بسیار نیکی در اختیارتان بگذارد. به امداد این ابزار میتوانید پیش اکران وبسایتِ در هم اکنون پباده سازی را بر روی اشکال مختلفی از دستگاه ها ملاحظه کنید. وبسایت در مدل افقی وقتگیر فعالیت می نماید و برای مشاهده کلیه فرمت های مربوط به کاغذ اکران، ناچار خواهید بود به گوشه های ورقه، اسکرول فرمائید. برچسب بالای هر برگه اکران، اندازه ظریف و دستگاهی که با آن هم خوانی میباشد را در دست شما قرار می‌دهد. علاوه بر این، از روش منوی کشویی می‌توانید مورد های مختلفی همانند تلفن همراه های هوشمند،تبلت،لپ تاپ و بقیه دستگاه ها را ملاحظه کنید و یک کدام از آنها را بر طبق نیاز خویش گزینش فرمائید.

 

این منوی کشویی حتی از پیکربندی پهنا/ارتفاع سفارشی هم پشتیبانی می نماید. در حالتی که می‌خواهید ظواهر وبسایت خویش را بر روی مانیتورهای خاصی ملاحظه کنید میتوانید از این پیکربندی به کار گیری نمائید. این آیتم یک ابزار آزمایش عالی برای واکنشگرا بودن طراحی وب سایت میباشد و از آیتم ها و مدل های مختلفی پشتیبانی می نماید.

 

2) ابزار Responsinator:

 

 

یک کدام از دیگر از ابزارهای مربوط به آزمایش طراحی وب سایت ریسپانسیو، Responsinator میباشد. این وب سایت به جای این که از نوار اسکرول افقی استعمال نماید، پیش اکران هر مورد از دستگاه ها را در ردیف عمودی به اکران میگذارد. این عمل به شما یاری می نماید از روش هر دستگاه اسکرول فرمائید و پیش اکران وبسایت را به طور جدا مشاهده کنید. دستگاه هایی که درین ابزار گنجانده گردیده اند در برگیرنده موردها دوستداشتنی و رایج همانند آیفون و نکسوس می‌باشند که هر دوی این ها با پیش اکران portrait و landscape علامت داده می گردند.  همینطور میتوانید پیش اکران portrait و landscape دستگاه هایی همانند آیپد را هم در‌این ابزار ملاحظه کنید.  امکان عالی دیگری که در‌این ابزار گنجانده گردیده‌است ردوبدل دربین پروتکل های HTTP و HTTPS میباشد. ابزار Responsinator هر دو پروتکل را بسته به آدرسی که شما وارد می‌کنید در اختیارتان قرار میدهد. این عمل سبب می توان به طور اتوماتیک وبسایت با چیزی که شما در اکنون چک پیش اکران آن می‌باشید هم خوانی گردد و از بروز خطاهای SSL پرهیز خواهد شد.

 

3) ابزار Responsive Design Checker:

 

 

بعداز ساخت سایت، بایستی مشاهده کنید وبسایت شما حقیقتا ریسپانسیو می‌باشد یا این که نه.  برای اینکار میتوانید از ابزار Responsive Design Checker استعمال فرمائید که برای اندازه صفحه های اکران گوناگون، سفارشی سازی گردیده است. پس از اینکه نشانی وبسایت خویش را وارد کردید، در دست گرفتن جامعی بر روی فضای آزمایش واکنشگرا بودن خویش خواهید داشت. می‌توانید پهنا/ ارتفاع را بسته به نیاز خویش تغییر‌و تحول دهید. در سایدبار، قریه ها اندازه ی از پیش تعریف و تمجید گردیده برای صفحه ها اکران دستگاه های دوستداشتنی همانند تبلت نکسوس، کیندل و حتی تلفن همراه های نو همانند گوگل پیکسل را می‌توانید پیدا نمایید. این وب سایت حتی از صفحه های اکران گران قدر با مانیتورهای دسکتاپی با پهنا بیش تر از 24 اینچ هم پشتیبانی می نماید. این اندازه های گران قدر حتی بر روی مانیتورهای کوچک هم به خیر عمل می نمایند چون شیت پیش اکران خویش را بر پایه ی نسبت تغییر تحول میدهند( به مبنی بر پهنا کلی پیکسل).

 

بدین ترتیب درصورتی که می‌خواهید مانیتورهای 1920 پیکسلی را بر روی برگه اکران های کوچکی همانند مک بوک آزمایش فرمائید، این ابزار برایتان بسیار نفیس خواهد بود.

 

4) ابزار Google Mobile Test:

 

 

گوگل آکنده‌از ابزارهای عالی برای وبمسترهاست و  ابزار آزمایش گوشی دوست بودن وبسایت ها، صرفا مثال ای از این موردها میباشد. این ابزار محاسبه کننده، در واقع جزو ابزارهای پیش نمایشگر وجود ندارد و در یافتن باگ های گران قدر رابط کاربری کمکی به شما نمی نماید. در قبال می‌توانید از این مورد برای حل ایرادات وبسایت بر روی دستگاه های موبایلی به کار گیری نمایید. پس از اینکه آزمایش بر روی تارنما انجام شد با عبارت هایی همانند pass  یا این که Fail مواجه خواهید شد.  این قضیه برای عده ای که در حوزه ساخت وب سایت ماهر می‌باشند، کم کم پیش می اید ولی گوگل مبتنی بر مشکلی که وجود دارااست نکاتی را ارائه می نماید. طراحان می‌توانند از این نکات برای بهبود اشتباهات خویش استعمال نمایند. این ابزار را بوک برند فرمایید و از آن تحت عنوان یک آیتم گرانبها و قابل اتکا برای آزمایش تلفن همراه دوست بودن وب سایت های خویش استعمال فرمایید. اگرچه این مورد یک  منبع بی نقص برای تحلیل واکنشگرا بودن وب سایت های پباده سازی گردیده وجود ندارد البته قادر است منبع عالی برای گردآوری داده ها  از یک کمپانی بسیار دارای اعتبار در حوزه اینترنت باشد.

 

5) ابزار آزمایش واکنشگرا بودن Matt Kersley:

 

 

مت کارسلی تحت عنوان یک طراح وب سایت و بسط دهنده آن، ابزار بدون‌پول خویش را  برای آنالیز ریسپانسیو بودن طرح ها منتشر نموده است. این آیتم بسیار بی آلایش خیس از ابزارهای دیگر میباشد و امکان های متعددی ندارد. در ازای شما میتوانید از آن تحت عنوان پیش نمایشگر معمولی تارنما با 5 پهنا اثبات تحت استعمال فرمایید:

 

240px, 320px, 480px, 768px, 1024px.

 

شیت پیش اکران دارنده اسکرول توشه میباشد بدین ترتیب می‌توانید فارغ از زحمت محتوای جان دار را جستجو فرمائید. با اینحال ناچار نیستید بر روی هر پیوند کلیک نمائید یا این که در همگی صفحه ها باطن پیش نمایشگر به گشت و گذار بپردازید. تحت عنوان یک ابزار معمولی، این مورد عمل خویش را به خیر اعمال می‌دهد و یکی کم ابزارهای تستی میباشد که پهنا 240 پیکسل را به صورت پیش فرض ارائه می نماید.

 

6) ابزار Am I Responsive:

 

 

چنانچه پیرو توجه پیکسلی می باشید به احتمال زیاد نیازی به‌این ابزار نخواهید داشت.  این مورد برای نظارت های سریع و پیش اکران بر روی بعضی از دستگاه های رایج، آیتم به کارگیری قرار می‌گیرد. کافیست نشانی تارنما را وارد نمایید. بعداز زدن اینتر، 4 برگه پیش اکران برای دستگاه های متفاوت لود می‌شود. این دستگاه ها در برگیرنده تلفن همراه هوشمند، تبلت، لپ تاپ، دسکتاپ میباشد. این ها قابل مقیاس بندی نیستند. به این ترتیب فقط میتوانید تارنما را تحت عنوان یک نسبت آیتم نظارت قرار دهید. در‌صورتی‌که میخواهید از تارنما خویش اسکرین شات بگیرید و مشاهده کنید در دستگاه های گوناگون چه ظاهری دارااست بهتر میباشد این ابزار را از دست ندهید. رندر این تارنما بسیار ظریف میباشد و برای رندر درست از مرورگر شما استعمال می نماید.

 

این ابزار اذن می‌دهد نشانی لوکال هاست را نیز وارد نمائید. این مورد برای طراحانی که بر روی رایانه خودکار می نمایند بسیار اصلی میباشد.

 

7) ابزار آزمایش Designmodo:

 

 

یکی‌از دیگر از ابزارهای آزمایش ریسپانسیو بودن وب سایت، ابزار Designmodo میباشد. این ابزار بدون‌پول به شما اذن می‌دهد وبسایت خویش را در مرورگر بر پایه ی پهنا خاصی، مشاهده کنید. امکان عالی دیگری که درین ابزار گنجانده گردیده است، تهیه و تنظیم شیت مبنی بر گرید( کانال) میباشد.  شما میتوانید ورقه و  پیکسل های آن را ارزیابی فرمایید و حتی گرید برگه را به یاری این نرم افزار بخوانید. در کنار پهنا های از پیش تعریف و تمجید گردیده قادرید ورقه پیشن اکران را درگ فرمایید تا به پهنا دلخواه و مدنظر شما رسد. در صورتی مجبورید پهنا یا این که طول را وارد نمایید نگران نباشید. این ابزار ورودی پهنا و طول را هم در چنگ شما قرار داده میباشد. آیکون دستگاه در کناره سمت راست و بالای ورقه، به شما اذن میدهد از روستا ها اندازه رایج به کارگیری فرمائید و بر پایه ی آن وب سایت خویش را آیتم آنالیز قرار دهید.