In the 12th issue of AMA, the gold Digging team invited CSS Reveal translator & front-end + blockchain crossover — CSS Magic to do a three-day Ask Me Anything (AMA) activity (has ended).

We’ve compiled a selection of questions from users and answers to CSS magic.

About CSS Magic

  • Personal website: www.cssmagic.net/
  • Personal gold digger homepage: juejin.cn/user/139823…

Community partners selected questions

If you do small internal sharing for about 10 people, how do you avoid boredom? The square root of three forever

I would like to ask how to avoid boredom when sharing small internal sharing with about 10 people

No matter how large the technology sharing, the ways to avoid boredom are the same. Let me just say a few words about my experience.

First, tips to use immediately when preparing for the current share:

  • Try to visualize the concepts you want to express. Flow charts, architecture diagrams, tables, and various statistical diagrams are all available forms of presentation. A picture is worth a thousand words. And graphics are a great way to help you organize your thoughts.
  • Tell a story. For example, use a story to introduce a theme, or use a story to support a point, etc.
  • Have data. For example, a statement like “performance improved dramatically” could be justified by data, but “build time reduced from 30 seconds to 12 seconds” is clearly persuasive. With diagrams, you can get even better impact.
  • Don’t heap a lot of code on the screen. If you’re going to put code in, try to break it down into smaller pieces. It would have been better to do it line by line.
  • You can design punchlines. Most punchlines in public speaking are choreographed. A few things that can be done in the long term, and a few points of change in thinking:
  • Have a deep understanding of all the topics you’re talking about so that you can come up with multiple ways to talk about it. Choose the most clear thread, the easiest to understand and accept.
  • Try to speak more, in the test to observe the audience’s reaction, and then improve, and then see the effect. It only takes a few attempts to get a feel for which expression is more acceptable to your audience.
  • If not, rehearse and try to make assumptions about what the audience is thinking and feeling at each step, and improve accordingly. In the actual sharing should also observe and verify their own judgment.
  • Don’t give up on the stage because you’re afraid it won’t work. In fact, you’ll find that most people around you have the same starting point. Do more sharing, more accumulation of platform experience, practice more, will naturally accumulate their own experience and skills. Most of the time you think someone “speaks well” because he “speaks a lot.”
  • Lively is actually about sharing themes. Content is king.
  • Here are some of the things I learned from this year’s QCon talk, and I recommend them to you. “Magic elder brother QCon 2018 checking (top) : how to make a speech,” “interesting and practical” technology: mp.weixin.qq.com/s/qQmRy196U…

Now are commonly used UI framework, how to improve the personal CSS this piece – @ llC1994

Top five! I would like to ask, now are commonly used UI framework, how to improve the CSS this piece ah

In fact, if you look at my answers to other CSS learning related questions, you can see my attitude as well. If you can use the UI framework well for the task at hand, I see no problem.

For most front-end developers, after mastering basic CSS application skills, the input/output ratio is not high if you dig deeper.

If you really love CSS and want to dig deep, I recommend reading books to learn it systematically. I’ve recommended three CSS books (The Definitive GUIDE to CSS, Mastering CSS, and CSS Secrets), both of which have recently been published (or are about to be published) in new editions.

After a systematic grasp of CSS knowledge, and then practice to improve.

How to design these classes and how to combine classes to apply them? ─ @ wingsico

How to separate CSS styles, see that various UI frameworks often work together with styles under multiple class names, how to design these classes and how to combine classes to apply them

This is a very good question, I happen to have a previous blog also involved, and the article below a lot of people to participate in the comments, very valuable, I recommend to you. Bootstrap CSS Class Name design: github.com/cssmagic/bl…

If you feel that you are inexperienced with CSS and can’t handle the design of a CSS style class, it will be helpful to read the Bootstrap documentation in detail and take a look at its source code selectively.

The question of how to gracefully implement responsive layouts happens to be covered in the book CSS Unmasked. Check out the “About Responsive Web design” section in the “CSS Coding Tips” section: github.com/cssmagic/CS…

What is a good way to operate the public number to attract fans? ─ @ Chatc whales

Hello, I would like to ask how to create their own personal brand, I am operating a public account, an original article every week, a month has passed on the rise of more than 10 fans, writing technology to share every day is not realistic, is there a good way to operate the public account to attract fans?

First we need to prepare ourselves mentally. Building a personal brand is an “operational” process. On the one hand, “operation” means we have a goal and use our brains to achieve it. On the other hand, it means it’s a long-term job.

In terms of personal brand operation, relying on the public account as a platform may not be enough. Because the characteristics and functions of each platform are different, multi-line propulsion is required. For example, weibo is relatively open and convenient for rapid spread. It is easier for Zhihu to spread its content to readers who care about specific topics, and has a more accurate ability to target audiences. And so on.

In contrast, wechat public accounts are relatively closed and have few means of active exposure, so it will be very difficult in the cold start phase. But the advantage of wechat is that you can more easily reach the users you have gathered, suitable as the final precipitation. Therefore, it is suggested that after gaining certain influence on other platforms, we should guide our audience to the public account or wechat group to settle down.

How do front-end programmers do career planning? ─ @ funleeJJ

Front-end programmers how to do career planning, writing front-end code for three years, always feel very vegetables, very confused.

It’s probably not your problem. The last three years have really been the biggest and fastest change in the whole front end. I also feel that they suddenly become very “dishes”, because of the new things I will not 😢

When it comes to career planning, it is also advisable to weigh the following two aspects:

  • Your interests and strengths
  • Input-output ratios in each direction

