Web-development • Brief Note on Popovers with Dialogs • Deploying AVIF for more responsive websites • Introducing the popover API • 11 HTML best practices for login & sign-up forms • State of Node.js Performance 2023 • On-Scroll Pixelated Image Loading Effect • Dilemma of Choosing a Frontend Framework CSS • Why…

Web-development • Why Japanese Websites Look So Different • Demystifying JWT: A Guide for Front-End Developers • ChatGPT for Web Developers • Semantics and the popover attribute: what to use when? • Be Careful Using ‘Menu’ Effects • Getting started with View Transitions on multi-page apps • Recreating the Gradient Mask…

Web-development • Is AIO the New SEO? • A practical guide to built-in web APIs • Five Headless CMS to try in 2023 • The ongoing defence of frontend as a full-time job • How large DOM sizes affect interactivity, and what you can do about it • UI Interactions…

Web-development • Web Components 2023 Spring Update • Step by step: embedding PDFs in HTML pages • I want to talk about WebGPU • Using the Web Vitals extension to debug Core Web Vitals issues Performance • Optimizing Web Performance with Advanced Techniques • CDNs: Speed Up Performance by Reducing Latency …

Web-development • Microservices vs APIs: What’s the Difference • SVG vs. Canvas: A comparison • New to the web platform in April • Image Tiles Menu Animation Tools • Microsoft Edge now allows you to simulate dark, light, high contrast mode, blurred vision and colour deficiencies right from the Device Emulation…

Web-development • Exploring The Potential Of Web Workers For Multithreading On The Web • Accessible HTML Video “Facades” • UI Interactions & Animations Roundup #31 CSS • Sniper-CSS, avoid unused styles. • syntax.fm: Can Vanilla CSS Replace Sass Yet? • Container Query Units and Fluid Typography • Circular Text with CSS? •…

Web-development • Using the Cookie Store API • Diagonal Layouts in 2023 • Implementing Micro-frontends for Large Applications • Scraping web pages with Puppeteer Performance • The Performance Golden Rule Revisited • More ways we’re making Chrome faster • Preloading responsive images CSS • Pure CSS Lightbox using :target and :has •…

Web-development • Improper HTML: Bad Examples Makes For Bad Developers • What Makes TypeScript Special? • How WebAssembly is accelerating new web functionality • My Boss: Front-end Development Will be Replaced 100% by AI • Largest Contentful Paint change in Chrome 112 to ignore low-entropy images Tools • Welcome to Make…

Web-development • Push notifications are now supported cross-browser • Jumping HTML tags. Another reason to validate your markup • Fighting inter-component HTML bloat Tools • In Praise of Vite • Optimizing the build process using Webpack Effects • Turning 3D Models to Voxel Art with Three.js • Mastering Theatre.js Animations: Learn…