• ۲۳ ابزار رایگان برای طراحی صفحات Responsive
    #1
    Note 
    [FONT=tahoma]در چند سال اخیر ابزارهای رایگان متن باز و منابع مهم اطلاعاتی, سرویس های خود را به صورت بر خط ارایه می کنند. [/FONT][FONT=tahoma]بسیاری از این ابزارها برای طراحی [/FONT][FONT=tahoma]صفحات Responsive طراحی شده اند که مطالب مربوط به کد زنی CSS و دیگر ویژگی های معمولی را به صورت خودکار انجام می دهند. کارایی این ابزارها می تواند بسیار جالب باشد و طراحان را برای استفاده از دیگر منابع دچار تردید کند. با وجود اینکه مرورگرها, افزونه های قدرتمندی در این زمینه دارند و کار طراحی و تست صفحات را بسیار راحت تر کرده اند, اما در ادامه به طور مختصر به ۲۳ ابزار آنلاین در سراسر وب اشاره خواهیم کرد. [/FONT]
    [INDENT]
    1. Responsive Testing Tool [FONT=tahoma]- تست صفحات در سایزهای متفاوت[/FONT]
    2. [FONT=tahoma]Style Tiles [/FONT][FONT=tahoma]- طراحی بسری لایه ها و اجزای صفحه[/FONT]
    3. [FONT=tahoma]resizeMyBrowser – تغییر اندازه صفحه برای تست صفحات[/FONT]
    4. [FONT=tahoma]Retina Images – تست صفحات برای نمایشگرهای رتینا[/FONT]
    5. [FONT=tahoma]Bootstrap – یک بستر ساده و قدرتمند برای طراحی[/FONT]
    6. [FONT=tahoma]The Responsinator – تست صفحات در گوشی های آیفون[/FONT]
    7. [FONT=tahoma]Responsivepx – رتبه بندی و آنالیز صفحات[/FONT]
    8. [FONT=tahoma]Designmodo Responsive Testing – تست اندازه صفحات[/FONT]
    9. [FONT=tahoma]PhotoSwipe – یک گالری عکس مخصوص گوشی های هوشمند[/FONT]
    10. [FONT=tahoma]Adaptive Images – ابزاری جالب برای بهینه سازی عکس برای صفحات کوچک[/FONT]
    11. [FONT=tahoma]Responsive Img – بهینه سازی عکس های صفحات[/FONT]
    12. [FONT=tahoma]RWD Calculator – تبدیل پیکسل به اندازه بر حسب درصد[/FONT]
    13. [FONT=tahoma]Blueberry – اسلاید عکس با طراحی responsive[/FONT]
    14. [FONT=tahoma]Sidr - ایجاد منو برای گوشی های لمسی[/FONT]
    15. [FONT=tahoma]jPanelMenu - پنل مناسب با طراحی responsive[/FONT]
    16. [FONT=tahoma]TinyNav.js - تولید منو مخصوص صفحات کوچک[/FONT]
    17. [FONT=tahoma]FlexNav - منوی مناسب با طراحی responsive[/FONT]
    18. [FONT=tahoma]Responsive Wireframes - تولید لایه های responsive برای صفحات[/FONT]
    19. [FONT=tahoma]Interface Sketches - طرح های sketch رایگان[/FONT]
    20. [FONT=tahoma]Responsable CSS - طراحی responsive لایه ها و CSS[/FONT]
    21. [FONT=tahoma]Cool Kitten - اسکرول responsive صفحات[/FONT]
    22. [FONT=tahoma]Viewport Resizer - تست responsive بودن وبسایت ها و آنالیز رفتاری آن ها[/FONT]
    23. [FONT=tahoma]Stackable.js - جدول هوشمند با طراحی مناسب برای صفحات مختلف[/FONT]

    [/INDENT] [تصویر:  interface-sketch-header-image.png]
    [FONT=tahoma]با استفاده از هر یک از این ابزارها می توانید به مسیر طراحی خود شکل دهید و سرعت کارهای خود را بالاتر ببرید. همچنین می توانید برای خطایابی و تست طراحی های فعلی خود نیز استفاده کنید تا ببینید چقدر از استاندارهای روز فاصله دارید و در چه زمینه های کمبود وجود دارد. منتظر نظرات شما هستیم.
    [/FONT]
    [FONT=tahoma]http://www.spyrestudios.com[/FONT]

    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note آیا سایت شما Responsive طراحی شده؟ Comodo 0 530 19-10-2013 ساعت 20:58
    آخرین ارسال: Comodo

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان