Tech News
← Home  ·  All topics

Css Grid

2 GoKawiil briefs on this topic

Firefox.com rebuilt entirely with native CSS, no preprocessors used

Mozilla worked with Lincoln Loop and a design lead to rebuild Firefox.com using only modern, native CSS, dropping preprocessors like Sass entirely. The project exported custom properties straight from design files and used CSS Grid and Flexbox, building a system of more than 70 components and 25 page templates as Wagtail components so non-engineers can assemble pages. The site now supports 19 locales, with a lightweight branded stylesheet ensuring older browsers still get basic accessible styling.

Developer recreates TV's squeezeback effect using CSS Grid, not video editing

A developer built a web demo that replicates the broadcast 'squeezeback'—the effect where a video feed shrinks into a corner while surrounding space fills with graphics or extra content. Instead of baking this into pre-rendered video like a typical online example, the demo uses a CSS Grid with animated track sizes, placing the video player in a live, resizable cell chosen at playback time.