Transitions are a nice way to remove, change, or update data in an application because their occurrence adds a nice effect and is good for the user experience. In this tutorial, Timi Omoyeni will look at the different ways to apply transitions in both Vue.js and Nuxt.js applications. Using these transitions in your applications and websites create a better visual experience and sometimes draws and holds the user’s attention while a piece of information is being introduced to or leaving the screen.
Read more…
There was a time when marketers used things like urgency, scarcity and FOMO to drive online shoppers to a sale. But scare tactics can actually hurt a brand’s relationships with customers. By their very nature, we run into similar problems with shipping and inventory alerts. That said, there are ways that web designers can keep panic and frustration from seeping into the shopper’s experience. If you want to better control your shoppers’ responses and keep them on the path to conversion, Suzanne Scacca will tell you how, in this article.
Read more…
Tauri is a toolchain for creating small, fast, and secure desktop apps from your existing HTML, CSS, and JavaScript. In this article, Kelvin explains how Tauri plays well with the progressive framework Vue.js by integrating both technologies in bundling an example web app called nota as a native application.
Read more…
If you are the sort of person who doesn’t like reading about things if you can’t use them now, then this article probably isn’t for you — we have many others for you to enjoy instead! However, if you like to know what is on the way and read more about the things you can play with in a beta version of a browser, read on! Today, Rachel Andrew takes a look at some of the interesting CSS features that are making their way into browsers right now.
Read more…
Gatsby is a modern static-site generator that has revamped the way static websites are being built. It incorporates React, Node.js, and GraphQL to create stunning and blazing-fast websites. In this post, Aleem Isiaka will introduce Gatsby plugins, discuss the types of Gatsby plugins that exist, differentiate between the forms of Gatsby plugins, and, finally, create a comment plugin that can be used on any Gatsby website, one of which you will install by the end of the tutorial.
Read more…
From June 30th to July 2nd, Google’s web platform team brought together the web community for web.dev LIVE, a digital event to talk about the latest development to the platform and tools ecosystem, give developers a chance to talk to each other and ask their burning questions to the team. Over the three days, the Google team shared a round of updates and news in the spirit of helpfulness and to give web developers all the tools and guidance they need to keep their sites stable, powerful and accessible in these challenging times.
Read more…
Testing gives confidence in written code. In the context of this article, ‘testing’ means ‘automated testing’. Without automated testing, it is significantly harder to ensure the quality of a web application of significant complexity. Fails caused by automated testing may lead to more bugs in production. In this article, Chidi Orji is going to show you how React developers can quickly start testing their app with the React Testing Library (RTL).
Read more…
Statically generated sites or pre-rendering and server-side rendered applications are two modern ways to build front-end applications using JavaScript frameworks. These two modes, yet different, are often mixed up as the same thing and in this tutorial, Timi Omoyeni is going to show you the differences between them. You’ll learn what a server-side-rendered application is, as well as learn about frameworks for creating one, such as Next.js and Nuxt.js.
Read more…
Information architecture is the process of categorizing and organizing information to create structure and meaning. To give this context, in this article Carrie Webster explores not only the basics of information architecture, but also the broader view of the information age, how we use information and how it impacts our world and our lives. Understanding the bigger picture enables us to get a much clearer perception of the value that good information architecture delivers to help our information-overloaded lives.
Read more…
What could be a better way to welcome July than with some colorful inspiration? Well, we might have something for you: wallpapers created with love by artists and designers from across the globe.
Read more…
