Posted inCSS Front-end Dev

Difference Between width: 100% and width: auto

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> div { color: #fff; font-size: 2rem; text-align: center; } .parent { width: 600px; height: 600px;…
Posted inCSS Front-end Dev

CSS + Regex = Efficiency

CSS offers us three simple yet powerful regex-like tools: Caret (^): Finds elements where the class starts with specific characters. Example: div[class^="card"] targets all elements whose class names start with card, no matter what follows.…
Posted inAI

RAG pipeline – Cost?

“Vector DB + LLM = Done!” Incorporate some open-source tools and include Langchain (we'll discuss that later). You should be all set, right? Wrong. Here's the problem: One full-time engineer…
Posted inColor Theory Design System UI/UX

High-Definition Colors

We are currently experiencing exciting developments in the realm of color. With advanced high-definition color spaces like LCH, OKLCH, LAB, and OKLAB, we now have access to 50% more colors…