Monolog Chat

🖋Takahisa

11/22/2022

After completing the first round of submissions... My Reflections, Part I


Yesterday, I finished submitting my work to the first round of judging, and as I think back, I have a lot to reflect on... Why didn't I do this in the first place? I have been thinking about it for the past three blogs, and I have felt that I should have done it before the first round. Over the next three blogs, I will introduce three things I regret and issues I felt before submitting my work for the first round.


Today is the first.


Number one, "Why didn't you align the format from the beginning?"

The first is that I wanted to set the format of the code at the beginning, which led to individual differences in design and writing style. This caused me to go through hell right before submission..."

For example, how would you write a space between the bottom of the text and the next heading?


I had initially created my own div element with a class name "spacesystem" and a height only, and inserted it between the body and the heading to create the space.

He used margin-bottom at the bottom of the body to create a space.

Team member #2 used a div element to space the text as I did, but the class names were different, resulting in two different classes for the same content.

Team member #3 did not set any spaces in the first place.


However, it is still a good thing that this is all that was done. When I created a page with a unique design, the height set in the spacesystem was not enough to cover the space between the page and the other parts of the page. This is where spacesystem-2 comes in. There is no stopping this from happening. Everyone is coming up with 00-00-00, 00-00-for-00, 00-00-box-box, and so on.


Moreover, everyone has their own css files, and no one notices if there are similar classes. And no one notices even if the class names are the same. Of course, not only the code, but also the design itself is strangely unaligned and very uncomfortable! We had been working on the website as it was for about 4 months until the beginning of November, when we integrated all the files we had created for the first time. We went through hell on 11/2 when we merged the files.


Oh no...

The formatting is not aligned at all...


Surely, we could have given up on the differences in format and submitted the files as they were. That would definitely be easier. But then, I would have faced hell in the final review if I could have gone through with it. First of all, the class names and everything are different, so it is impossible to replace or change the css all at once, and it is impossible to improve the design anymore. And then the English version of the page to be created before the final review, with such a disjointed writing style, how can you create another page with English replacements? And. And then I want to include the ability to change the font size and stuff... It's impossible to do that if the formatting is so disjointed.


So we started from scratch, even though the submission was only half a month away. Specifically, we created a css file called share2, and adjusted the design so that most of the web pages could be designed using only the descriptions in that file.


I also erased all html code, except for the body data, and re-pasted all of it to match the share2 format.


In order to avoid the need to add spaces in different ways, I added spaces at the top of the headings in the share2 section that sets the heading design from the beginning, so that there is no need to set additional spaces by myself.


We also simplified the writing of complex code pages as much as possible to minimize the impact on other elements.


Sometimes, as in the case of blog pages, we used spreadsheet software to automatically generate the code, eliminating any writing mistakes or formatting inconsistencies. In fact, for the glossary, I simply wrote the correspondence table in a spreadsheet and created one that automatically generated the code, and then pasted it in.


Well, I wrote a lot of things, but I managed to unify the formatting to some extent and submit the work by the submission date of November 21. The reason I say "to some extent" is because there are still a few works that have the same functionality but have different class names. I hope to have that fixed by the time of the final judging, if it passes.

Beautiful site, beautiful code

I will make a perfect site that will not make the engineers cry!


I will do my best!


Click here to see my remarks No. 2

NEW!

🖊Takahisa 🗓2/18/2023

The Grand Prize was awarded.

Winner of the Grand Prize in the Final Round of the National Middle and High School Web Contest!

Official

Notice

Visit

🖊Riku 🗓1/10/2023

Second round of judging, submission complete.

It was long. It was fun.

Official

Notice

🖊Ryushin 🗓1/9/2023

Cooperation

"Helping each other" Without this, our website would not have been possible.

Chat

Back

🖊Riku 🗓11/21/2022

First round of review, submission complete.

A break. Run through with a smile.

Official

Notice

Next

🖊Takahisa 🗓11/25/2022

After completing the first round of submissions... My reflections Part 2

Cooperation and Quality

Monolog

Chat

≡ Back to Article List

Font
Size