Sitemap — Harta completă a css3.ro

Șase module tehnice aprofundate, fiecare dedicat unei familii de proprietăți CSS3. Teorie, cod gata de copiat și demo vizual alăturat.

• 01 Selectori & Pseudo-clase Selectori de atribut, :nth-child, :not, :has, :is, :where, ::before, ::after
• 02 Box Model & Structură box-sizing, border-radius, box-shadow, clip-path, object-fit, aspect-ratio, clamp()
• 03 Fundaluri & Culori Moderne Gradienți lineari, radiali și conici, backdrop-filter, mix-blend-mode, color-mix()
• 04 Text & Tipografie Web @font-face, text-shadow, font-feature-settings, text-wrap: balance
• 05 Layout: Flexbox & CSS Grid display: flex, display: grid, subgrid, gap, position: sticky, Container Queries
• 06 Transformări & Animații translate3d(), scale(), rotate(), @keyframes, cubic-bezier(), will-change

Unelte vizuale practice pentru dezvoltatori și designeri. Ajustează parametrii în timp real și copiază codul CSS optimizat.

• Tool Generator Box-Shadow Umbre elegante cu control X/Y, blur, spread, inset și presetări populare
• Tool Generator Gradiente CSS Degradeuri liniare, radiale și conice cu previzualizare instant
• Tool Generator Border-Radius Rotunjiri individuale pe 8 valori eliptice, incluzând forme organice blob
• Live Flexbox Playground Laborator vizual pentru containerul flex: direcție, aliniere, wrap, gap
• Ref Cheatsheet CSS3 Foaie de referință cu motor de căutare instant pentru toate proprietățile CSS3
• Test Quiz Interactiv CSS3 10 întrebări tehnice cu explicații didactice și feedback în timp real

Articole inginerești aprofundate despre deciziile reale de arhitectură CSS în producție: performanță, accesibilitate, Dark Mode și standarde W3C.

• G1 Centrarea în CSS: 7 Metode Moderne Flexbox, Grid place-items, Inset cu margin: auto, translate(-50%, -50%)
• G2 CSS Variabile & Dark Mode fără JavaScript Custom properties, prefers-color-scheme, color-mix(), prevenire FOIT
• G3 CSS Subgrid: Alinierea Cardurilor Imbricate CSS Grid Level 2, alinierea titlurilor și butoanelor pe aceeași linie orizontală
• G4 Selectorii Nivel 4: :has(), :is() și :where() Selectorul părinte revoluționar :has(), calculul specificității și optimizare DOM
• G5 Funcții Matematice: clamp(), min(), max() și calc() Design fluid matematic, formula tipografiei scalabile și reguli WCAG Zoom
• G6 Stacking Context & z-index: De ce nu merge z-index: 99999? Contextele de stivuire, ordinea de randare și salvarea prin isolation: isolate
• G7 Meniu Hamburger Accesibil Pur CSS (Zero JavaScript) Navigație mobilă responsivă, animație bară în X la 60 FPS și accesibilitate tastatură
• G8 Flexbox vs CSS Grid Analiză comparativă: când folosim layout unidimensional vs bidimensional
• G9 Design Web Mobile-First De la Media Queries la Container Queries și arhitecturi adaptabile
• G10 Performanță în Animații (60 FPS) Layout, Repaint și Compunere pe GPU — eliminarea sacadărilor pe mobil
• G11 CSS Container Queries (@container) Arhitectură pe componente autonome: stilizare după dimensiunea părintelui
• G12 Animații Scroll-Driven în CSS Pur animation-timeline: scroll() și view() pe GPU la 60 FPS fără JavaScript
• G13 Culorile OKLCH & Gamut Display P3 Luminozitate perceptivă uniformă, contrast accesibil și culori vibrante P3

Informații despre proiect, jurnale de actualizări W3C, politici de confidențialitate și modalități de contact.

• Pagina principală Prezentarea modulelor, instrumentelor și ghidurilor disponibile
• Jurnal Actualizări & Standarde W3C Monitorizarea specificațiilor CSS și istoricul revizuirilor editoriale
• Despre proiect & Echipa Misiunea educațională și principiile editoriale css3.ro
• Contact & Raportare erori Formularul de contact și canalele de comunicare
• Politica de confidențialitate Cum colectăm, stocăm și protejăm datele utilizatorilor
• Politica de cookies Informații despre cookie-urile utilizate pe platforma noastră
• Termeni și condiții de utilizare Regulamentul de utilizare a platformei și licența MIT a codului