۲۳ ابزار رایگان برای طراحی صفحات 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 428 19-10-2013 ساعت 20:58
آخرین ارسال: Comodo

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