ابزار پیشرفته ی آزمایش کد های وب (دمو ساز)

          حمیدرضا 
            بازدید : 2540
          چهارشنبه 13 خرداد 1394
           نظرات (1)
        

این چند روزی که وبلاگ را به روز نمی کردم ، در حال کار کردن روی این ابزار فوق العاده کاربردی و مفید بودم. با وجود این مشاهده ی این مطلب را برای همه ی بازدید کنندگان آزاد گذاشته ام ، اما اگر از این ابزار استفاده کردید و خوشتان آمد ؛ باید عضو شوید. یعنی نامردیه اگه عضو نشید و به دوستاتون معرفی نکنید !؟! نیشخند

5روز وقت گذاشتم و هر روز حدود 8ساعت. خدا وکیلی قدر بدونید. لطفا کپی برداری هم نکنید. امکان ایجاد لینک برای دموی کد ها وجود دارد و نیازی به کپی برداری از این ابزار نیست. فقط آدرس کد خود را دریافت کنید و دموی آن را در هر کجایی که می خواهید قرار دهید.

یک جورایی می توان اسم این ابزار را "فول امکانات" گذاشت. از کلی سایت برای ایجاد امکانات ایده گرفتم ، کلی روی امکاناتی که هست فکر کردم ، کلی روی انیمیشن ها و اسکریپت ها کار کردم و در آخر این ابزار ارزشمند را در وبلاگ قرار دادم.

امکانات این ابزار: (قسمت های مهم تر)

مهم ترین کاربرد این ابزار در نمایش خروجی در اندازه های مختلف است:
شما می توانید با استفاده از این امکان ، واکنش گرایی قالب ها و صفحات مختلف را آزمایش کنید. در اصل این امکان برای شما صفحه نمایش هایی با اندازه های مختلف را شبیه سازی می کند (موبایل ، تبلت ، لبتاب و ...). شما هر اندازه ای را که بخواهید می توانید وارد کنید. البته اندازه هایی که بیشترین تعداد را در بین صفحه نمایش ها دارند نیز به صورت پیشفرض در این امکان قرار داده شده است.
مرتب کردن کد های به هم ریخته ی سایت های مختلف:
مثلا شما کد های یک صفحه را کپی می کنید و این کد ها همگی به صورت فشرده شده و در یک خط هستند و تشخیص آن ها کار بسیار سختی است. شما با استفاده از این ابزار می توانید این کد ها را مرتب و کلی کار خود را راحت تر کنید.
فشرده سازی کد ها (یک خط کردن):
این قسمت دقیقا برعکس قسمت قبلی است. در این قسمت شما می توانید کد های خود را در یک خطر قرار دهید و حجم آن ها را تا حدود زیادی کم کنید. حجم پایین کد ها باعث بالا رفتن سرعت بارگذاری آن ها می شود.
دریافت آدرس صفحه ی دموی کد شما:
بر فرض شما کدی را نوشته اید و می خواهید آن را در وبلاگ یا سایت خود نمایش دهید. خیلی راحت می توانید با استفاده از این امکان ، یک آدرس دریافت کنید که در آن آدرس هم کد شما و هم خروجی کد شما نمایش داده می شود. این قسمت برای ذخیره ی کد های شما هم کاربرد دارد. اگر بعدا بخواهید ویرایش کد ها را ادامه دهید ، می توانید به ورود به آدرس دریافت شده ، ادامه ی کار خود را پیش بپیرید.
دانلود کد:
اگر شما خواستید ، می توانید کد هایی را که نوشته اید با پسوند های html , css , js , txt دانلود کنید. برای این کار ابتدا روی پسوند مورد نظر خود کلیک می کنید و پس از ورود به صفحه ی باز شده ، با استفاده از ctrl+s فایل خود را در حافظه ی سیستم خود ذخیره می کنید.
انواع امکانات گرافیکی برای کار کردن راحت تر روی کد ها:
این امکانات شامل نمایش و پنهان کردن قسمت های مختلف ، فعال و غیر فعال کردن input ها ، معلوم کردن جهت نوشته شدن کد ها و ... می باشد.
نمایش/عدم نمایش لحظه ای خروجی:
بعضی افراد از سیستم های قدیمی استفاده می کنند. این امکان به شما کمک می کند که اگر سرعت مرورگر یا سیستمتان کم است ، با قرار دادن ابزار در حالت "عدم نمایش لحظه ای" به راحتی با کد های خود کار کنید.
طراحی بسیار زیبا و سازگار با همه ی مرورگر ها!
لیست کامل تگ های html و خصوصیت های css!

برای مشاهده ی این ابزار روی لینک زیر کلیک کنید:

دمو ساز

ارسال نظر برای این مطلب

	این نظر توسط شعبانی در تاریخ 1394/03/18 و 22:31 دقیقه ارسال شده است

			سلام خداییش خسته نباشی دوست عزیز پاسخ : سلام خواهش می کنم!

عنوان	پاسخ	بازدید	توسط
پنهان کردن عناصر صفحه در php	4	2386	snakeeye
طراحی باکس دانلود	6	2537	mary567
ارزیابی رایگان سایت ها و وبلاگ ها	25	8765	grimboy
انواع قالب اختصاصی	3	2150	ghraphic-home
بهترین افزونه های AMP وردپرس	2	2585	jack7788
کد پاپ اپ دو یا چند پنجره به طور همزمان پشت صفحه	23	9201	jack7788