Évolutions du Web - Pascal Antoinet Webdesigner
CSS Flexbox par Raphael Goetter
On 25, Avr 2018 | Apprendre & Se former, Évolutions du Web | par PA
Flexbox (Flexible Box Layout Module) est en passe de modifier considérablement nos habitudes de construction CSS. Avec un syntaxe particulièrement économe, Flexbox apporte des solutions instantanées à des problèmes d’alignement de blocs en particulier sur l’axe vertical, de distribution de marges, de gestion du responsive qui jusqu’à présent pouvaient donner lieu à de véritables casse-tête pour les webdesigners et intégrateurs.
La transition est en marche et Flexbox sera pleinement déployé dans la version 4 de Boostrap. A noter cependant que la structuration totale d’une page web avec flex n’est pas envisageable et peut générer de nombreux bug d’affichage (voir à ce propos l’excellent article de Jake Archibald). On se contera donc d’utiliser ces propriétés pour la gestion des éléments internes à la page.
Les demandes de rétro-compatibilité avec les versions 8 et 9 d’Internet Explorer disparaissent progressivement des briefs clients. Internet Explorer 10 et 11 implémentent le support Flexbox de façon partielle et l’abandon du support des versions IE < 11 par Microsoft est sensé encourager la modernisation du parc (plus d’info ici). Lire…
Une nouvelle ère typographique s’ouvre pour le web !
On 12, Fév 2013 | Design & Graphisme, Évolutions du Web | par PA
Il aura fallu quasiment 15 ans au web pour rentrer dans le monde merveilleux des supports véritablement typographiques, au sens noble du terme. Une nouvelle ère s’ouvre depuis peu grâce à une technologie désormais fiable qui consiste à charger, de façon totalement transparente pour l’internaute, une police de caractère (typo, font en anglais) dans le navigateur. Lire…
Des animations Flash compatibles smartphones / iOs avec Swiffy
On 16, Jan 2013 | Design & Graphisme, Évolutions du Web | par PA
Développé par Google, l’extension Swiffy permet, à partir de Flash, d’exporter des animations Flash sous forme de code javascript (balise CANVAS), lisibles sur smartphone ou tablettes. Comme vous pouvez le voir dans l’animation ci-dessous, Swiffy permet de réaliser des cinématiques complexes et subtiles, avec la prise en compte des alpha, du easing (accélérations) et en proposant un rendu vectoriel SVG (ou bitmap). Ces animations peuvent ensuite s’intégrer facilement dans des pages HTML en intégrant le code généré par l’extension (div ou iframe). Elles s’affichent remarquablement bien sur iPhone & iPad, Androïd ! Lire…
