14 ابزار آنلاین HTML5 برای طراحان وب

شروع موضوع توسط mmilada ‏20 فوریه 2012 در انجمن معرفی سایت

وضعیت موضوع:
موضوع بسته شده است.
  1. mmilada

    mmilada کاربر جدید

    تاریخ عضویت:
    ‏19 دسامبر 2011
    ارسال ها:
    103
    تشکر شده:
    0
    آیا شما از قابلیت های مهم و جالب html5 آگاه هستید؟ این زبان جدید برای نمایش محتواهای مختلف مانند صدا ، ویدئو ، فونت های مختلف ، گرافیک وب ، افکت کشیدن و رها کردن ، تصاویر متحرک و غیره بکار می رود که از نسخه های قبلی خود بسیار بهتر و یک سر و گردن از آنها بالاتر است. html5 به صورت کامل توسط طراحان وب به خاطر کامل شدن نهایی استفاده نمی شود اما بسیاری از سایتهای خلاق و نوآور از دستورات این زبان برای ساخت وبسایت هایی با ابزارهای آنلاین برای ساخت ویدیو و تصویر و فونت و گرافیک وب استفاده کرده اند که نمونه هایی از این سایت ها را در زیر مشاهده می نمایید که بعضی از آنها حالت تفریحی و سرگرمی نیز دارند!


    این ابزار و اپلیکیشن تحت وب قدرت HTML5 را در ساخت و ایجاد یک بوم نقاشی با خطوط متحرک و ارتعاشی را می رساند که یک بوم نقاشی بسیار مفرح و سرگرم کننده است.
    Sketch in 3D With HTML5
    http://hakim.se/experiments/html5/sketch
    فشرده سازی تصاویر و قرار دادن بکگراندها و فایل های تصویر وبسایت به صورت “sprite” در CSS امروزه بسیار کاربرد دارد چون که سرعت لود صفحات را بالا می برد که این ابزار تحت وب نیز همین کار را انجام می دهد.
    Spritebox
    http://www.spritebox.net



    از نظر تمام طراحان ، انتخاب فونت مناسب و معقول بسیار فرآیند بسیار سختی است که با استفاده از این ابزار آنلاین تحت وب می توان فونت های جالب را برای هر صفحه از سایت بدون تغییر در فایل های HTML و CSS انجام داد.
    font dragr-Drag
    http://fontdragr.com


    ابزار و اپلیکیشن آنلاین و تحت وب که یک محیط را برای ایجاد انواع بافت ها با رنگ های مختلف در اختیار طراحان وب قرار می دهد و طراحان پس از ایجاد طرح مورد نظر خود می توانند آنها را به صورت کد در طراحی های خود بکار بگیرند.
    Patternizer
    http://patternizer.com/akxe



    این سایت و ابزار آنلاین آن برای شما ویژگی های جدید صوتی با دستورات HTML5 را به ارمغان می آورد. با استفاده از این ابزار تحت وب قدرت فایل های صوتی خود را در وبسایتتان افزایش دهید.
    HTML5 Audio element
    http://westciv.com/tools/audio


    اغلب وکتورها و فایل های گرافیکی ” Illustrator ” می توانند به صورت فایل SVG ” ایجاد گرافیک های برداری در صفحات وب ” نیز ایجاد شوند که این ابزار تحت وب کمک به تبدیل فایل های SVG به HTML5 می کند.
    SVG to HTML5
    http://www.professorcloud.com/svg-to-canvas


    این اپلیکیشن آنلاین یک ویراستار HTML و CSS و JavaScript است که به کاربران برای یادگیری HTML و CSS کمک شایانی می نماید.
    Rendera
    http://rendera.heroku.com



    ابزار آنلاین مفید و کاربردی برای ساخت و ایجاد اسکریپت ” Loaders ” برای پروژه های طراحی و ساخت وبسایت است.
    CanvasLoader
    http://heartcode.robertpataki.com/canvasloader



    امروزه بسیاری از سایت ها از فلش پلیر برای آپلود فایل استفاده می کنند که در نهایت Html5 مشکل آپلود فایل را بر روی هاست و همچنین نشان دادن نمودار پیشرفت آپلود را بدون فشار آمدن به سرور را رفع کرده است.
    HTML5 File Upload
    http://www.matlus.com/html5-file-upload-with-progress


    در این سایت با جدول عناصر HTML5 که شامل 106 ” Elements ” نیز می شود روبرو خواهید شد که جنبه آموزش دارد.
    Periodic Table
    http://joshduck.com/periodic-table.html


    DHTMLX Touch یک منبع آزاد برای ساخت برنامه های مبتنی بر HTML5 بر روی تلفن های همراه است .
    DHTMLX Touch
    http://i.pixran.com/img/Review/20-Useful...50x225.jpg


    با چند کلیک می توانید یک قالب و تمپلیت HTML5 بسازید فقط با ابزار آنلاین Initializr .حتی گزینه هایی برای تنظیمات جاوا اسکریپت و جی کوئری و پیکربندی گوگل آنالیز را نیز دارد.
    Initializr
    http://www.initializr.com


    آیا می خواهید بدانید که مرورگرتان به خوبی از HTML5 پشتیبانی می کند یا نه ؟ با استفاده از ابزار آنلاین HTML5 test می توانید نتایج این آزمایش را ببینید.
    The HTML5 test
    http://html5test.com



    LimeJS یک سایت برای نشان دادن قدرت HTML5 در ساخت و ایجاد بازی و گیم تحت وب و همچنین صفحات لمسی و مروزگرهای مختلف است.
    LimeJS
    http://www.limejs.com


    ابزار آنلاین بسیار جالب و مفرح که یک بوم برای رسم انواع شکل ها را با مقیاس های معین با HTML5 در اختیار کاربران قرار می دهد.
    velocity sketch
    http://jayweeks.com/sketchy-structures-html5-canvas
     
وضعیت موضوع:
موضوع بسته شده است.