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…
Tag: interactive webpage
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…
Made with Hatch: the community showcase
Presenting our Hatch Community Showcase, where we spotlight the fantastic projects crafted by the brilliant minds within our creator community! Join us as we embark on a journey through the extraordinary works of our talented community members. Be prepared to be amazed by the sheer brilliance of the projects created by you, our valued Hatch…
How to add gravity effects to a webpage with no-code physics
Make any element on your webpage bounce, fall, float, and bump around without knowing how to code. In Hatch, it’s easy to add gravity effects to a webpage using our physics properties. In another tutorial we worked with a physics-based template by copying the core functionality. This tutorial will walk through how the physics properties…
Making custom interactions in Hatch
To help you make custom interactions in Hatch, we are walking through our Interactions 101 project, built specifically for non-coders. The interactions are implemented through JavaScript but don’t worry! You don’t need any coding knowledge to use these. We’ll just copy their functionality and use them to build our own interactive Hatch page. Open up…
Made with Hatch: the community showcase
Presenting our Hatch Community Showcase, where we spotlight the fantastic projects crafted by the brilliant minds within our creator community! Join us as we embark on a journey through the extraordinary works of our talented community members. Be prepared to be amazed by the sheer brilliance of the projects created by you, our valued Hatch…
How to customize an embedded Google Form
Google Forms are a helpful tool to gather data for event RSVPs, quizzes, sign ups and much more. In this tutorial, we’ll show you how to customize and style an embedded Google Form in your Hatch page. If you want to start from scratch, you can follow the directions immediately below. Alternatively, to get a…
Webpage programmability: an introduction
Webpage programmability: an introduction