Publishing your first project to the community gallery? Posting your first project to the Hatch forum? Welcome to Hatch’s creator community! You may be familiar with Hatch as a web building tool, but did you know Hatch is also an online makerspace where you can connect with other creators? Hatch’s creator community is very important…
Category: Tutorial
How to use Hatch effects to enhance your websites
In the dynamic realm of web design, incorporating captivating effects into your website is key to creating an engaging and immersive user experience. As a creative platform and interactive web design tool, Hatch empowers you to enhance your websites with a variety of effects. These effects can help you transform your simple websites into interactive…
An Intro to Hatch Settings
When you’re ready to publish your work, Hatch has several settings to manage access to your projects. You’ll find these settings after hitting the ‘Share’ button at the top right of the editor. Let’s take a look at the menu below. Project Sharing This universal control lets you automatically enable or disable all links leading…
Elevate your websites with immersive content
The past few decades have been a golden age for easy-to-use and no-code creative tools. With the influx of new tools, many embarked on new creative journeys. This was especially true the past few years during lockdown. How many friends started new creative hobbies? Perhaps even you started a new creative medium yourself. You’ve come…
How to customize a Hatch template
Working with templates is a great way to start learning how everything works in the Hatch editor. In this intro tutorial, we’ll walk through how to customize a Hatch template. We’ve chosen this template below from the Hatch gallery. The link will open in another tab, right in the Hatch editor, if you want to…
How to use color to improve webpage design
Colors have the remarkable ability to captivate our attention, evoke emotions, and convey meaning. In the realm of web design, they play a vital role in creating visually stunning and engaging experiences. The skillful use of color can transform a website design from ordinary to extraordinary, making it a powerful tool in the hands of…
How to make a multipage Hatch website
Welcome to the era of interactive website design, where you can unleash your creativity and build robust, interactive websites that captivate your audience. The key to creating awesome and fully developed websites is making the multipage experience flow seamlessly. To maximize these features for user engagement, we will need the basics of how to make…
Start here! A step-by-step walkthrough of Hatch
New to Hatch? We’ve got your questions covered with this comprehensive getting started guide for beginners. It’s also for people looking for a refresher! This ultimate Hatch tour includes a step-by-step walkthrough of Hatch, as well as an index of all the basics. Welcome to the grand primer of the entire Hatch editor. Learn how…
How to add links to Hatch pages
Add links to Hatch pages We can make anything a link. Photos, buttons, text, videos, gifs–you name it… they’re all linkable! Any of these assets can act as buttons. Using the links feature, we can transfer our viewers to other sites or even other pages of our project. In this tutorial, we’ll learn how to…
How to make an interactive animated e-card
To celebrate Mother’s Day, we’ve created an adorable virtual card in the style of a photo gallery you can remix. Swap out your own photos and messages for mom or anyone you want to share a caring note with! This step-by-step guide will walk you through how to make an interactive animated e-card that will…