ab.mahmoodi
یک شنبه 09 مرداد 1390, 08:57 صبح
نوشتن css بهتر، چیزیست که همه طراحان و توسعه دهندگان وب به دنبال آن هستند. و خوشبختانه ابزارهای زیادی برای این مساله در دنیای مجازی وجود دارد. در اینجا میخواهیم تعدادی از این ابزارها را که در طراحی css به ما کمک میکنند معرفی کنیم. از یادگیری ویژگیهای جدید CSS3 تا نوشتن کد موثرتر در طراحی وب، در این بخش وجود دارد:
CSS3 Patterns Gallery (http://leaverou.me/css3patterns/)
این گالری به شما اجازه میدهد تا دربین الگوهای مختلف جستجو کرده و الگوی مورد نظر خود را با کد آن بیابید. و حتی امکان تغییر کد css و دیدن الگوی آن بصورت آنلاین وجود دارد.
http://mehr.heroku.com/images/articles/csstools/css01.jpg
PrefixMyCSS (http://prefixmycss.com/)
PrefixMyCSS به شما کمک میکند تا در وقت برای نوشتن کدهای css صرفه جویی کنید. به این ترتیب کد css خود را در بخش مربوطه وارد کرده و روی دکمه Prefix کلیک کنید و آن همه تغییرات لازم را برای اجرا در مرورگرهای مختلف، روی کد شما اعمال میکند.
http://mehr.heroku.com/images/articles/csstools/css02.jpg
Layer Styles (http://layerstyles.org/)
Layer Styles یک ابزار HTML5 برای ساخت CSS3 با یک روش حسی میباشد. اینترفیس این ابزار بسیار شبیه به photoshop است.
http://mehr.heroku.com/images/articles/csstools/css03.jpg
Sencha Animator (http://www.sencha.com/products/animator/)
یک نرم افزار دسکتاپ برای ساخت انیمیشنهای CSS3 برای اجرا در دستگاههای مبایل و تبلتها میباشد.
http://mehr.heroku.com/images/articles/csstools/css04.jpg
The Web Font Combinator (http://font-combinator.com/)
برای نمایش نوع قلم در وب سایت مورد استفاده قرار میگیرد. متون مختلفی در آن وجود دارد که میتوان انواع قلمها را روی آنها اعمال نمود و از ترکیب آنها در وب سایت خود استفاده نمایید.
http://mehr.heroku.com/images/articles/csstools/css05.jpg
CSS Pivot (http://www.csspivot.com/)
CSS Pivot به شما اجازه میدهد استایلهای مختلف را به هر وبسایتی اضافه نمود و نتایج را توسط یک لینک به اشتراک گذاشت. شما همچنین میتوانید از دیگران دعوت کنید برای بهبود سایتتان به شما پیشنهاداتی بدهند.
http://mehr.heroku.com/images/articles/csstools/css06.jpg
CSS Lint (http://csslint.net/)
CSS Lint ابزاریست که بشما کمک میکند خطاهای کدهای CSS خود را با استفاده از آن بیابید.
http://mehr.heroku.com/images/articles/csstools/css07.jpg
CSS Prism (http://cssprism.com/)
CSS Prism ابزاریست که در آن میتوانید آدرس CSS هر وبسایتی را وارد نمایید و تغییرات طیف رنگ را در وب سایت مشاهده کنید.
http://mehr.heroku.com/images/articles/csstools/css08.jpg
منبع
http://mehr.heroku.com/posts/16
CSS3 Patterns Gallery (http://leaverou.me/css3patterns/)
این گالری به شما اجازه میدهد تا دربین الگوهای مختلف جستجو کرده و الگوی مورد نظر خود را با کد آن بیابید. و حتی امکان تغییر کد css و دیدن الگوی آن بصورت آنلاین وجود دارد.
http://mehr.heroku.com/images/articles/csstools/css01.jpg
PrefixMyCSS (http://prefixmycss.com/)
PrefixMyCSS به شما کمک میکند تا در وقت برای نوشتن کدهای css صرفه جویی کنید. به این ترتیب کد css خود را در بخش مربوطه وارد کرده و روی دکمه Prefix کلیک کنید و آن همه تغییرات لازم را برای اجرا در مرورگرهای مختلف، روی کد شما اعمال میکند.
http://mehr.heroku.com/images/articles/csstools/css02.jpg
Layer Styles (http://layerstyles.org/)
Layer Styles یک ابزار HTML5 برای ساخت CSS3 با یک روش حسی میباشد. اینترفیس این ابزار بسیار شبیه به photoshop است.
http://mehr.heroku.com/images/articles/csstools/css03.jpg
Sencha Animator (http://www.sencha.com/products/animator/)
یک نرم افزار دسکتاپ برای ساخت انیمیشنهای CSS3 برای اجرا در دستگاههای مبایل و تبلتها میباشد.
http://mehr.heroku.com/images/articles/csstools/css04.jpg
The Web Font Combinator (http://font-combinator.com/)
برای نمایش نوع قلم در وب سایت مورد استفاده قرار میگیرد. متون مختلفی در آن وجود دارد که میتوان انواع قلمها را روی آنها اعمال نمود و از ترکیب آنها در وب سایت خود استفاده نمایید.
http://mehr.heroku.com/images/articles/csstools/css05.jpg
CSS Pivot (http://www.csspivot.com/)
CSS Pivot به شما اجازه میدهد استایلهای مختلف را به هر وبسایتی اضافه نمود و نتایج را توسط یک لینک به اشتراک گذاشت. شما همچنین میتوانید از دیگران دعوت کنید برای بهبود سایتتان به شما پیشنهاداتی بدهند.
http://mehr.heroku.com/images/articles/csstools/css06.jpg
CSS Lint (http://csslint.net/)
CSS Lint ابزاریست که بشما کمک میکند خطاهای کدهای CSS خود را با استفاده از آن بیابید.
http://mehr.heroku.com/images/articles/csstools/css07.jpg
CSS Prism (http://cssprism.com/)
CSS Prism ابزاریست که در آن میتوانید آدرس CSS هر وبسایتی را وارد نمایید و تغییرات طیف رنگ را در وب سایت مشاهده کنید.
http://mehr.heroku.com/images/articles/csstools/css08.jpg
منبع
http://mehr.heroku.com/posts/16