Quick Q&A: CSS Tips on Gulp, Radio Buttons, Flexbox, and Learning Resources

Technical Q&A

WeChat user 山人 asks for a detailed, reusable guide on building a platform without front‑back separation, using Gulp, RequireJS, jQuery and existing plugins, and requests source code.

The answer confirms the choice is reasonable for a small team and emphasizes that Gulp only orchestrates tasks; the project structure is determined by the chosen technologies. The author points to his own open‑source projects (github.com/cssmagic) that contain a simple Gulp 3 gulpfile, and mentions an upcoming Gulp 4 guide.

Weibo user 和薛之谦有关的昵称 asks how to change the color of a radio button.

The response explains that the <input type="radio"> element is rendered by the operating system in most browsers, so CSS can only control size, not appearance. Custom appearances are achieved via work‑arounds, with the recommended method referenced in the book “CSS 揭秘”, page 149.

Weibo user 黑子哲** wonders whether to build a responsive site with pure Flexbox or combine Flexbox with Media Queries.

The answer advises using Flexbox as the primary layout mechanism (e.g., flex-grow or percentages for width) and supplementing it with Media Queries for breakpoints, citing the same book’s section on responsive design (page 11) and reminding about browser compatibility.

Frontend Learning Advice

Zhihu user 大馒** asks whether books that pre‑date CSS 3 are still worth reading.

The reply affirms their value, noting that CSS 3 extends CSS 2 and that many “CSS 3” books omit the foundational CSS 2 material, so reading older books helps build a complete knowledge base. A reference article is linked for further reading.

WeChat user mine seeks recommendations for a good Bootstrap book.

The author suggests the official documentation is sufficient, mentions a personal “Bootstrap User Manual” that did not meet expectations, and recommends hands‑on practice by assembling typical pages with Bootstrap components.

WeChat user DJL箫氏 requests to see the author’s CSS code.

The author says he is working on CMUI v2.0 and will share the repository link later, clarifying that CMUI is a CSS framework rather than application code, and promises a dedicated CSS tutorial.

WeChat user 中原 asks for advice on studying the book “CSS 揭秘”, which feels fragmented.

The answer explains that the book is an advanced tutorial, not for beginners, and recommends pairing it with “CSS 权威指南” and “精通 CSS” to build a systematic foundation before revisiting the book.

Weibo user miss-wrak**沙漠小** asks for a beginner‑friendly CSS book recommendation.

The author points to the previous answer and suggests “精通 CSS” as the single best choice for newcomers.