Pas votre standard CSS: repousser les limites avec Adobe
Est-ce que vous vous laissez aller à l'expérimentation de la conception Web de pointe mais que vous vous sentez en conflit avec les spécifications techniques formelles définies par le W3C?
Vous avez des doutes quant à l'application de vos idées d'avant-garde tout en obtenant un support multi-navigateur et en respectant les normes?
Bien la Adobe Web Platform Team est prêt à vous convaincre autrement ...
Si vous avez suivi leur récent travail, vous êtes déjà au courant de la façon dont certains des esprits les plus innovants de l'industrie sont repousser les limites de l'Internet pour en faire un meilleur endroit. Ce que vous ne réalisez peut-être pas, c'est l'impact qu'ils ont également sur les normes des communautés HTML et CSS.
En partenariat avec d’autres acteurs majeurs tels que Microsoft, Google et Mozilla, Adobe Web Platform Team pousse les normes CSS sur de multiples fronts en participant avec des groupes de normes Web, des fournisseurs de navigateurs, des contributeurs de projets open source et des créateurs de contenu. Ils ont été activement impliqués avec le W3C et ont fait plusieurs propositions, notamment les régions CSS, les formes CSS et le masquage CSS, tout en contribuant à la mise en œuvre desdites propositions sur WebKit, Blink, Gecko et Internet Explorer.
Régions CSS
Récemment, Régions CSS , qui comble le fossé entre l’édition imprimée et l’édition numérique, est devenu le dernier iOS7 Safari Mobile release (avec les modes de mélange Canvas, Canvas Paths et CSS Clip Paths). Les développeurs peuvent désormais utiliser cette fonctionnalité sur des sites Web et des applications Web ciblant ces périphériques, le support Android devant suivre prochainement. En outre, CSS Regions fonctionne sur Chrome, Webkit, une version Opera qui utilise le Cligner moteur, et il y a une implémentation partielle pour IE10 en utilisant une ancienne version de la spécification CSS Regions.
Les régions CSS vous permettent de contrôler où le contenu apparaît sur votre page et ce qui se passe lorsque le contenu ne rentre pas dans son conteneur. Il permet aux concepteurs de dicter le flux de contenu où nous voulons et dans la forme ou la taille souhaitée. Et comme il permet de séparer le balisage sémantique du balisage de présentation, nous pouvons utiliser les régions CSS pour injecter notre contenu dans quelque chose qui ressemble à un modèle. Ceci est idéal pour les dispositions de style magazine ou stratégiquement contenu pliant , tels que la publicité, dans les conceptions réactives.
Formes CSS
Un autre domaine dans lequel Adobe développe le développement, selon l'ingénieur Adobe Web Platform, Razvan Caliman , est avec Formes CSS , toujours sous un drapeau chrome: // . Ceci ne doit pas être confondu avec des formes qui sont simplement accomplies par l’application de propriétés CSS telles que border-radius ou box-shadow comme on le voit dans Les formes de CSS . Ces exemples ne fournissent l'illusion d'une forme sans incidence sur la mise en page réelle du contenu de la page. CSS Shapes améliore littéralement l'expérience de la narration visuelle en permettant au concepteur de regrouper le contenu autour ou à l'intérieur de formes avec seulement quelques propriétés CSS simples.
Si vous ne l'avez pas déjà vu, les Razvan Caliman Alice au pays des merveilles sur CSSconf.eu va absolument vous impressionner.
Masquage CSS
Presque perdu dans le battage médiatique des régions CSS est Clipping CSS et masquage CSS , qui vous inspirera sans aucun doute. Ces techniques rendent désormais possible dans le navigateur ce qui n’était possible qu’avec un logiciel d’édition d’images. Prenez des effets visuels étonnamment simples en utilisant un dégradé linéaire de base associé au masquage CSS.
Résumé
C'est vraiment une ère incroyable de web design. Les développeurs de tous les secteurs de l'industrie s'efforçant constamment de repousser les limites, ce sont vraiment des moments passionnants.
Si ce genre d'avancées vous éveille, alors vous voudrez certainement faire attention aux nouvelles de cette semaine. Conférence des développeurs HTML5 où l’équipe Adobe Web Platform et bien d’autres seront sur place pour nous montrer comment ils réinventent la conception Web telle que nous la connaissons.
Les entreprises devraient-elles être autorisées à influencer les normes Web? Quelles innovations Adobe vous intéressent le plus? Faites-nous savoir vos pensées dans les commentaires.