My experience may be of some reference to you. If you’re interested, check out these two interviews:

  • StuQ interview: CSS magic chat front-end life: mp.weixin.qq.com/s?__biz=MzI…
  • Turing interview with CSS Magic: Learning is long, But Life is Long: mp.weixin.qq.com/s?__biz=MzI…

Is there any future in CSS? ─ @ dzxwind

Magic brother, if you study CSS can you achieve some kind of extreme front-end? In other words, is there a future for CSS research…

(I’ll take that as an extreme view.)

Can you delve into CSS to some degree? On a purely academic level, yes. For example, the author of the book CSS Secrets, she has reached a very extreme level in the CSS field. However, this example has limited implications for us, for example, do we have the same space? Are we studying human-computer interaction in the scientific research department of a world-renowned university? And it isn’t.

So when it comes to the real world, we ask, “Is there a future in CSS?” In terms of individual input/output ratio, it depends on whether CSS contributes to our work performance, or whether it contributes the most. (The hottest direction in the front-end right now is definitely not CSS, which seems to go some way to answering that question.)

So, if you’re just moving bricks on a daily basis, basic CSS skills are probably enough. For example, if you know a little bit about Flexbox, everyday layouts are usually pretty easy. Many times CSS weaknesses can be filled in or circumvented by JS – not the “right” way to do it, but most of the time it’s not “important”.

Of course, if you are a UI framework developer, CSS proficiency is definitely a plus, even a must.

Let me answer this question from a different Angle: is there any future in CSS? There is definitely a future in CSS; But if you only study CSS, you’re probably going nowhere.

How to quickly improve your CSS capabilities? ─ @ zuishiguang

Magic brother, what are the recommended foreign technical communities, forums and blogs, in today’s JS framework prevail, JS logic to write more, CSS to write less, how to quickly improve their CSS ability?

First question: what are the recommended foreign technical communities, forums and blogs?

Due to limited energy, I will not read foreign websites directly now. But I found some manually aggregated daily newspapers that I could subscribe to, and I sat on my gravy. Trust this: good articles or important information will find you.

Subscribing information sources are:

  • Zcfy. cc/
  • Blog weekly github.com/qiwihui/git…
  • Front End Daily github.com/kujian/fron…
  • Yunqian Zaobao github.com/sorrycc/zao…

Second question: in today’s JS framework prevailing, JS logic is written more, CSS is written less. How to quickly improve your CSS capabilities?

Why is it that JS frameworks are ruling the day and not CSS frameworks? This goes to show that CSS is not that important at this stage. For the average front-end developer, I recommend going with the flow. Unless you’re working on Element UI or AntDesign in a large enterprise, it’s not advisable to spend a lot of time just improving your CSS capabilities. (See my responses under one of the questions below.)

Also, let’s face it: CSS capabilities don’t improve fast. Because CSS is a mesh system, all concepts do not exist in isolation, can not be a single point of breakthrough, unlike JS to learn an API can use an API. So our ability to control CSS must be a process of changing from quantity to quality. It takes a lot of effort and cost to get past that tipping point. And whether this cost input is cost-effective, is the need to consider.

Do you worry about the insufficient development of the front-end technology category when choosing cross-border blockchain? ─ @ Yin Ming

Do you worry about the insufficient development of the front-end technology category when choosing cross-border blockchain? Front-end technology and blockchain are very different, is there any good learning content that I recommend to enter the blockchain development industry?

The first question is whether the choice of cross-border blockchain is due to concerns that the development space of the front end is not enough?

I think the space for the “front end” at any time is huge. Because the front end is user-oriented, it is not only essential for Internet products, it is likely to be a competitive advantage.

The reason why I choose cross-border blockchain is mainly due to chance and personal interest. It’s a coincidence, or perhaps inevitable — I’ve seen a lot of blockchain concepts and design at the application layer mesh well with front-end development. Therefore, in the process of gradually understanding blockchain and DApp, I have not only become more and more limited, but also have an increasingly strong impulse to give it to all front-end engineers.

In addition, cross-border blockchain does not mean that I give up the front end. On the contrary, front-end skills are my own advantages, which accompany me to enter the blockchain world. Especially in the application layer of blockchain, I believe that front-end engineers will exert great energy.

Second question, is there any good learning content recommended for entering the blockchain development industry?

Blockchain related learning resources are certainly not richer than the Web front-end, but with the increasing popularity, this aspect is gradually enriched and improved. Each public chain has also gradually accumulated its own developer ecosystem. For front end engineers, the main focus is the technical learning of the application layer (DApp). In this respect, you can see the gold nuggets booklet written by Teacher Wang Shijun: Introduction to Blockchain Development: Building ICO DApp based on Ethereum Smart Contract from 0 to 1: juejin.cn/book/684473…

Even if you’re developing on a public chain outside of Ethereum, this little book is a great learning and reference.

In addition, I am also doing this aspect of the “popular science” work. My speech at QCon 2018 Shanghai mainly explained the principle and development mode of DApp, which is very suitable for front-end engineers to get started quickly. – “why front-end engineer should master block chain DApp development (on) : mp.weixin.qq.com/s/feo6YuBv4… – “why front-end engineer should master block chain DApp development (under) : mp.weixin.qq.com/s/avTPc6JfO…

This issue of AMA community partners raised a lot of practical questions, thanks to CSS magic seriously for digging gold partners to answer a lot of questions. For more q&A, go to CSS Magic AMA to read and discuss.