آگونیس
May 2nd, 2012, 13:32
http://codedrive.ir/wp-content/uploads/2012/04/css3.jpg (http://codedrive.ir/wp-content/uploads/2012/04/css3.jpg)
یکی از بزرگترین مشکلات CSS3 این هست که بسیاری از کُدها روی تمامی مرورگر ها به آسونی کار نمیکنه ، به عنوان مثال برای سایه دار کردن یک متن ساده باید یه کد نویسی حسابی کرد تا روی اکثریت مرورگر ها نمایش و اجرا داده بشه.
در همین راستا و برای کمک به شما ابزار های رایگانی وجود داره ، این ابزار ها به شما این امکان رو میده تا CSS3 مورد نظر که میخواید در وبسایت خودتون استفاده کنید رو طی چند مرحله ساده بسازید ، بدون نیاز به اینکه شما یک خط کد بنویسید یا… ، خیلی راحت . . .
CSS3 Generator (http://css3generator.com/) بدون شک یکی از بهترین و محبوب ترین سایت ها برای اینکار است ، افکت ها کاملا امکان شخصی سازی دارند و اکثریت کد های محبوب CSS3 رو هم شامل میشه.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot.jpg
CSS3 Please (http://css3please.com/) یکی دیگه از سایت های محبوب برای اینکار ، با این تفاوت که این وبسایت به شما این امکان رو میده تا کد ها رو توی خود سایت ویرایش کنید ، درست مثل نرم افزار های Editor.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot1.jpg
CSS3 Click Chart by Impressive Webs (http://www.impressivewebs.com/css3-click-chart/) این وبسایت امکانات چندانی برای شخصی سازی کد ها در اختیار شما نمیزاره ، ولی بسیار کامل هست و اکثریت کد های CSS3 پشتیبانی میکنه و میسازه.
http://codedrive.ir/wp-content/uploads/2012/04/css3-click-chart.jpg
CSS-Tricks Button Maker (http://css-tricks.com/examples/ButtonMaker/) یک ابزار آنلاین بسیار عالی برای ساخت دکمه های CSS3.
http://codedrive.ir/wp-content/uploads/2012/04/ButtonMaker.jpg
Border Radius (http://border-radius.com/) بهترین سایت برای ساخت Border radius های CSS3 ، فقط کافیه مقدار ها ( عدد ) مورد نظر رو در کادر ها وارد کنید و خود سایت بقیه کارها رو میکنه.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot2.jpg
Font Squirrel @Font-Face Kit Generator (http://www.fontsquirrel.com/fontface/generator) این ابزار مورد علاقه من در این لیست هست ، فقط کافیه فونت مورد علاقه خودتون رو انتخاب و آپلود کنید و این وبسایت کد اچ تی ام ال ، سی اس اس و فایل های ضروری رو براتون میسازه. به همین راحتی.
http://codedrive.ir/wp-content/uploads/2012/04/generator.jpg
Westciv (http://westciv.com/) این وبسایت شامل ابزارهای CSS3 مفیدی هست که باید خودتون ببینید.
http://codedrive.ir/wp-content/uploads/2012/04/gradients.jpg
CSS3 Gradient Generator (http://gradients.glrzad.com/) یک وبسایت فوق العاده مفید و کاربردی برای ساخت Gradient های CSS3 بصورت آنلاین.
http://codedrive.ir/wp-content/uploads/2012/04/LINK.jpg
Border Image (http://border-image.com/) استفاده از Border Image در CSS3 تقریبا سخت تلقی میشه ، این سایت کارتون رو راحت کرده.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot3.jpg
Widgetpad CSS3 Generator (http://www.widgetpad.com/694/) یک سایت کاربردی دیگه در این زمینه.
http://codedrive.ir/wp-content/uploads/2012/04/694.jpg
Dry Icons Button Generator (http://dryicons.com/blog/2010/07/15/css3-gradient-button-generator/) یک ابزار فوق العاده ، با امکانات بسیار زیاد برای ساخت دکمه های CSS3
http://codedrive.ir/wp-content/uploads/2012/04/css3-gradient-button-generator.jpg
CSS Corners (http://csscorners.com/) این سایت در حال حاضر فقط برای ساختن Gradient ها و گِرد کردن گوشه ها بوسیله CSS3 هست.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot4.jpg
CSS3 Maker (http://www.css3maker.com/) ظاهر کاربرپسند ، و استفاده آسان از مزایای این وبسایت هست ، ولی متاسفانه کد های چندانی رو پشتیبانی نمیکنه.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot5.jpg
CSS3 Rounded Corner Generator (http://www.cssportal.com/css3-rounded-corner/) همونطور که از اسم وبسایت معلومه یک ابزار دیگه برای گـرِد کردن گوشه ها بوسیله CSS3 هست.
http://codedrive.ir/wp-content/uploads/2012/04/css3-rounded-corner.jpg
CSS3 Menu Generator (http://css3menu.com/index.html#download) این یکی یک ابزار خیلی تکامل یافته هست که میتونید دانلود کنید و باهاش منو های CSS3 بسازید ، امکانات خیلی خوبی هم داره.
http://codedrive.ir/wp-content/uploads/2012/04/css3-gen-15.jpg
CSS3 Column Generator (http://debray.jerome.free.fr/index.php?outils/Generateur-de-multi-colonnes-en-css3) یکی از معدود ابزار های آنلاین برای ساخت Column ، البته زبان سایت انگلیسی نیست ولی استفاده ازش آنچنان هم سخت نیست.
http://codedrive.ir/wp-content/uploads/2012/04/index.jpg
Quick 3-Color CSS3 Gradient Generator (http://freehtml5templates.com/gradientgenerator/gradient-generator.php) یک ابزار دیگه برای ساخت Gradient های CSS3
http://codedrive.ir/wp-content/uploads/2012/04/gradient-generator.jpg
یکی از بزرگترین مشکلات CSS3 این هست که بسیاری از کُدها روی تمامی مرورگر ها به آسونی کار نمیکنه ، به عنوان مثال برای سایه دار کردن یک متن ساده باید یه کد نویسی حسابی کرد تا روی اکثریت مرورگر ها نمایش و اجرا داده بشه.
در همین راستا و برای کمک به شما ابزار های رایگانی وجود داره ، این ابزار ها به شما این امکان رو میده تا CSS3 مورد نظر که میخواید در وبسایت خودتون استفاده کنید رو طی چند مرحله ساده بسازید ، بدون نیاز به اینکه شما یک خط کد بنویسید یا… ، خیلی راحت . . .
CSS3 Generator (http://css3generator.com/) بدون شک یکی از بهترین و محبوب ترین سایت ها برای اینکار است ، افکت ها کاملا امکان شخصی سازی دارند و اکثریت کد های محبوب CSS3 رو هم شامل میشه.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot.jpg
CSS3 Please (http://css3please.com/) یکی دیگه از سایت های محبوب برای اینکار ، با این تفاوت که این وبسایت به شما این امکان رو میده تا کد ها رو توی خود سایت ویرایش کنید ، درست مثل نرم افزار های Editor.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot1.jpg
CSS3 Click Chart by Impressive Webs (http://www.impressivewebs.com/css3-click-chart/) این وبسایت امکانات چندانی برای شخصی سازی کد ها در اختیار شما نمیزاره ، ولی بسیار کامل هست و اکثریت کد های CSS3 پشتیبانی میکنه و میسازه.
http://codedrive.ir/wp-content/uploads/2012/04/css3-click-chart.jpg
CSS-Tricks Button Maker (http://css-tricks.com/examples/ButtonMaker/) یک ابزار آنلاین بسیار عالی برای ساخت دکمه های CSS3.
http://codedrive.ir/wp-content/uploads/2012/04/ButtonMaker.jpg
Border Radius (http://border-radius.com/) بهترین سایت برای ساخت Border radius های CSS3 ، فقط کافیه مقدار ها ( عدد ) مورد نظر رو در کادر ها وارد کنید و خود سایت بقیه کارها رو میکنه.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot2.jpg
Font Squirrel @Font-Face Kit Generator (http://www.fontsquirrel.com/fontface/generator) این ابزار مورد علاقه من در این لیست هست ، فقط کافیه فونت مورد علاقه خودتون رو انتخاب و آپلود کنید و این وبسایت کد اچ تی ام ال ، سی اس اس و فایل های ضروری رو براتون میسازه. به همین راحتی.
http://codedrive.ir/wp-content/uploads/2012/04/generator.jpg
Westciv (http://westciv.com/) این وبسایت شامل ابزارهای CSS3 مفیدی هست که باید خودتون ببینید.
http://codedrive.ir/wp-content/uploads/2012/04/gradients.jpg
CSS3 Gradient Generator (http://gradients.glrzad.com/) یک وبسایت فوق العاده مفید و کاربردی برای ساخت Gradient های CSS3 بصورت آنلاین.
http://codedrive.ir/wp-content/uploads/2012/04/LINK.jpg
Border Image (http://border-image.com/) استفاده از Border Image در CSS3 تقریبا سخت تلقی میشه ، این سایت کارتون رو راحت کرده.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot3.jpg
Widgetpad CSS3 Generator (http://www.widgetpad.com/694/) یک سایت کاربردی دیگه در این زمینه.
http://codedrive.ir/wp-content/uploads/2012/04/694.jpg
Dry Icons Button Generator (http://dryicons.com/blog/2010/07/15/css3-gradient-button-generator/) یک ابزار فوق العاده ، با امکانات بسیار زیاد برای ساخت دکمه های CSS3
http://codedrive.ir/wp-content/uploads/2012/04/css3-gradient-button-generator.jpg
CSS Corners (http://csscorners.com/) این سایت در حال حاضر فقط برای ساختن Gradient ها و گِرد کردن گوشه ها بوسیله CSS3 هست.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot4.jpg
CSS3 Maker (http://www.css3maker.com/) ظاهر کاربرپسند ، و استفاده آسان از مزایای این وبسایت هست ، ولی متاسفانه کد های چندانی رو پشتیبانی نمیکنه.
http://codedrive.ir/wp-content/uploads/2012/04/screenshot5.jpg
CSS3 Rounded Corner Generator (http://www.cssportal.com/css3-rounded-corner/) همونطور که از اسم وبسایت معلومه یک ابزار دیگه برای گـرِد کردن گوشه ها بوسیله CSS3 هست.
http://codedrive.ir/wp-content/uploads/2012/04/css3-rounded-corner.jpg
CSS3 Menu Generator (http://css3menu.com/index.html#download) این یکی یک ابزار خیلی تکامل یافته هست که میتونید دانلود کنید و باهاش منو های CSS3 بسازید ، امکانات خیلی خوبی هم داره.
http://codedrive.ir/wp-content/uploads/2012/04/css3-gen-15.jpg
CSS3 Column Generator (http://debray.jerome.free.fr/index.php?outils/Generateur-de-multi-colonnes-en-css3) یکی از معدود ابزار های آنلاین برای ساخت Column ، البته زبان سایت انگلیسی نیست ولی استفاده ازش آنچنان هم سخت نیست.
http://codedrive.ir/wp-content/uploads/2012/04/index.jpg
Quick 3-Color CSS3 Gradient Generator (http://freehtml5templates.com/gradientgenerator/gradient-generator.php) یک ابزار دیگه برای ساخت Gradient های CSS3
http://codedrive.ir/wp-content/uploads/2012/04/gradient-generator.jpg