Curated Frontend Development Resources: Accessibility, CSS, JavaScript, and Low‑Code
This post curates a selection of frontend development articles on accessible components, gesture‑driven design, CSS performance tricks, obscure CSS properties, SVG filters, WebAssembly video frame extraction, Notion editor architecture, low‑code/no‑code tools, and front‑end engineering low‑code systems.
This post recommends an article on accessible front‑end components, providing a comprehensive guide to building UI elements that are usable by everyone.
It highlights a piece on gesture‑driven design, discussing how to create smooth, intuitive touch interactions that enhance user experience.
In the CSS & SVG section, it shares tips for boosting page render speed with CSS alone, explores lesser‑known CSS properties and values, and introduces powerful SVG filter effects for graphical enhancements.
The JavaScript section covers using FFmpeg with WebAssembly to extract video frames entirely in the browser, and an analysis of Notion’s editor architecture based on block rendering, storage, and data modification.
Finally, the Low Code & No Code section presents approaches to automatically generate code from design sketches and discusses building a low‑code system within front‑end engineering workflows.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
ByteFE
Cutting‑edge tech, article sharing, and practical insights from the ByteDance frontend team.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.