Internetul evoluează în mod constant - este greu de crezut că rickrolling-ul are șase ani, Internet Explorer 6 are doisprezece ani și CSS se apropie de lansarea publică a versiunii 4.
Deci, ce este nou în CSS4? Am analizat întreaga spec. CSS4, selectând cele mai bune părți. Iată doar câteva dintre ele.
Designul receptiv este, fără îndoială, marele lucru din 2013. Cu @mass-media
interogări, nu a fost niciodată mai ușor să adaptați site-ul dvs. pentru mai multe dispozitive și dimensiuni ale ecranului, oferind utilizatorilor o experiență mai bună. Singurul obstacol real rămas în modul de reacție este încărcarea paginii: vitezele de conectare sunt încă îngrijorător de lente pentru o mare parte a vizitatorilor, iar W3C este conștient de asta. De aceea există o propunere de design presponsiv, care vă va permite să aplicați stări de preload pentru conexiuni mai lente.
Desigur, această tehnologie nu este ieftină. Veți avea nevoie de un nou cip procesor flux, care vine numai cu cele mai recente conexiuni cu fibră optică.
@media (flux-condensator: adevărat) 88mph body background: url ('loading.gif');
Această caracteristică a fost introdusă de Internet Explorer în termenul respectiv comportament
. Dacă ați folosit vreodată o remediere PNG, ați mai folosit acest lucru înainte. Este incredibil de util pentru îmbunătățirea interacțiunii ca niciodată înainte și contribuie la depășirea decalajului și a disputei dintre dezvoltatorii JavaScript și CSS. Utilizează o sintaxă în stil neobișnuit, în stil funcțional și arată astfel:
*: hover script: script (alertă ('hello world'));
Iată echivalentul în JavaScript:
var doc = document; var stea = doc.all; window.hello_world = funcție (mesaj) message = message || 'Salut Lume'; alertă (mesaj); pentru (var i = 0; i < star.length; i++) if(star[i] && star[i].nodeName) star[i].onmouseover = function() if(window.hello_world) hello_world();
Dacă ați mai trebuit să lucrați într-o interfață de linie de comandă înainte, veți observa că este un pic - bine, plictisitor - să te uiți. Modelul CSS4 încearcă să modifice acest lucru introducând modulul CLISS.
CLISS este o schemă de interfață de comandă a interfeței de comandă și urmează o sintaxă foarte asemănătoare cu cea a CSS-ului pe care sunteți obișnuit să lucrați cu site-urile web, dar acum puteți folosi terminalul pentru a vă face un pic mai strălucitor. În prezent, există suport pentru aplicațiile de comandă Unix, OS X și Windows, cu condiția să fie instalat un modul opțional. Spre deosebire de opțiunile de styling existente în cadrul aplicației, CLISS permite întregul set de proprietăți CSS, permițând personalizarea completă. În acest moment, stiva selectorului este foarte limitată (Terminal
, linia
, și eroare
), dar există mult mai multe lucrări.
Sintaxa arată astfel:
terminal fundal: url ("puppies.gif"); culoare: # f0f; transformă: rotiți (-90deg); eroare terminal display: none; / * Niciodată nu scrieți codul rău din nou * /
CSS este oricum supraestimat - W3C
Da, tocmai ați citit acest drept. W3C lucrează cu o serie de furnizori de e-mail pentru a vă oferi o abordare consistentă și modernă a stilului și a redactării e-mailurilor HTML.
Acest lucru ar putea însemna că vom putea începe în sfârșit să folosim semantic Cu toate acestea, toți au fost de acord că "mesele erau în regulă", menționând că "CSS este oricum supraestimat", deci nimic nu sa schimbat. ei bine. Odată cu apariția CSS4, unele proprietăți vechi au fost reintroduse și unele au fost date lumii pentru prima dată. Printre proprietățile înviate se află Cele mai noi proprietăți includ Este un moment minunat să lucrați pe web chiar acum, și este tot mai bine și mai bine; evoluează de la putere la forță, permițând oamenilor din întreaga lume să se conecteze și să facă lucruri mari de genul asta. Continuați să creați și să ne arătați ce demonstrații CSS4 ați făcut în comentariile dvs.!,
, și chiar
Proprietăți noi și vechi
text-decorare: clipi
, text-decorare: marquee
, font-style: wordart
, și font-family: "Comic Sans MS"
, care sunt proiectate să aducă tipografia la standardele stabilite de presa Gutenburg din secolul al XIII-lea.retina: adevărat
(care vă îmbunătățește automat imaginile, stilul CSI: Miami), muzica de fundal: muzak
(care dă site-urile dvs. de eCommerce un adevărat sentiment de magazin) și -webkit-typos: false
(care utilizează software-ul de verificare a ortografiei hiper-core al iOS pentru a repara automat comentariile YouTube).
A concluziona