Frontend Anxiety Disorder
# FrontendWarning: This article only expresses personal viewpoints and thoughts, and is not intended as criticism towards peers in the industry.
The Maturing Frontend Field
I believe that the frontend field (referring to web development here) is gradually maturing. Frontend frameworks are adopting a component-centric philosophy and responsive mechanisms, combined with unique syntax, development techniques, and philosophies that can handle most use cases. Currently, most improvements are focused on build tools, such as enhancing translation speed and development experience through esbuild, vite, and snowpack, or optimizing existing frameworks. For instance, Vue 3 introduced the Composition API and React recently announced React Server Components, all aimed at reducing the cognitive load on developers from various aspects.
Another trend is the integration of browsers with other sensors and communication protocols, such as the Web Serial API, Web Bluetooth, and Web NFC. With the help of browsers, users no longer need to install additional software or drivers; all operations can be resolved within the web page. In this type of application, the web page is merely a shell—it doesn’t necessarily
Related Posts
- What to Pay Attention to When Using Images on the FrontendBased on an article by Jake Archibald, this post organizes how modern responsive images should be written: why `width`/`height` still matter, when to use CSS `aspect-ratio`, how to choose between AVIF and WebP, and how to use `picture`/`source`/`srcset` for switching images on mobile.
- CSS field-sizing — Auto-Resize Form Elements with One Line of CSSMaking a textarea auto-resize used to require JavaScript to watch scrollHeight. CSS field-sizing: content replaces all of that in one line, supporting textarea, input, and select.
- Make Your Hyperlink Underlines Look Better: text-underline-offsetBy default, underlines sit very close to the text, and some designers dislike this style. Personally, I don’t think it looks very good either.
- Why Web Design Shouldn’t Chase Pixel PerfectOnly pay attention to Pixel Perfect when it really matters; otherwise, it often leads to a lose-lose situation.