Uploads from Xah Lee

Currently Playing: Xah Talk Show Ep791. CSS, make parallel lines, diamond grid, polar grid

Video Summary (Generated by AI, Edited by Human.) In this episode of his talk show, Xah Lee provides a hands-on tutorial for drawing various geometric patterns using Cascading Style Sheets (CSS). Using his Emacs environment, he demonstrates how to manipulate gradients to create complex background visuals without relying on external image files. Key Technical Demonstrations: Parallel Lines: Xah explains how to use repeating-linear-gradient to generate precise horizontal and vertical lines by managing color stops and transparency (5:07 - 18:02). Rectangular Grid: He combines multiple repeating-linear-gradient layers—one for horizontal lines and one for vertical lines—to create a functional grid (18:14 - 29:36). Polar Grid: The tutorial covers the use of repeating-radial-gradient for concentric circles and repeating-conic-gradient to create sweeping lines, combining them to form a polar coordinate-style grid (29:43 - 46:42). Throughout the video, Xah discusses the nuances of CSS syntax, such as the requirement that there be no space after a function name (e.g., repeating-linear-gradient), and explores how different browser rendering engines handle these graphic effects. He concludes by noting that while these techniques are excellent for creating decorative backgrounds, complex mathematical plotting should ideally be handled using SVG. Notes at http://xahlee.info/talk_show/xah_talk_show_ep791.html If browser says security error, that is because it auto changes URL from HTTP to HTTPS. It's a way to censor 22 million old websites. Remove the S in HTTPS. Or use brave browser or safari.