How did my personal website work out?

My personal website version 2013 has been online for more than two months. I did not expect that this website that has not been designed and made much effort has been loved by many people and by professional designers, I even received a job invitation. First day

My personal website version 2013 has been online for more than two months. I did not expect that this website that has not been designed and made much effort has been loved by many people and by professional designers, I even received a job invitation. On the first day of the launch, the daily access volume exceeded the total of three years of website construction. After I went online, I always wanted to write a blog post to briefly describe the website construction process. However, I have never been in a mood to write this blog post because I have been working too much and have been traveling to Northeast China for another month.

Since its launch, people have asked me via Email and Weibo almost every day: "How did your website come out ?", I really don't know how to answer such general questions. Now, almost all the answers to this question are in this blog.

There were such amazing keywords in the search engine entry record one day.

I have an obsessive-compulsive disorder. I will remember every key point of my website, so now I can demonstrate a relatively continuous construction process. Here we will not talk about domain name resolution, server setup, or specific HTML, CSS, and JavaScript code. There are already a wide range of excellent articles and tutorials related to the Internet. you can check them on your own and I will not go into details here.

Basic conception of construction process

Many web designers at home and abroad suggest drawing drafts (wireframes) before the project starts, but I never draw any, I just wrote down all the inspiration in my mind in a notebook. Because I often plan to build a website, my mind has probably shown its appearance. although it is very vague, I think it does not need to be too clear. A lot of creative inspirations are found in the process of doing so as long as there is a general direction in your mind to start work, the specific details of the part while thinking about it, there is no need to frame your own thinking at the beginning. According to the rough idea, I first sorted out a rough production process:

Basic conception → design planning → framework construction → optimize text → Rough details → Retina processing → responsive processing → Animation production → fine-tuning details → go back to the cloud → offline cache and Web App → Multilingual version

Design plan

When talking about design, we have to talk about Bootstrap. This is my first time using the Bootstrap framework to create a website. In fact, I have been hesitant to use it at first, because it has many preset CSS styles and frameworks, which is too convenient to use, so that I think it will reduce the sense of accomplishment that is completely self-designed. Later, due to time constraints, and the Bootstrap style was exactly what I wanted, I adopted it. A page consists of seven independent modules in sequence: brief introduction, travel, photography, creation, Apple, contacts, and information. Each module has its own characteristics. This modular design also facilitates responsive processing.