Without a doubt, WordPress is the major player in blog publishing platforms. Over the years, WordPress developers have produced a vast quantity of resources, which let users craft all kinds of unique blogs. In fact, there’s so much information on how to use WordPress, a user can get lost trying to set up customized effects…
Tag: interactive webpage
How to add interactive elements to a WordPress blog post
WordPress recently celebrated the 21st anniversary of their popular publishing platform which is used by 43% of all websites on the world wide web. With thousands of themes and plugins, bloggers can tailor their site’s appearance and functionality to suit their needs and preferences, whether they want a simple personal blog or a more complex,…
How to animate with text effects
In this tutorial we’ll explore animating with text effects and outlines. With a simple setting you can add the outline effect to any text object on your page without code. This effect can be used to make your headlines stand out, or to make any text section more visible. Let’s see how to set these…
How to make web elements appear on scroll
In this tutorial, we’ll walk you through our no-code appear effects, which make it possible for an object to appear or be revealed. These effects trigger when the object comes into view, either on scroll or when the page loads. You can easily set something to appear on scroll by adding a little animation on…
How to add falling animations to a webpage
This tutorial will help you create magical falling animations to add to your webpage. If you’re interested in floating animations, check out this tutorial here. At first glance, it may seem challenging or code-heavy to add falling animations to a webpage. However, we can easily add this effect in Hatch using our physics mechanics and…
How to become an interactivity designer
How users interact with online media is constantly evolving, and the same could be said about design philosophy. As users explore different forms of creative and interactive content, their expectations grow. Thus the strategies employed by designers should reflect these new perspectives. Becoming an interactivity designer means making a mindshift from static design principles to…
Here are the winning projects from our web design challenge!
It is with immense gratitude and excitement that we announce the results of our 2024 Web Design Challenge. We extend our sincere thanks to everyone who contributed their creativity, skill, and passion to make this event a success. We are privileged to have such a talented and vibrant group of creators as part of our…
Use a page click to change an object’s behavior
In this walkthrough, we’ll explore how to change any object on your Hatch page, triggered by a click. By adding interactions to a page element, we can assign all kinds of behaviors to it. Click to change a color or size, make an object appear or disappear. The best part? You can set up a…
Give a homemade app this holiday
According to Statista, the average daily time Americans will spend on mobile phones will be 4 hours and 39 minutes by 2024. As an antidote to endless scrolling, swiping and shopping, consider giving your loved ones a homemade app made just for them! When someone’s phone is an extension of themselves, integral to how they…
How to make a personal app with custom widgets
We love web apps here at Hatch because they are fun and fast to get up and running. It’s easy to make a personal app in Hatch and have it “installable,” appearing like other apps on your device, including a one-tap icon that launches the experience. Anyone using your web app will always already be…