top of page

The Futur

CREATED BY

33:51

Building a personal website... With no code?! Built By Hand Ep 4

Building a personal website... With no code?! Built By Hand Ep 4


!Ben Burns


Have you ever wished you could create a custom, stylish, and responsive personal website without needing knowledge of code? Enter Ben Burns, a highly skilled designer, creative director, and "father of the year" five years running. Ben is on an exciting journey to rethink, revamp, and redesign his personal website, and we're lucky enough to follow along with his process! In this fourth episode of "Built By Hand," Ben shares his insights and experiences building a responsive personal website from scratch using no code.


Designing for various screen sizes


One of the most critical aspects of creating a flexible, responsive website is ensuring that the type adjusts seamlessly to different browser widths. This means that as the screen size increases or decreases, the text size should also respond accordingly to ensure optimal readability at all times. But how can you achieve this without diving into the confusing world of code?


Before diving into the development side of things, it's essential first to have a solid design for both desktop and mobile versions of your website. With a well-thought-out design in place, you can begin diving into the actual development process.


Making the development process accessible


Traditionally, custom websites would involve a team of developers and engineers to bring your vision to life. This collaboration between designers and developers can yield fantastic results, as their combined creativity can bring the best designs and user experience to life. But what if you're a designer who wants to take matters into their hands and forgo the need for an extensive development team?


For Ben's "Built By Hand," he wanted to bring his vision to life by building the entire site himself. By using the right tools and techniques, it's possible to create a personalized, high-quality website without any coding knowledge.


Live Learning with Editor X


Welcome to Editor X, a community that offers monthly NoCode Design Challenges with amazing prizes, where you can join and improve your design skills without ever touching a line of code. The website also provides incredible mentoring on building design businesses and furthering your career in the industry. With this support, anyone can develop their custom website with no code, just like Ben.


.Editor X can make anyone look and feel like a professional web developer, while still giving you the creative freedom to build completely unique websites.


Embracing a conversational, informal writing style


In this series, "Built By Hand," Ben's use of an informal, conversational writing style enables viewers to connect with him and relate to his journey as he walks through the entire process of creating his website. With a similar approach, a website built with no code can present your content in a relatable, accessible manner to reach your audience authentically.


In conclusion


With tools like Editor X and resources like Ben Burns' "Built By Hand" series, it's now easier than ever to create a responsive, custom personal website without needing any coding knowledge. As a designer or aspiring developer, you'll have the ability to showcase your creativity and design skills while embracing the challenges of a NoCode Design Challenge, ultimately making the web a more beautiful and accessible place.


So why not give it a try? Take your first steps towards building your unique personal website and join the Editor X community today!


Remember, if you enjoyed this content, don't forget to give it a thumbs-up or share it with your friends who might be interested in learning more about the world of no-code web development. Best of luck on your journey!

Join over 5,000+ people learning, helping each other to scale their freelance/design business, taking no-code challenges, collaborating, talking about their projects, and more!

Join Designers & Creatives From All Over The World!

Supported by our partners and affiliates

More Like This #Tag

Editor X Tutorial For Beginners | Create a Website With Editor X 2022

All About Websites

7:04

Pixels vs Percentage in Editor X

Codex Community

0:48

Breakpoints | The Cascading Rule | Editor X Tutorials

I Love Editor X

15:28

Breakpoints in Editor X

Codex Community

0:39

Introducing Editor X | Editor X

Editor X

2:52

Recreating Radial in Editor X | Wix Fix

Wix Fix

19:29

How to build a Slideshow with Multi State Box | Editor X

X Stream

26:54

Button Animations and Interactions in Editor X

Codex Community

10:37

Bring a Website to Life with Micro-Interactions in Editor X

Creative X

1:00

Everything Editor X [2021] | Wix Fix

Wix Fix

58:46

Simple Finance Website Design in Editor X | Wix Fix

Wix Fix

17:32

Sell online courses using EditorX

NoCodeDevs

15:09

bottom of page