Share
Internet est en constante évolution - il est difficile de croire que le rickrolling a six ans, Internet Explorer 6 a douze ans et CSS approche de la sortie publique de la version 4.
Alors quoi de neuf dans CSS4? J'ai parcouru l'ensemble des spécifications CSS4, en sélectionnant à la main les meilleures pièces. Voici quelques-uns d'entre eux.
Le design réactif est sans aucun doute le grand chose de 2013. Avec @médias requêtes, il n'a jamais été aussi simple d'adapter votre site à plusieurs appareils et tailles d'écran, offrant ainsi une meilleure expérience à vos utilisateurs. Le chargement des pages est le seul véritable obstacle à la réactivité: les vitesses de connexion sont toujours inquiétantes pour une grande partie des visiteurs, ce dont le W3C est conscient. C'est pourquoi il existe une proposition de conception anticipée, qui vous permettrait d'appliquer des états de précharge pour les connexions plus lentes..
Bien sûr, cette technologie n’est pas bon marché. Vous aurez besoin d'une nouvelle puce de processeur de flux, qui ne vient qu'avec les dernières connexions par fibre optique.
Accentsconagua
@media (flux-condensateur: true) 88 mph / body background: url ('loading.gif'); Cette fonctionnalité a été introduite par Internet Explorer sous le terme comportement. Si vous avez déjà utilisé un correctif PNG, vous l'avez déjà utilisé. C'est incroyablement utile pour améliorer l'interaction comme jamais auparavant, et cela contribue à réduire l'écart et la querelle entre développeurs JavaScript et CSS. Il utilise une syntaxe de style fonction discrète, et ressemble à ceci:
*: hover script: script (alert ('bonjour le monde')); Voici l'équivalent en JavaScript:
var doc = document; var star = doc.all; window.hello_world = fonction (message) message = message || 'Bonjour le monde'; alerte (message); pour (var i = 0; i < star.length; i++) if(star[i] && star[i].nodeName) star[i].onmouseover = function() if(window.hello_world) hello_world();
Si vous avez déjà eu à travailler dans une interface de ligne de commande auparavant, vous remarquerez que c'est un peu - bien, ennuyeux - à regarder. La spécification CSS4 tente de modifier cela en introduisant le module CLISS.
CLISS signifie Command-Line Interface Styling Scriptsheets. Il suit une syntaxe très similaire à celle du CSS sur lequel vous êtes habitué de travailler avec des sites Web, mais peut maintenant être utilisé pour rendre votre terminal un peu plus lumineux. Actuellement, les applications de ligne de commande Unix, OS X et Windows sont prises en charge, à condition qu'un module optionnel soit installé. Contrairement aux options de style existantes dans l'application, CLISS autorise l'intégralité du jeu de propriétés CSS, permettant ainsi une personnalisation totale. Pour le moment, la pile de sélecteurs est très limitée (Terminal, ligne, et Erreur), mais il y a beaucoup plus dans les travaux.
La syntaxe ressemble à ceci:
terminal background: url ("puppies.gif"); couleur: # f0f; transformer: faire pivoter (-90deg); erreur de terminal display: none; / * Ne plus jamais écrire de mauvais code * / CSS est néanmoins surestimé - W3C
Oui, vous venez de lire ce droit. Le W3C collabore avec divers fournisseurs de messagerie pour vous proposer une approche moderne et cohérente du style et de la création d'e-mails HTML..
Cela pourrait signifier que nous pouvons enfin commencer à utiliser la sémantique Cependant, ils ont tous convenu que "les tables allaient bien", citant que "CSS est surestimé de toute façon", donc rien n'a changé. Et bien. Avec l'avènement de CSS4, certaines anciennes propriétés ont été réintroduites et certaines ont été données au monde pour la première fois.. Parmi les propriétés ressuscitées sont Les nouvelles propriétés incluent C'est un bon moment pour travailler sur le Web en ce moment, et ça va de mieux en mieux; évoluant de force en force, permettant aux gens du monde entier de se connecter et de réaliser de grandes choses comme celle-ci. Continuez à créer et montrez-nous les grandes démos CSS4 que vous avez faites dans les commentaires.!, , et même Nouvelles et anciennes propriétés
text-decoration: blink, texte-decoration: chapiteau, style de police: wordart, et famille de polices: "Comic Sans MS", conçus pour mettre la typographie aux normes établies par la presse Gutenburg du XIIIe siècle.rétine: vrai (qui améliore automatiquement vos images, CSI: style Miami), musique d'ambiance: muzak (ce qui donne à vos sites de commerce électronique un véritable sentiment de vitrine), et -webkit-typos: false (qui utilise le logiciel de vérification orthographique hyper précis d’iOS pour corriger automatiquement les fautes de frappe dans les commentaires YouTube).
De conclure
