How do you make your section from scratch?

[bxaanca]

Hello reader,

When creating new sections I often find myself starting them, but not finishing them because it feels either (1) there is something missing or (2) because the liquid code can be hard to interpret. I do have some knowledge of HTML and CSS and can apply these principles effectively, the main problem arises when I have to use liquid because all I can do is read and try to understand the documentations.

Do you start by writing the code in detailed form off head from top to bottom, or do you create the HTML/CSS baseline first, then add the intricate details later?

Looking forward to hear back from anyone!

[ThePrimeWeb · Accepted solution]

HTML and CSS first, then add the Liquid part later if you are not comfortable with Liquid. I used to do this also. 
Now I can do all simultaneously, but we all gotta start somewhere.

[ThePrimeWeb · Accepted solution]

HTML and CSS first, then add the Liquid part later if you are not comfortable with Liquid. I used to do this also. 
Now I can do all simultaneously, but we all gotta start somewhere.

[WebDeskSolution · Accepted solution]

Hello @bxaanca 

When it comes to coding, especially with HTML, CSS, and a templating language like Liquid, different developers have different approaches. Here are two common strategies:

1. Top-Down Approach: Some developers prefer to start by writing the code in a detailed form from top to bottom. They begin with a clear picture of the final product in mind and then write the code accordingly. This approach can be effective if you have a strong understanding of the project requirements and the technologies involved.
2. Baseline First, Details Later: Other developers prefer to create the HTML/CSS baseline first, and then add the intricate details later. They lay out the basic structure of the page using HTML, style it with CSS, and then add functionality with JavaScript or a templating language like Liquid. This approach allows you to see progress more quickly and make adjustments as needed.

Both approaches have their merits, and the choice between them often depends on the specific project and the developer’s personal style. If you’re struggling with Liquid, it might be helpful to focus on the HTML and CSS first, and then gradually incorporate Liquid as you become more comfortable with it. Remember, practice is key when learning a new language or technology. Don’t hesitate to experiment and try different approaches until you find what works best for you.

Please hit Like and Mark it as a Solution if you find our reply helpful.