Zhang Xinxu shared his 12 years of writing experience live on February 15. On the same day, he was caught by the epidemic and tested for nucleic acid. After two days, he hurriedly learned this lesson. Speaking is really very good, I hereby listen to the record explained the key points and add some of their own understanding, I hope to help you in the creation of technical articles

Live instructor: Zhang Xinxu

Introduction: reading group front-end technical experts, is also a blogger, xin xin space life for more than a decade has been not compose, created nearly 800 front-end technology original article, and author of a book “CSS world” CSS selector to the world and the CSS in the new world, in the front end of the field associated with the user experience more research result.

Live Playback address

About the topic of the article

Why wouldn’t you think of something to share?

Reason one: always want to do big wave

  • To cow force
  • To be scarce
  • To elaborate
  • To dry

Reason two: fear of failure to bring insecurity and self-confidence

  • If the content doesn’t work
  • If the format is bad
  • If it turns out I’m a rookie
  • I will not die

1. Of course, technical people are always a little bit perfectionist in character. For example, front-end ER people should have suffered from UI: the spacing is a little bit smaller, the font color is a little bit darker and so on.

2. My personal experience in writing: What should I do if MY writing is not rigorous? Feel that they can not write patterns, write like copying others how to do? Will it get sprayed? Is the layout too ugly? Do you want to consult UI little sister? (Sounds good)

How to solve it?

The question is what do I have

  • Who am I
  • How much energy I have
  • How good am I
  • What are my strengths
  • Where is my breakthrough

Personally, I think writing an article is a process of sorting out what I have mastered, so I must first have a comprehensive understanding of myself.

Then check for gaps or even additions based on what you’re writing

Everyone is a different individual, and it is unlikely to write articles in exactly the same style. Therefore, I boldly use my own ideas to create, which I think will produce a good positive incentive for individuals

Writing topic

  1. Introduction of new features and methods

    Can I use, a dedicated front-end API compatibility test site, there are a lot of new features, you Can find some ordinary people do not know how to write API usage, principle of what

  2. A small skill or creation that you think is awesome

  3. Principle analysis, in-depth understanding

  4. Summary of technical solutions

  5. Sharing experience in solving intractable problems

  6. A hands-on guide to great frameworks, projects, and tools

Points 1, 4 and 6 are more suitable for new subjects

Some advice

  1. Topic selection is related to your own learning

    • Writing is an aid to learning
    • Easy to adhere to, even if no one to see, their harvest growth
  1. Don’t write the same thing

    • The same knowledge points from different points
  1. When confused, write personal stories, feelings and puzzles

    • Skills to find answers and access

1. I often learn new knowledge at work. Since I joined the company early, I am mainly responsible for the projects I handle, so I often add some new knowledge or even new framework I am learning into the projects, so that I can balance work and study, and grow fast

2. As a beginner, you need to develop the habit of taking notes, just like the fourth illusion of life: I collect = I know, and the fifth illusion of life: I take notes = I can write this article. Yeah, I remember a lot. I can still pull it off on my own

3. Yes, I thought of writing this article when I was confused

About content Structure

What is the purpose of your writing?

If it’s utilitarian writing

To get a raise, to change jobs, to be famous

An emphasis on

A quick glance at what you’re talking about

  • Conclusion comes before conclusion
  • Talk about the effect of interaction first
  • Make a clear list of your knowledge

There are closed loops and there are progressions

Complete story-like expression

  • Background, thinking, attempts, difficulties, solutions and results
  • Difficulties are divided into 1,2,3. What new problems appear after solving them

Writing technical articles should avoid the same as writing papers, technical articles need to be active presentation skills, not only attract others to read, but also show personal problem-solving ability, which is easier to gain the favor of the interviewer

If it’s everyday writing

Personal expression in order to learn and grow

Follow your heart

Don’t get fancy. Just write whatever you want, okay

Case 1: familiar with the getComputedStyle method for obtaining the CSS value of the element in the opening 1000 words

CSS image-set()

Case three: Fan fiction packing inn storybook: CSS mask CSS3 mask/masks detailed introduction

conclusion

If you have enough freedom to write

More sincerity, less formality

A heart that truly wants to share is better than some stupid technique, you know

On Language Expression

What is the most important aspect of technical writing?

  • A brief statement? X
  • Flowery words? X
  • Efficient jokes? X

The most important thing should be the ability to put yourself in others’ shoes

What is perspective-taking

  • If I were white, would you understand the terms?

  • If I were a reader, would it make sense?

    Is it a familiar analogy?

    Should the code be simplified and commented?

    Should I put a picture here?

    Should there be a demonstration here?

Show your true self

Xin Xu big man’s view:

In addition to serious scenarios such as work reports and team accounts, articles with personal feelings are more valuable

This is very touching, the general concern of the public number, or the blogger, technology is not necessarily particularly awesome, but the article is written more vivid and interesting, quoting classics (not), let a person have the attraction of reading down. If the article isn’t lively, go straight to the official documentation API

So how do you show your true self?

  • Such as:

    What kind of problem am I having? How do I think? How did I solve it?

  • Another example:

    What do I think of this technology? I’m not a big fan of design, okay? What would I suggest?

  • What style do you use for who you are

    I’m a chatterbox. I like to talk, so that’s what you do. Say whatever comes to mind

    I am an otaku, good, articles can reflect all kinds of otaku elements

    I like to show myself, so I’ll show you more with pictures

    I am poor and small transparent, unhappy, the article does not have to force a smile, revealed that melancholy is good

  • Maintain a consistent style and character

    Don’t be funny in this article and dry in that one

    • Bad style is better than no style at all
    • Make yourself memorable and make an impact
    • Is one of the means to prevent piracy

About article Quality

Quality is important

Ten hydrology articles are not as good as one high quality article

In addition to the quality of the content itself, some tips to improve the quality of the article:

Illustration and demonstration

A picture is better than a foreword

Example: CSS implementation of multi-line text “expand and fold” – nuggets

Be responsible for every word

If you’re unsure of your conclusions, check them out for yourself

Example:

The document in the PC. ScrollingElement is document. DocumentElement

On the mobile end documenet. ScrollingElement is the document. The body

I was right to try the first one

Second Android and IOS to consider, limited by the environment, leave it to the comments

Follow the heart, not the hot

There is no positive correlation between article quality and page views

Example:

This article is easy to praise!

But I don’t remember any of the authors

I posted two articles in Nuggets, one about prototype chain written by myself, which didn’t get much reading and no likes, and the other about mobile development, which did get a lot of reading and likes (compared to 0), but didn’t improve myself as much as the content written by myself, because it was all compiled by others

conclusion

  1. About the topic of the article

    Related to learning, different entry points, perception and confusion

  1. About content Structure

    Key points, closed loop and progressive, integration

  1. On Language Expression

    Put yourself in others’ shoes, show yourself, and maintain style

  1. About article Quality

    Draw pictures and examples, take responsibility for conclusions, follow your heart