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
- 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.
- Let’s Write Colors with CSS HSL! (And a Better Way)In web development, the traditional HEX and RGB color notations are widely used, but they are not very readable or intuitive, and their capabilities are limited in wider color spaces such as P3. HSL (Hue, Saturation, Lightness) provides a more intuitive way to define colors, making it easier for developers to understand and adjust them. By describing colors through the three dimensions of hue, saturation, and lightness, HSL makes color adjustment more human-friendly. In design systems in particular, HSL can better represent lightness variations in a color palette.