Getting started

Supported browsers

Ycode is compatible with all modern, self-updating browsers.

Screen resolution

To give you enough workspace on your canvas and properly display both sidebars, we recommend using a screen width of at least 1268px.

Building like a pro

There’s no set method on how you should build your website or app, the stage is completely yours! However, read on if you’re interested in a few words of advice.

Before you start building, give your idea some thought. Grab an old-fashioned piece of paper and draw the framework of your homepage or app to decide what goes where, roughly.

If you’re designing more pages you need to think of how everything is connected. Where do buttons lead? What items are linked in the navigation? How do people smoothly navigate through your website?

Make sure that for each page, the call to action (CTA) is crystal clear. Visitors should blindly know where to navigate or what to do next. For example: Read more, sign up or add the item to their basket.

It’s also good to think about whether your page will be static or dynamic.

Static pages are updated directly within your canvas. With dynamic pages, elements are linked to databases (e.g. images or text elements). Whenever you want to update content, you’ll do so in the database. These changes will then apply everywhere where this database field is active.

Finally, have a look at whether you need to set things up beforehand (user actions).

For example, are you using a signup form? Forms and automation workflows are available in Ycode, but you first have to sync your email software and decide on the right workflow triggers. If you want to insert a payment solution, you should connect via API beforehand.

To recap: Before you build, know which elements go where in your design and what actions are available for visitors. This will save you lots of time afterward!

Responsiveness

With Ycode, you’re building responsive websites and web applications. All your created layouts will automatically adapt to different screen sizes.

If you do want to make changes for specific views, you can in the Design tab. We recommend that you first create your design for wide screens, like desktops and laptops. Once this layout is done, you can tweak it for smaller screens (if necessary).