Les billets de blog

Le modèle CSS3 flex-box

Que ce soit sur téléphone, tablette ou bureau, un des casse-têtes quotidiens des intégrateurs HTML est la position des boites et leur étirement. En gros, on cherche toujours à ce qu’une image soit positionné à coté d’un bloc de texte, le tout dans un conteneur qui s’étire de la même manière que le reste… basé sur le contenu de ce qui l’entoure. En bref, l’arrachage de cheveux dans les règles. Mais en fait, il existe une série de directives CSS3 qui soulage fortement le monteur, bien que mal connue, le système de “flex”.

Du CSS dynamique

J’adore le CSS, c’est un fait. L’avènement du CSS 3 est encore loin d’être vraiment ancré dans les consciences mais je ne désespère pas. Cela dit, je butte souvent sur la syntaxe parfois trop verbeuse du CSS. J’ai donc fouillé un peu à droite à gauche… et j’ai trouvé 2 projets intéressant dont un qui m’a littéralement conquis !

CSS transformations transitions animations

Les animations dans une page web, Dieu sait à quel point beaucoup d’entre nous aime cela. Mais voilà, charger des javascripts pour des effets parfois en dessous de nos espérances, ou encore un rendu un peu saccadé… on en mange beaucoup. C’est sans compter sur les nouvelles propriétés CSS qui nous arrivent des moteurs Webkit (Safari, Google Chrome, Midori…) et Gecko (Firefox, Epyphany…). En naviguant sur ma page d’accueil vous avez dut voir des “zoom” possibles en passant la souris sur certains éléments de ma page, c’est justement de cela dont nous allons parler.

CSS 3 et tant pis pour les autres

Un truc me titillent les neurones depuis quelques temps, et je ne peux plus me retenir de vous en parler. Aujourd’hui nous somme 36 millions d’internautes (tout âge confondu) et cela pousse les entreprises à proposer beaucoup de services sur la toile. Ce sont ces entreprises qui sont nos clients et qui nous déposent les même requêtes: que le rendu soit le même sur tous les navigateurs actuels…

IE et Firefox en guerre pour le Direct2D

J’ai lut cet article il y a quelques jours, et je ne peux m’empêcher de me dire qu’une fois encore que le logiciel libre peut se faire entendre, et ce encore une fois grâce à Mozilla (et son navigateur Firefox). Ici il est question du “Direct2D”, une manière optimal (accélérée) d’afficher des images et des polices en utilisant la carte graphique de votre ordinateur; remplaçant donc la technologie déjà bien éprouvée GDI (Graphic Device Interface) sur Windows et Cairo sur Firefox (et d’autres interfaces sous Linux).

Minifier simplement vos CSS et Javascript

M’amusant un peu avec mon serveur pour corriger quelques problèmes d’optimisation de temps de réponse, j’ai décidé de minifier les javascript et CSS de mon blog. Or voilà… sachant que Copix inclut mes CSS et CSS selon des thèmes précis, et que j’ai pas envie de modifier tout ça n’importe comment, j’ai commencé à chercher une solution plus simple et puissante. Et j’ai trouvé la solution qui me convient bien: Minify