Posted inAccessibility Color

WCAG2 Are You Still Using It?

WCAG2 Are You Still Using It? UI Contrast Visibility Standard (Readability Contrast) The orange background with white text on the button often fails to meet WCAG2 standards. Can it still…
Posted inUI/UX

The Design Brief

The design brief should be provided by the customer. This is the theoretical expectation. However, in many cases—especially when the project is not too large or when you have an…
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.…