There’s no question that WordPress is one of the most popular blog publishing platforms. A passionate community has built around the platform, enriching platform capabilities with powerful plugins. However, sometimes you want to add something creative to a WordPress blog post without adding a plugin to your whole website. In this tutorial, we’ll show you…
Category: Trends
![create an interactive blog post with Hatch and WordPress](https://i0.wp.com/hatch.one/wp-content/uploads/2024/07/banner-demo.png?fit=640%2C334&ssl=1)
Demo: an interactive blog post using Hatch and WordPress
Below is an interactive blog post demo that truly showcases how embedding Hatch projects can make your content more delicious! For step-by-step instructions to add this kind of interactive or animated content to your blog, check out this post here. How to make Vegetables Alla Contadina The Mediterranean region is a treasure trove of culinary…
![How to add interactivity to a wordpress page or post without plugins](https://i0.wp.com/hatch.one/wp-content/uploads/2024/06/wpembed.png?fit=640%2C334&ssl=1)
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,…
![banner for how to add falling animations to a webpage](https://i0.wp.com/hatch.one/wp-content/uploads/2024/05/falling-banner.png?fit=640%2C334&ssl=1)
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…
![banner art for adding a floating animation to a webpage](https://i0.wp.com/hatch.one/wp-content/uploads/2024/04/floating-banner.png?fit=640%2C334&ssl=1)
How to make floating animations on a webpage
This Hatch tutorial walks through the process of putting floating animations on a webpage. We’ll make our objects float up and down in the page as if they were suspended in the air. And we’ll do it with an easy, no-code approach! Just follow these instructions and watch your page come to life! To begin…
![How to become an interactivity designer banner](https://i0.wp.com/hatch.one/wp-content/uploads/2024/04/interactivity-designer-banner.png?fit=640%2C334&ssl=1)
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…
![](https://i0.wp.com/hatch.one/wp-content/uploads/2024/03/showcase.png?fit=640%2C334&ssl=1)
2024 Web Design Challenge Showcase
Our 2024 Web Design Challenge was a great success and we’re thrilled to share more details about the winning projects. Get inspired by these portfolios, games and interactive spaces, made only in Hatch! 3rd Place: songs by @propsongs Our third place winning Hatch project features an entire music album. The artist known as props shared…
![Join our 2024 web design challenge](https://i0.wp.com/hatch.one/wp-content/uploads/2024/02/banner2.png?fit=640%2C334&ssl=1)
Join our Hatch Web Design Challenge
Join Hatch and Design Buddies in a new web design challenge to build an interactive website with no code! Win a $1000 Amazon Gift Card for your original web design created in Hatch. With Hatch you can make a webpage an experience where visitors can explore and discover. Add no-code effects to your creative toolbox…
![widgets banner](https://i0.wp.com/hatch.one/wp-content/uploads/2024/03/widgets.png?fit=640%2C334&ssl=1)
10 free web widgets to embed in your Hatch page
There are heaps of pre-built HTML and iFrame widgets you can add to your webpage or personal apps to enhance the design and functionality. Many of these widgets even have style customizations. Consider the interactivity you could add to your app with customizable widgets like weather, world clocks, countdown timers, calendars, 3D models, maps, calculators, social feeds, product catalogs, customer…
![low code prototyping to make a web app fasat](https://i0.wp.com/hatch.one/wp-content/uploads/2023/12/prototyping_banner.png?fit=640%2C334&ssl=1)
Make a web app today: 5 tips for low-code prototyping
Entrepreneurs and aspiring app developers can get a minimum viable prototype online in an afternoon with these five tips for fast, free web app prototyping. Why web apps? In contrast to native/mobile apps, web apps are ideal for early development and proof-of-concept projects because of their low barrier for creators and users alike. They don’t…