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.

Continue Reading

Views: (123)
(0)

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.

Continue Reading

Views: (83)
(0)

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.

Continue Reading

Views: (56)
(0)

In my previous article I covered Stimulus—a modest JavaScript framework created by Basecamp. Today I’ll talk about internationalizing a Stimulus application, since the framework does not provide any I18n tools out of the box. Internationalization is an important step, especially when your app is used by people from all around the world, so a basic understanding of how to do it may really come in handy.

Continue Reading

Views: (98)
(0)

There are lots of JavaScript frameworks out there. Sometimes I even start to think that I’m the only one who has not yet created a framework. Some solutions, like Angular, are big and complex, whereas some, like Backbone (which is more a library than a framework), are quite simple and only provide a handful of tools to speed up the development process.

Continue Reading

Views: (54)
(0)

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.

Continue Reading

Views: (48)
(0)

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.

Continue Reading

Views: (49)
(0)