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

یه سایت برای ایجاد و تست کد های css3

css3 generator

XAMPP  ابزاری مشابه WAMP .برای سیستم عامل های windowd, linux, OS X ارایه شده، که توزیعی از Apache رو که شامل  MySQL, PHP, and Perl میشه رو بر روی سیستم پیاده سازی میکنه.

دو تا سایت برای ایده گرفتن در طراحی ( البته من این طوری بهشون نگاه میکنم ! )

لینک

لینک

یک سایت برای ایده گرفتن طراحی قالب سایت

البته توصیه من به همه کاربران این هست که این قالب ها رو  نگاه کنند و ایده از آن بگیرند و نه اینکه کلا قالب سایتشون رو به همون صورت طراحی و کپی کنند !

Link

ابزاری برای تست کدهای Css  به صورت آنلاین ، این ابزار به شما این امکان را می دهد کد های Css  را به صورت آنلاین تمرین و عیب یابی کنید 

CssTester

از قدرتمند ترین سایت های بررسی سئو سایت و نمایش ایرادات کدنویسی یک سایت ، وقتی طراحی کنین یه سایت رو نیازتون میشه حتما :)

Woorank

ابزار آنلاین برای minify  کردن CSS

Minify

ابزار آنلاین resize عکس

picresize

سایت codePlayer دارای منابع عظیم گرافیکی و طراحی های خارق العاده . شگفت زده خواهید شد. این سایت مرحله به مرحله نحوه شکل گیری هر اثر رو به صورت interactive آموزش خواهد داد.

thecodeplayer

به نام خدا

با سلام

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

layoutit

فیلم های آموزشی Bootstrap

کد پن 

مرجع کد http://codepen.io/

با سلام

تو این سایت ابزارهای خوبی برای کار با UX و Sketch وجود داره ولی به نظرم قیمت هاش زیاده !!!!

دیزاین پد

نمونه خارجیش

uistencils

وب سایتی آموزشی :

https://www.clipamooz.ir/