میز سی اس اس :آزمایش آنلاین کد های CSS و HTML

- visibility ۵ mode_comment

بنام یگانه هستی بخش

شاید گهگاهی بخواهید خیلی سریع کدهای CSS رو امتحان کنید. مثلا خاصیت  (propertie) جدیدی یاد گرفتید و می خواهید بدون اینکه ادیتور باز کنید، یه فایل HTML ایجاد کنید، فایل HTML تون رو به صورت خام دربیارید (تگ HTML رو باز کنید و سپس تگ head و body رو باز کنید و بعد ... ) و بعد ...  کد هاتون رو آزمایش کنید.

چه کاریه واسه امتحان چند خط کد CSS این کار هارو بکنیم.یه سر به CSS Desk میزنیم و در قسمت سی اس اس ، فقط کد CSS مینویسیم و در قسمت HTML مثلا تنها یک div باز میکنیم.

تموم شد. به همین راحتی. نمایی از صفحه ی مورد نظر:

css-deskدر بالای سایت منویی هست که یکی از کاربردی ترین گزینه هاش ، گزینه ی Download هست.میتونید کد های CSS و HTML ای که نوشتید رو به صورت یک فایل HTML در یافت کنید.

همچنین با گزینه ی Share میتونید کدهایی که نوشتید رو انتشار بدید.یعنی یه صفحه ی جدید با تغییراتی که انجام دادید ایجاد میشه که میتونید لینکشو به هرکسی که خواستید بدید تا کدهاتون رو ببینه(به نظر من خیلی جالبه و اگه مشکلی تو کدنویسی داشتید میتونید تو سون لرن یه تایپیک بزنید و به جای اینکه فایلتون رو آپلود کنید لینک این صفحه رو بهش بدین 🙂 ). ضمنا میتونید با گزینه ی Save همون صفحه رو که لینکشو دارید ، آپدیت کنید.مثلا  این یکی از اون لینک هاست.یک بار لینک رو با مرورگر کروم و یک بار با موزیلا ببینید(اگه امکانش هست) ، اونوقت میفهمید کروم خیلی بهتر از موزیلاست 🙂 .

امیدوارم مورد استفاده قرار بگیره.

در پناه حق باشید ؛ یا علی

comment دیدگاه کاربران
N a S e R

جالب بود ممنون فقط مشکل ویرایشگرهای انلاین اینه که کنترل + اسپیس روشون کار نمیکنه و مجبوری کل دستور رو خودت بنویسی 😆

علی امینی

خب کاری نداره.میتونی با ادیتور کد هاتو بنویسی و بعد اونارو کپی پیست کنی 😉

متاسفانه کد هایی که share میکنید بعد چند وقت پاک میشن undefined

ahmad

عالی بود

mohammad nikkhah

سایت خوبیه
ممنون
مفید بود

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.