Web Development

5 articles

Webpage demonstrating scroll-driven CSS animations with elements fading in, parallax backgrounds, and a progress bar advancing as the user scrolls

CSS Scroll-Driven Animations: Beyond Scroll Handlers

Build performant scroll-linked animations with the CSS scroll-driven API: scroll and view timelines, parallax and sticky headers, off the main thread.

Apr 30, 2024·4 min read

Side-by-side comparison showing the same hero image served in different resolutions and formats for mobile, tablet, and desktop viewports

Frontend

Responsive Images: srcset, sizes and Modern Formats

Master responsive image delivery with srcset, sizes, the picture element and modern formats like AVIF and WebP — faster pages, same visual quality.

Feb 20, 2024·5 min read

Complex CSS Grid layout diagram showing overlapping grid areas, subgrid alignment, named template areas, and responsive reflow at different breakpoints

Frontend

Advanced CSS Grid Patterns for Complex Layouts

Advanced CSS Grid in production: subgrid, named areas with responsive reflow, auto-placement, intrinsic sizing with minmax and grid-aware components.

Dec 21, 2023·4 min read

Tutorials

Building a Browser Extension from Scratch

A step-by-step tutorial for a Chrome/Firefox extension in TypeScript: the manifest, content scripts, background service workers, popup UI and messaging.

Apr 14, 2022·5 min read

Flowchart showing text processing pipeline from raw input to structured data

Artificial Intelligence

Natural Language Processing Basics for Web Developers

A practical introduction to the NLP concepts web developers need: tokenization, sentiment analysis, named entity recognition and integrating NLP APIs.

Jun 14, 2021·4 min read

View all articles