طراحی اینتراکتیو و متحرک سازی با CSS و JavaScript

با پیشرفت و گسترش اینترنت و مطرح شدن نیازهای جدید و اهمیت یافتن دیزاین در وب، تگهای HTML برای دیزاین ناکافی بودند و استانداردها و کدهای جدیدی باید تعریف می‌شد. این وظیفه مهم را کدهای CSS به عهده گرفتند و با ارائه نسخه‌های کاملتر آن به نوعی دنیای وب دیزاین متحول شد. حالا دیگر وقتی ماوس روی یک کلید می رفت، کلید برجسته می‌شد و رنگ نوشته آن تغییر می کرد. اما برای کنترل و تغییر خواص CSS نیاز به یک زبان برنامه نویسی بود که بتواند با حلقه ها و شرطی‌ها و تاخیرهایش (Delay)، اتفاقات پیشرفته‌تری مانند حرکت را هنگام اجرای صفحات وب اجرا کند. اینجا JavaScript با قدرت تمام وارد می‌شود و تمام تگهای HTML و خواص CSS را تحت کنترل خودش می‌گیرد. در این مرحله، هر دو زمینه انیمیشن سنتی و تعاملی در وب تکانی می‌خورد. حالا طیف وسیعی از حرکتها را می‌توانستیم ببینیم: منوها کشوی و عکسها اسلاید می شوند، و از طرفی دیگر ممکن است شاهد بارش برف روی صفحه وب باشیم یا یک بادکنک معلق و متحرک را ببینیم. حتی ممکن است یک ساعت عقربه‌ای به دنبال ماوس کشیده شود و بچرخد.

منبع : طراحی سایت ، طراحی وب سایت ، طراحی لوگو ، طراحی کاتالوگ ، ساخت لوگو ، سفارش طراحی لوگو ، طراحی آرم ، طراحی ارم

نظرات 0 + ارسال نظر
امکان ثبت نظر جدید برای این مطلب وجود ندارد.