CoffeeCup Responsive Site Designer v4.0 Build 3360 – Professional Tools for Web Design

CoffeeCup Responsive Site Designer یک ابزار طراحی بصری برای ساخت وب سایت‌های واکنش گرا است که بدون نیاز به کدنویسی، امکان طراحی صفحات را در اختیار شما قرار می‌دهد. محیط این نرم افزار بر پایه Drag and Drop طراحی شده و شما می‌توانید صفحات را به صورت زنده و در محیط مرورگر ایجاد و ویرایش کنید.

این ابزار از Frameworkهای محبوبی مانند Bootstrap 4، Foundation 6 و Materialize پشتیبانی می‌کند. همچنین اگر ترجیح دهید بدون استفاده از هیچ Frameworkی کار کنید، این امکان نیز برای شما فراهم شده است.

در هنگام طراحی می‌توانید المان‌هایی مانند Container، تصویر، ویدیو، دکمه، آیکون، عناصر HTML و متن را مستقیما روی صفحه قرار دهید و ظاهر سایت را به صورت بصری شکل دهید.

CoffeeCup Responsive Site Designer امکانات کاملی برای طراحی واکنش گرا ارائه می‌دهد؛ از جمله کنترل Layout با CSS Grid و Flexbox، تعریف Breakpointهای دلخواه، پیش نمایش روی دستگاه‌های مختلف، پشتیبانی از تصاویر واکنش گرا و امکان طراحی با رویکرد Mobile First یا Desktop Down.

علاوه بر این، قابلیت‌هایی مانند Componentهای قابل استفاده مجدد، Symbolها برای بخش‌های مشترک سایت، Site Inspector، افزودن کدهای CSS و JavaScript اختصاصی، تنظیمات کامل تایپوگرافی، فیلترهای CSS، ابزارهای مدیریت رنگ و حالت‌های مختلف تعامل (Interaction States) نیز در اختیار شما قرار دارد.

پس از پایان طراحی نیز می‌توانید پروژه را منتشر کنید یا خروجی آن را به صورت فایل‌های HTML، CSS، JavaScript، تصاویر و سایر فایل‌های مورد نیاز با ساختاری تمیز و استاندارد دریافت کنید.

ویژگی ها:

• طراحی بصری وب سایت با قابلیت Drag and Drop
• پشتیبانی از Bootstrap 4، Foundation 6، Materialize و طراحی بدون Framework
• کنترل Layout با CSS Grid و Flexbox
• امکان تعریف Breakpointهای سفارشی و پیش نمایش در دستگاه‌های مختلف
• پشتیبانی از Componentها و Symbolهای قابل استفاده مجدد
• امکان استفاده از کدهای HTML، CSS و JavaScript اختصاصی
• پشتیبانی از تصاویر واکنش گرا با استفاده از عنصر HTML Picture
• خروجی تمیز و استاندارد از HTML، CSS، JavaScript، تصاویر و سایر فایل‌های پروژه

مناسب برای:

این ابزار برای طراحان وب و توسعه دهندگان Front-end مناسب است که می‌خواهند وب سایت‌های واکنش گرا را به صورت بصری طراحی کنند و در عین حال کنترل کاملی روی ساختار، استایل‌ها و کدهای خروجی داشته باشند.