Le blog - Actualités & Evolutions du Web
Un space invader en CSS grid
On 07, Nov 2017 | Design & Graphisme | par PA
Juste pour le fun, un Space Invader responsive, lightweight et animé composé avec la propriété CSS grid layout et pourvu d’une animation d’apparition CSS (cliquez sur « Result » pour lancer l’animation).
CSS Flexbox par Raphael Goetter
On 25, Avr 2017 | 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…
Des animations Flash compatibles smartphones / iOs avec Swiffy
On 16, Jan 2014 | 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…
Couleur et accessibilité, ce que nous apprend Geri Coady
On 16, Déc 2013 | Accessibilité, Apprendre & Se former, Design & Graphisme | par PA
Alsacréations a récemment publié un article sur un e-book passionnant « Colour accessibility » de Geri Coady, publié aux éditions Five Simple Steps (www.fivesimplesteps.com, £2 en e-book). On y apprend entre autres qu’une frange importante de la population (5%) souffre de troubles de perception de la couleur. 5% ! Les marketeurs se diront : c’est beaucoup… Lire…
Webmarketing par Guillaume Eouzan – à mettre dans votre bibliothèque !
On 13, Nov 2013 | Apprendre & Se former, Référencement | par PA
Guillaume Eouzan est expert et formateur en référencement (SEO), en visibilité payante (Adwords, affiliation…), efficacité du site internet (Analytics Marketing), création et suivi de votre E-réputation (social media, community management, RP on-line plateforme de E-réputation…).
Son livre « Webmarketing – Définir, mettre en pratique et optimiser sa stratégie 2.0 » fait un tour d’horizon complet des enjeux, solutions et leviers pour appréhender le webmarketing dans sa globalité. Tout ceci dans un style concis, limpide et conforme aux bonnes pratiques.
Un ouvrage destiné à des professionnels qui, pour prendre de meilleures décisions, décideront de se faire une solide culture des méthodes du webmarketing. Lire…
Utilisation de marques concurrentes dans les annonces Adwords
On 27, Fév 2013 | Référencement | par PA
Prenons un exemple simple : vous recherchez Coca Cola dans Google et ce dernier vous renvoi, en première ligne des résultats, une annonce diffusée par Pepsi ! Le procédé est borderline mais peut se montrer efficace… Lire…
Google AdWords : se former à la Google Academie
On 26, Fév 2013 | Apprendre & Se former | par PA
Google dispense régulièrement de très bonnes formations gratuites pour la prise en main d’AdWords. Elles sont destinées soit aux agences, soit directement aux clients, niveau débutant ou expert. Lire…
Noms de domaine & Référencement : idées reçues…
On 12, Fév 2013 | Référencement | par PA
Combien de fois m’a t-on posé la question : » Et si j’achetais d’autres noms de domaine, cela serait-il bénéfique en terme de référencement ? « . La réponse tient en trois mots « oui et non ». Voyons pourquoi… 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…