Frontend Weekly Digest #346 (15–21 January 2024)

Fresh Frontend Links

2 min readJan 21, 2024

--

Web-development

• Web Components 2024 Winter Update
• Working with IndexedDB
• New HTML Control Lands in Safari
• The Color Input & The Color Picker
• Learn SVG by drawing an arrow
• The AHA Stack: Combine Astro, htmx and Alpine.js to create modern web applications sending HTML over the wire, replacing the SPA JS-heavy approach with a much simpler set of mental models and workflows.

CSS

• Illustrated CSS: Values and Units of CSS
• Illustrated CSS: CSS Box Model
• The Complex But Awesome CSS border-image Property
• Scrollbar styling
• Why do reflows negatively affect performance?
• A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()
• My take on fading content using transparent gradients in CSS
• Making CSS View Transitions Easy with Velvette

JavaScript

• 10 print chr$(205.5 + rnd(1));:goto 10 in JavaScript
• WebSockets Unlocked: Mastering the Art of Real-Time Communication
• D3.js adoption guide: Overview, examples, and alternatives
• Exploring Effect, a meta-state RxJS-like framework
• Compiling a standalone executable using modern JavaScript/TypeScript runtimes

Web Development

Front End Development

Fresh Frontend Links

Written by Fresh Frontend Links

Help
Status
About
Careers
Blog
Privacy
Terms
Text to speech
Teams