Web Development

HTML, CSS, JS and modern web tech

HTML & CSS
How to center a div with CSS Grid

Center any HTML element horizontally and vertically using the modern CSS Grid Layout. Use the `place-items` shorthand to…
PHP
How to connect to a MySQL database in PHP

Create a PDO connection using environment variables for credentials. Secure your database access with proper error handl…
JavaScript
How to parse a JSON string in JavaScript

Learn the exact methods to convert a JSON string into a usable JavaScript object using JSON.parse() and JSON.stringify()…
HTML & CSS
How to hide content on mobile with CSS media queries

Learn to use CSS media queries to display different content on desktop and mobile devices. This guide covers hiding spec…
JavaScript
IntersectionObserver finally saved my infinite scroll from choking

My old scroll handler ate 15ms just checking if elements were visible. Switching to IntersectionObserver dropped that to…