تست

۲۳ مطلب در ارديبهشت ۱۳۹۴ ثبت شده است

  • ۰
  • ۰

باسلام خدمت دوستان عزیز.

چند وقت پیش توی سایت گشتم و یک ابزار با عنوان

ابزار ساخت کد میله سبز رنگ - لودینگ ویندوز (تگ progress)

دیدم.البته اون ابزار هم خیلی خوب بود ولی من یک نسخه دیگش رو دست کردم که امکانات دیگه ای مثل نشان دادن میزان پیشرفت میله سبز رنگ به درصد و یک بخش info رو هم داره و یکم جمع و جورتره.

درباره تگ progress هم این رو بگم که یک تگ جدید از HTML5 هست. که برای نشان دادن میزان پیشرفت یک محتوی ساخته شده.

شکل و نوع رنگ این میله بستگی به ویندوزتون داره.

آموزش ساخت این تگ :

مثل سایر تگ ها تصویر اول پست

به تگ دوتا attribute میدیم.

یکی default که مقدار پیش فرض میله هست.یعنی میله چند درصد بره جلو و سبز بشه.

و دیگری max هست که میگه حداکثر میله میتونه تا چه مقداری پیش روی کنه.که معمولا بهتره 100 بزاریم.

البته هر چی دوست دارید هم میتونید بزارید.

مثل یک مدل سادش اینه:

تصویر دوم پست

باتشکر


منبع : http://moisrex.rozblog.com
  • تست تست
  • ۰
  • ۰

سلام

امروز یک ابزار ساختم که بوسیله اون میتونید نقاشی بکشید.

خودم که خیل باهاش حال کردم.باهاش چیزای عجیب و غریب میشه بکشی.

امکانات:

رنگ آمیزی (مناسب برای بچه ها : دی!)

گرد کردن گوشه ها و اشکل جالب

رنگ کردن هر پیکسل با Gradient CSS

دارای دو انیمیشن زیبا (بازی با رنگ ها)

قابلیت نوشتن متن

قابلیت انتخاب رنگ قاب طرح ها

و... (خودتون کشف کنید! بازم : دی)

انیمیشن هاش خیل قشنگه!

به قول محمد تمامی حقوق این ابزار متعلق به این سایت (Moisrex.rozblog.com) هست و هر گونه کپی برداری پیگرد قانونی خواهد داشت!!!!


منبع : http://moisrex.rozblog.com
  • تست تست
  • ۰
  • ۰

ابزار سازنده تگ ویدئو

سلام

ابزاری که براتون ساختم به کمکش میتونید تگ ویدئو بسازید.

تگ video تگی است که به تازگی توسط نسخه پنجم HTML یعنی HTM5 ارائه شده است که به کمک این تگ میتوان در صفحه وب خود فایل ویدئویی برای نمایش قرار داد. از مزیت های این تگ نسبت به تگ هایی همچون embed و object این است که در صورتی که مرورگر شما از HTML5 پشتیبانی کند مرورگر دیگر نیازی به پلاگین های نمایش ویدئو ندارد.

توی گزینه ها یک گزینه هست بنام آدرس پوستر. شاید توی سایت هایی مثل آپارات دیده باشید که اول فیلم یا یه عکس تبلیغاتی میاد یا یه پیام بازرگانی. بوسیله این خاصیت میشه این کار ها رو کرد. اگه خالیش بزارید اولین فریم فیلم به عنوان پوستر نشون داده میشه.

باتشکر


منبع : http://moisrex.rozblog.com
  • تست تست
  • ۰
  • ۰

سلام و احترام خدمت تمامی کاربران کدستان

امروز یک قالب تقریبا ساده براتون حاضر کردیم که امیدواریم مورد استفاده قرار بگیره

این قالب فول css

فول ریسپانسیو

استفاده نشدن از هرگونه عکس

html5

css3

و همچنین فونت آیکون و سئو میباشد

قالب بسیار سبک کد نویسی شده است

این تم توسط امیر مولایی طراحی و توسط بنده کد نویسی شده است


منبع : http://moisrex.rozblog.com
  • تست تست
  • ۰
  • ۰

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

ویژگی ها:

  • تمامی comment ها رو پاک می کنه.
  • فضاهای خالی رو تا جایی که امکان داره حذف می کنه.
  • string های توی کد رو اصلا دست نمیزنه حتی اگر قسمت های اضافی توشون باشه.
  • اگر یه بار اونو با Run As Adminstrator ران کنین توی ریجستری تغییرات لازم برای اضافه کردن گزینه "Compress (Css Style)" رو به کلیک راست اضافه می کنه.
  • سمیکالن های آخر رو پاک می کنه.
  • یه آیکون هم داره :دی (خیلی زور زدم تا یاد گرفتم دقیقا باید چی کار کنم برای این قسمت :دی خخخ)

