CSS3 Flexbox Layout module Vous connaissez certainement le modèle de boîte classique en CSS et ses dispositions de type “block” ou “inline”, sachez que Flexbox CSS3 a été conçu pour étendre ce périmètre en introduisant un nouveau modèle de boîte distinct, que l’on appellera “le Modèle de boîte flexible”. En février 2016 est sorti mon livre entièrement dédié à Flexbox. Il se nomme "CSS3 Flexbox : plongez dans les CSS modernes" et je vous recommande bien évidemment sa lecture afin de comprendre tous les rouages de ce positionnement révolutionnaire, et d'en maîtriser tous les aspects. Au sein de ce schéma, on ne raisonne plus en “block” ou “inline”, ni même en float ou autres types de boîtes “classiques” CSS, mais en “Modèle de boîte flexible”, dont les quatre possibilités principales sont : Note : ce tutoriel a été initialement rédigé en octobre 2010. Il a subi une refonte intégrale en décembre 2014 pour se mettre à jour.
MyPantone App / Pantone Pantone vient de publier la dernière version de leur application mobile, myPANTONE , compatible iPhone et iPad. Le logiciel permet aux utilisateurs de capturer plus de 13 000 couleurs référencées Pantone en sélectionnant individuellement chaque pixel dans une image numérique. L’application offre également la possibilité de créer facilement des palettes d’inspiration pour les concepteurs et créatifs, et les stocke dans une section «mémoire couleur mobile” qui fera l’objet d’une future gamme référencée de nuancier Pantone.
Sass : Mixin ou Placeholder ? Hugo Giraudel est un spécialiste internationalement reconnu de Sass. Il explique ici clairement et simplement la différence entre mixin et placeholder, comment utiliser l'un ou l'autre ou... combiner les deux. Par Hugo Giraudel Mockup mobile et desktop - 10 PSD gratuits avec claque Smart object Se démarquer de la concurrence requiert du temps et de la patience. Néanmoins, quelques détails peuvent faire rapidement la différence. Notamment la manière de présenter votre travail. De la géométrie avec CSS Grâce aux CSS et à la nouvelle norme CSS3, nous pouvons créer de plus en plus de formes telles que les carrés, les rectangles, les ronds, etc. Dans cet article, je vais présenter les différentes possibilités de formes faisables en CSS (du moins une liste non exhaustive). Tous les exemples auront pour structure HTML cette base :
Adobe Labs : Configurator et Entreprise IT Tools, deux outils pour vous faciliter la Creative Suite J'aime bien les Labs des grands éditeurs, on y déniche toujours des pépites qui donnent des indications sur les orientations des prochaines années. Récemment, deux outils liés à Indesign ont fait leur apparition dans la foulée de la CS6. Le premier, que l'on connaît depuis 2009, est Adobe Configurator. Il s'agit d'une app gratuite qui permet de se créer très facilement des panneaux personnalisés pour Indesign CS5/CS6, mais aussi Photoshop. A priori, on peut trouver l'initiative étonnante, le nombre de panneaux disponibles en standard dans Indesign étant déjà bien fourni… Toutefois, pour nous qui travaillons dans l'automatisation des flux de mise en page, il peut s'agir d'un allié précieux : en effet, de façon relativement simple, on peut regrouper dans un unique panneau toutes les actions susceptibles d'être utilisées dans un process précis, aussi hétérogènes qu'elles soient. Configurator permet même d'appeler des script JS, ce qui autorise beaucoup d'actions.
Les effets graphiques (très) avancés en CSS Vincent De Oliveira · Kiwiparty 2012 t.co/Vw9tDej Vincent De Oliveira Les effets (presque) courants