How I Added Animations, Effects & Published My Website Using AI

This recap was written from the class video. Watch it above or on YouTube.

What the class covered

In this class, Dr. Daniel Tanimawo demonstrated how to update and improve a website's design by using AI to generate and modify HTML, CSS, and JavaScript code. He showed how to add animations and effects to images and other elements, and how to test the website on different devices like tablets and phones. Finally, he explained how to publish the website online using AI tools.

Key takeaways

• You can ask AI to generate full website code including HTML, CSS, and JavaScript.
• AI can help add animations and visual effects to make your website more interactive.
• You can customize layout elements, like putting items in one row or multiple lines, by instructing AI.
• Always test your website on different devices such as desktop, tablet, and phone to ensure it looks good.
• Publishing your website can be done easily by entering a website name and letting AI handle the deployment.

Prompts to try

Give me the full code with more animations.

Make this very beautiful and animate it.

Put this in one row.

Test yourself