تا دلتون بخواد روش برای باز کردن نرم افزار هست. چند تا روش ساده اش رو بهتون معرفی می کنم:

  • این که اون فایل سی اس اس رو بکشین و بندازین روی فایل exe.
  • اگر یه بار نرم افزار رو به صورت Run As Adminstrator ران کرده باشین می تونین از توی کلیک راست کمپرسش کنین.
  • می تونین از طریق سی ام دی به دایرکتوری فایل exe برین و فایل سی اس اس رو به عنوان ورودی بهش بدین.
  • میتونین همون کار قبلی رو انجام بدین فقط برای راحتی کار یه بار برین آدرس دایرکتوری رو توی Envirement Variables ویندوز توی PATH قرار بدین تا نخواد دیگه برین توی دایرکتوری فایل EXE.
  • می تونین با File Explorer برین توی مکانی که فایل exe قرار داره بعد توی نوار آدرس همه چیو پاک کنین و بنویسین cmd بعد مثل قبل مثلا بنویسین css_compressor style.css
  • می تونین یه شورتکات به فولدر send to ویندوز اضافه کنین و از اون استفاده کنین.
  • در کل باید یه ورودی به فایل بدین فرقی نداره چجوری ...

منبع : http://moisrex.rozblog.com
  • تست تست
  • ۰
  • ۰

نرم افزار MyEditor

MyEditor یک ادیتور برای برنامه نویسان وب هست

تفاوت این ادیتور با ادیتور های دیگه اینه که شما کدتون رو می نویسید بعد با زدن یک دکمه نتیجه کد ها تون رو بدون اینکه نیاز باشه مرورگرتون رو باز کنید میبینید

درواقع در سمت راست برنامه یک مرورگر با هسته ی مرورگر Chrome قرار داده شده و نتیجه کد ها نوشته شده در سمت چپ برنامه رو نمایش میده

امکانات نرم افزار:

مرورگر: برنامه خود دارای یک مرورگر بری نمایش نتیجه کد ها هست که CSS3 و HTML5 رو ساپورت می کنه

چند تب بودن: امکان باز کردن چند تب در برنامه

محیط برنامه: محیط برنامه بسیار ساده و عین حال پیشرفته طراحی شده

بارکردن پوشه: شما می تونید یک پوشه که می تونه پوشه پروژه های شما باشه رو در برنامه باز کنید (همین طور که در عکس میبینید)(درواقع یک فایل منیجر کامل در برنامه قرار داده شده)

Localhost: در صورتی که شما از Localhost استفاده می کنید میتوندید با قسمتی که در برنامه برای نمایش Localhost قرار داده شده می تونید http://localhost رو در برنامه به صورت کامل مشاهده کنید!

Color Picker: یک Color Picker پیشرفته در برنامه قرار داده شده که همین از طریق منوی بالا و هم از طریق دکمه های (Ctrl+Space) در ادیتور قابل دسترسی هست

دریافت سورس سایت: یکی از قسمت هایی که می تونه خیلی هم کاربرد داشته باشه دریافت سورس یک صفحه وب و نمایش مستقیم اون در برنامه هست

بازدکردن در مرورگر: و البته در صورت تمایل می تونید فایلی که در حال ویرایش اون هستید رو در مرورگر اصلی خودتون با دکمه ای که در بالای برنامه قرار داده شده باز کنید

اضافه شدن گزینه "Open in MyEditor": با زدن این گزینه که در منوی راست کلیک فایل ها اضافه شده اون فایل در MyEditor باز میشه


منبع : http://moisrex.rozblog.com
  • تست تست
  • ۰
  • ۰

نمایش این تاپیک فقط برای اعضا !


  • نمایش این تاپیک فقط برای اعضا !


     

  • تست تست
  • ۰
  • ۰

.::آیا میدانید ::.

نمایش این تاپیک فقط برای اعضا !


  • نمایش این تاپیک فقط برای اعضا !


     

  • تست تست
  • ۰
  • ۰

جوانهادرجامعه

نمایش این تاپیک فقط برای اعضا !



  •  
  • تست تست
  • ۰
  • ۰

روزه های بلند

نمایش این تاپیک فقط برای اعضا !


  • نمایش این تاپیک فقط برای اعضا !

    نمایش این تاپیک فقط برای اعضا !



  • تست تست