https://sudonull.com/css-for-large-dropdown-menus-in-forms
Learn how to fix the UX anti-pattern with limited select — CSS solutions, React examples, best practices. Increase dropdown height for lists with 100+ options without scrolling.
Search Articles — Sudonull
Search Results
In this project
https://sudonull.com/oklch-in-css-perceptually-accurate-colors-for-design-systems
How OKLCH solves color palette problems on the web. Advantages over HSL, step-by-step migration, use cases. Practical guide for developers.
https://sudonull.com/css-doom-rendering-the-game-without-canvas
Learn how to implement Doom using pure CSS with 3D div elements. Technical details on transform, custom properties, and WAD file adaptation. For middle/senior developers.
https://sudonull.com/css-studio-mcp-style-editor-for-ai-agents
Visual editor CSS Studio integrates dev build with Claude Code and Cursor via MCP. Edit styles by hand — agent updates Tailwind/CSS-in-JS. Learn trade-offs and benchmarks. Try demo on cssstudio.ai.
https://sudonull.com/tailwind-css-limits-of-design-systems-for-developers
Analysis of why Tailwind is not suitable for scalable design systems. Analysis of CVA, CSS variables and @utility with code examples. Learn how to avoid tech debt in projects 6+ months.
From the web
CSS Entities - W3Schools
https://www.w3schools.com/cssref/css_entities.php
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML.
CSS Universal (*) Selector - W3Schools
https://www.w3schools.com/cssref/sel_all.php
The CSS universal selector (*) selects all elements of any type. The universal selector (*) can also select all elements inside another element (See "More Examples").
What does an asterisk (*) do in a CSS selector? - Stack Overflow
https://stackoverflow.com/questions/1204275/what-does-an-asterisk-do-in-a-css-selector
Jul 30, 2009 · The CSS that you referenced is very useful to a web-designer for debugging page layout problems. I often drop it into the page temporarily so I can see the size of all the page elements and …
CSS - Wikipedia
https://en.wikipedia.org/wiki/CSS
CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. [3] CSS is designed to enable the separation of content and presentation, including layout, colors, and fonts. [4]
CSS reference - CSS | MDN - MDN Web Docs
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
Nov 13, 2025 · Use this CSS reference to browse an alphabetical index of all of the standard CSS properties, pseudo-classes, pseudo-elements, data types, functional notations and at-rules.
CSS: Cascading Style Sheets - MDN Web Docs
https://developer.mozilla.org/en-US/docs/Web/CSS
Dec 29, 2025 · Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or …
HTML Entities Reference: Unicode, Hex & CSS Codes - CodeShack
https://codeshack.io/html-entities-reference/
The complete guide to HTML entities and special characters. Quickly search and copy arrows, crypto symbols, and UI icons. Get Hex, Decimal, and CSS codes instantly.
Cascading Style Sheets - World Wide Web Consortium (W3C)
https://www.w3.org/Style/CSS/Overview.en.html
Jun 30, 2026 · Cascading Style Sheets (CSS) is a core language of the open web platform, and is used for adding style (e.g., fonts, colors, spacing) to Web documents. These pages contain information on …
css selectors - What does "*" mean in CSS? - Stack Overflow
https://stackoverflow.com/questions/8715860/what-does-mean-in-css
This is a common part of a general css reset. This basically sets all margin and padding of all (*) elements to 0. You are then free to add your own margin and padding values to each element as per …
CSS Entities - Dofactory
https://www.dofactory.com/css/entities
Sep 30, 2023 · Master CSS entities with our quick examples. Learn how to insert special characters into web pages, such as copyright symbols, foreign characters, and mathematical symbols.
Trending Now
EIC Tech Report 2026: 25 Deep Tech Signals for Europe
Analysis of EIC Tech Report 2026: 25 early deep-tech signals to strengthen Europe. Bio-inspired AI, quantum communications, biomineralization, and surgical robotics. Who wins and who loses? Read the full review.
How to Learn Programming for Beginners with No Experience in 90 Days
Learn programming for beginners with no experience using our proven 90-day roadmap. Build real projects, master Python, and launch your coding career. Start today.
How Netflix Scales Its Streaming Infrastructure: Cloud & CDN
Learn how Netflix scales its streaming infrastructure with AWS, Open Connect CDN, and chaos engineering. Discover the tech behind 270M subscribers and sub-100ms latency.
How to Design RESTful APIs for Web Applications: Best Practices
Learn how to design RESTful APIs for web applications with best practices on URIs, HTTP methods, versioning, and documentation. Build scalable, intuitive APIs that developers love.
What Is the Difference Between AI and General Intelligence?
Understand what is the difference between AI and general intelligence. Compare Narrow AI vs AGI with examples, strengths, and a clear decision framework.
Ten Major AI Trends in 2026: What Really Matters
Analysis of Global AI Trends 2026: Governance, Computing, Agentic AI, and Energy. Find out where the market is turning into the 'trough of disillusionment' and where it is accelerating. Read insights and forecasts.
What Is the Best Coding Roadmap for Beginners? Step-by-Step
Discover what is the best coding roadmap for beginners in 2026. A step-by-step guide to choosing a language, building projects, and landing your first job.
What Is Site Reliability Engineering and Why Does It Matter
Learn what is site reliability engineering and why does it matter for modern business. Discover SRE principles, SLOs, error budgets, and how they boost reliability and innovation.
What Is a CI/CD Pipeline and How Does It Work?
Learn what is a CI/CD pipeline and how does it work to accelerate software delivery. Discover key stages, benefits, and metrics from DORA research. Start optimizing now.
CERN quantum internet: 50 km test between Geneva and Lausanne
CERN successfully transmitted entangled photons over 50 km in a real urban network. Learn how White Rabbit technology is changing the quantum communications market and who benefits from this breakthrough.