Publishing taught by liberal arts students - Clone Coding

 

Any tips for taking classes cost-effectively???!

 

1. Please download the files in the Tag Reset and Common CSS Settings lecture and set them up before class.

2. Download the files in the coding guide lecture and compare them with the set files and check them carefully.

3. Download the design image registered in the main banner design and visualize the entire appearance.

- In practice, there is a process of visualizing the entire design file received from the designer and drawing the design in your head.

I need a process

Please visualize in the order in which you see the forest first and then the trees.

 

* Since the lecture method is to use designs registered in Zeppelin, separate PSD files are not provided.

I hope that by paying close attention to the Zeppelin screen shown in the lecture, you will be able to become familiar with the Zeppelin system in practice.

Figma, similar to Zeppelin, is also used quite a bit these days....

All of these tools are designed to facilitate efficient collaboration between designers and publishers.

There is no need for publishers to learn anything technical about these tools. When designers decide to collaborate in this way,

You just need to get used to it in my lecture so that you don't have any rejection reactions.

 

4.

My class is structured in such a way that it first completes the structural design and then provides styles and movements for each area.

If you find the coding style that gives you style after the design is complete boring or difficult.

Listen to HTML structure design and CSS styling one by one, matching each other.

But TT;;

In practice, we recommend creating styles and behaviors after the design is complete.

During the structural design process, my brain is busy visualizing the design image in detail and thinking about how to create regular CSS styles.

In the process, the design image is naturally imprinted in the brain.

You can see the forest, not the trees.

This process helps create regular and neat CSS styles.

Additionally, the designer's intentions are understood, which creates differences in detail.

 

Of course, the coding order may vary depending on the publisher.

I would like to share with you what I believe to be the most efficient and detailed way.

Since it is a lecture, as the title suggests, it is clone coding.

 

There are also processes where you just leave out obvious errors here and there and practice.

In the process of learners questioning these errors themselves and in the process of me correcting them,

It is in the hopes of achieving a more efficient learning effect.

 

When I first started with web standards (publishing), the only thing I could study was

All we did was disassemble and analyze the Japanese website source and the Naver website that partially applied web standards.

About the experiences I gained through trial and error and the coding methods I thought about countless times...

I prepared this lecture with the hope that it can reach someone who desperately wants a small but precious light.

 

I hope that those who are starting on a difficult path can persevere to the end.

I'm posting a few words, but I don't know if they are tips or not.