[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)

Check out the first official Korean-language course from the global motion design platform LottieFiles, available exclusively on Inflearn! Upon completing the course, you can receive an official LottieFiles certificate.

Check out the first official Korean-language course from the global motion design platform LottieFiles, available exclusively on Inflearn! Upon completing the course, you can receive an official LottieFiles certificate.

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn! Complete the course and receive an official LottieFiles certificate of completion.

The official Korean-localized course for the global motion design platform LottieFiles is now available exclusively on Inflearn. This course covers Lottie Creator, LottieFiles' core web-based Lottie animation production tool. From micro-animations to UI components and interactive State Machines, you will learn the entire process of creating production-ready Lottie animations without complex coding. In particular, the curriculum focuses on AI-based workflows, such as "Prompt to Vector" for generating vectors from text prompts and "Prompt to State Machine," where AI automatically configures interaction logic. Finished projects can be exported as dotLottie files—renowned for their flexible cross-platform compatibility and ultra-lightweight size—and delivered directly to developers. Upon completion, you will receive both an official LottieFiles certificate and an Inflearn certificate.

Through the entire process of creating a responsive website with HTML+CSS+JQUERY publishing, you will gain a solid foundation for intermediate publishing skills and practical publishing know-how. In particular, you will gain confidence in creating your own portfolio website by experiencing the entire process of creating a website through sufficient explanations and practical work. (The responsive production method is a responsive layout production method using the existing float and position methods. Since most existing websites are currently produced with layouts using the existing method, you will also need to learn Flex and Grid, but you must learn and use the existing method layout well.)

Check out the first official Korean-language course from the global motion design platform LottieFiles, available exclusively on Inflearn! Upon completing the course, you can receive an official LottieFiles certificate.

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn! Complete the course and receive an official LottieFiles certificate of completion.

For over 15 years, Young Codi Kim, a star coding instructor, has been dedicated to coding education for elementary school students, high school students in IT software departments, university students in computer science, and job seekers without a major in the field. Now, you can experience Kim's easy and fun coding lectures not only offline but also online. With Young Codi Kim, who has trained over 500 front-end, back-end, full-stack, and web developers, your dream of becoming a developer will soon become a reality!

This course is for those who want to create their own motion graphics that perfectly fit their videos.

This explains intermediate-level After Effects techniques and above that can be utilized in practical work. Although explained using CC2023, it focuses on fundamental principles regardless of version. Rather than wasting time on tool explanations, I've prepared material that enables proactive research.

Practical web UI development using AI and component-centric UI creation, An essential course for Designers + Developers!

🎬 Add a spoonful of sense to bland PPT? Now complete it with 'motion graphics'! You think adding motion to PPT looks tacky? Not anymore. Now PPT motion is a weapon that goes beyond presentations to enhance all content. ✅ Why do you need motion? 📌 Motion that brings life to boring presentations 📌 Motion that instantly emphasizes important messages 📌 Motion that intuitively conveys complex content 📌 GIF motion banners that add vitality to detail pages 📌 Motion elements as cut replacements in SNS, Shorts, and YouTube videos Now PPT motion is not a choice but a necessity! It applies to all practical work that wants moving content: presentations, marketing, education, and branding. ✨ What will you learn in this course? 🎁 30 types of 'PPT Motion Templates' that can be applied in just 3 seconds! → Design examples + original objects ready to use immediately 🎁 Includes 'Motion Graphics Guidebook' for professional use → Designed so even PPT beginners can learn systematically 🎯 Who is this course for? 📌Office workers who want to make presentation materials more sophisticated 📌Marketers who want to directly insert GIFs into detail pages 📌Creators who want to produce Shorts and SNS content without video tools 📌Instructors/teachers who want to add focus and understanding to educational materials, etc. 💡 Now it's possible to create high-quality motion content with just one PPT, without video tools. Everything about motion graphics completed with PPT only - experience it right now.

You don't have to rely on Gif or Video anymore. You will learn how to output animations created in After Effects as code and implement various interactions through JavaScript. You can also create an attractive website.

System training with step-by-step examples; After Effects, which once felt overwhelming, finally begins to look systematic.

Learn how to develop advanced interaction effects frequently featured on Apple's website from scratch.

Taking your first steps in web development? Special offer for those just starting with HTML, CSS, and JavaScript! Want to create a mobile website to keep up with the mobile era, but unsure where to start? Don't worry. Learn the core of responsive web development naturally by directly analyzing and implementing Figma mobile designs. Based on sleek mobile designs, we'll explore everything together, from subtle interactions that capture users' hearts to technologies that perfectly adapt to various screen sizes. Now, let's share the know-how to make your website shine on all devices. Shall we begin together?

This is a hands-on project course that beautifully styles a cafe homepage made with HTML using CSS. You can naturally learn all the CSS fundamentals from colors, layouts, and typography to Flexbox, Grid, animations, and responsive design by following the story of Minji and Teacher Code. With 4 hours of learning, even beginners can complete professional web design.

This is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

From problem definition to research synthesis, ideation, and prototyping! Use AI as your practical partner to quickly create a high-quality UX/UI portfolio. You will learn to strategically utilize both the latest AI tools and proven tools consistently used in the industry to fit your project.

Did design seem difficult and Figma look complicated? We are now in an era where even non-designers can create screens themselves! From basic functions like shapes, text, and masks to background removal, AI image generation, and automated UI creation—learn how to naturally integrate Figma's AI features into your professional workflow. From creating landing pages to configuring shopping mall UI screens, experience a practical way to use Figma that allows you to complete results without a designer's help. Point 1. You can create screens yourself just by mastering Figma's core functions - Practice-oriented learning of essential drawing functions such as frames, shapes, text, and masks - Experience completing a full project by creating every section of a landing page from start to finish Point 2. Drastically reduce work speed using Figma AI - Naturally utilize AI features like background removal, image generation, and layer organization within the workflow - Focused on application methods connected to actual design tasks, not just simple feature introductions Point 3. Acquire practical design sense by creating shopping mall UIs - Create UI screen sets using Auto Layout, Components, and the Make Designs feature - Learn practical skills that enable non-designers to design and complete screens on their own

Midjourney, the premier tool for image-generating AI! From basic usage to real-world application through practical design projects, all in one go!

Creating a responsive webpage using Bootstrap (BOOTSTRAP) [2024 Revised Edition]: As a practical production class, we will directly create a responsive web page for practical use with a layout that changes depending on the device, using Bootstrap 4.

This course is recommended for those who want to learn the basics of Cinema 4D.

We will create various design outputs such as logos, product photos, mockups, banners, wedding snaps, invitations, POPs, menus, and product detail pages using ChatGPT Images 2.0. This is a practice-oriented course where you will learn how to write prompts to achieve your desired results and master template structures that can be used repeatedly.