To learn about a fresh approach to creating web apps, discover the Stimulus web framework in our new course, Introduction to Stimulus.
Every now and then, you will have to show an alert box to your users to let them know about an error or notification. The problem with the default alert boxes provided by browsers is that they are not very attractive. When you are creating a website with great color combinations and fancy animation to improve the browsing experience of your users, the unstyled alert boxes will seem out of place.
Nothing on the web happens instantly. The only difference is in the time it takes for a process to complete. Some processes can happen in a few milliseconds, while others can take up to several seconds or minutes. For example, you might be editing a very large image uploaded by your users, and this process can take some time. In such cases, it is a good idea to let the visitors know that the website is not stuck somewhere but it is actually working on your image and making some progress.
React is arguably the most popular library for building interactive web applications. However, React is not a full-fledged web framework. It focuses on the view part of the venerable MVC model.
Welcome back to the Introduction to Popmotion tutorial series. In part 1, we discovered how to use tweens and keyframes to make precise, time-scheduled animations.
Front-end web frameworks have taken component-based development and kicked it into high gear. Vue.js is one of the newest and most popular frameworks and is a great choice for new projects. But a lot of existing code has been written in older technologies, such as jQuery. You’ll learn how to deal with that problem in our new short course, Convert a jQuery App to Vue.js.
In this tutorial, we’ll focus on finding and fixing poor page load times with Raygun. But before we do that, let’s discuss why slightly longer page load times can be such a big deal.
The first and second tutorials of this series covered how to animate different HTML elements and SVG shapes using mojs. In this tutorial, we will learn about two more modules which can make our animations more interesting. The
ShapeSwirl module allows you to add a swirling motion to any shape that you create. The
stagger module, on the other hand, allows you to create and animate multiple shapes at once.
In the previous tutorial, we used mojs to animate different HTML elements on a webpage. We used the library to mainly animate
div elements which looked like squares or circles. However, you can use the
Html module to animate all kinds of elements like images or headings. If you actually intend to animate basic shapes using mojs, you should probably use the Shape module from the library.