Archive -> CSS

YAML builder

YAML

Il y’a des matins comme ça ou je tombe sur un article qui me laisse sur le cul.

Regardez moi ça, une interface simple et éfficace qui va me permetre de faire mes gabaris XHTML, CSS en 3 minutes.

On peux mettre en page, créer des éléments … tout ça à base de bon vieux drag and drop.

C’est vraiment bien pour les bonnes fainéasses du CSS comme moi.

Voila YAML Builder est vraiment sympa et en plus il fait les feuilles de style spécifiques à l’autre handicapé d’IE.

Alors vous n’avez aucune escuse pour l’essayer !


Pourt ceux que ça intéresent YAML ça veux dire ça

Comments (1)

PHPbb Ajax, CSS Bar graphs

Je viens de découvrir un thème en Ajax pour le forum PHPbb

Thème PHPbb en Ajax

malheureusement, ce thème est encore en phase de développement, donc il n’est pas possible de tester toutes les fonctionnalités.
Autre petite découverte, css for bar graphs:

CSS bar graphs

C’est simple, esthétique, efficace. C’est un système similaire développé en interne qui est utilisé dans la société où je travaille (pour les stats de la GA) auquel nous avons couplé quelques idées trouvées sur Spongestats :)

Comments (12)

Rond comme un Pixel

logo.pixel.rond.jpg

Petite annonce pour la mise en ligne du blog de Marion sur le design, le web, la photo et plein de bonnes choses. Autant dire qu’on l’a attendu et que je suis bien content de le rajouter à mon blogroll!

Je vous invite donc tous à aller faire un tour sur Pixel Rond. :)

Comments (1)

Capture d’écran de votre site sous Safari ?

C’est possible, même sans débourser un cent ! Il suffit de vous rendre à l’adresse suivante http://www.snugtech.com/safaritest/ et de saisir l’url de votre site (ou celui du voisin) pour obtenir une capture d’écran comme si vous y étiez 😉 Enjoy !

J’ai trouvé se site via The Scrutinizer qui propose de nombreux services utiles pour votre site web, mais les nombreux liens n’aboutissent pas toujours. A essayer quand même à différentes heures de la journée 😉

Comments (1)

Un petit nouveau sur la toile

Salut à tous, je vous annonce la sortie officielle de mon blog. Vous y trouverez de quoi étancher votre soif en matière de CSS, de XHTML et de tout ce qui nous intéressent, nous les ouvriers des temps modernes 😉

Comments (4)

Votre mise en pages CSS : fixe, élastique ou liquide ?

Difficile, en effet, de choisir la bonne formule pour ses mises en pages CSS. Surtout si l’on se préocuppe des standards web et des bonnes manières pour un web qui prenne du sens et perde du poids ! bon, ne nous emballons pas et entrons dans le vif du sujet en précisant rapidement de quoi il s’agit :

  • Fixe, votre design possède une largeur fixe exprimée le plus souvent en pixels. Elle ne change pas, et ce, quel que soit la taille/résolution de l’écran du visiteur.
  • Elastique, votre design semble fixe, mais peut supporter une augmentation plus ou moins importante de la taille du texte sans que votre design en souffre trop.
  • Liquide, la largeur de votre design est exprimée plutôt en pourcentage et s’adapte à la taille de la fenêtre du navigateur. Cette dernière solution va retenir notre attention, car c’est ça le web : on s’adapte à l’internaute et pas l’inverse… J’en vois au fond qui soupirent, mais bon, un peu de bon sens n’a jamais fait de mal à personne.

Si la conception d’un design fixe avec en-tête, pied de page et bordures de chaque côté est simple à réaliser en CSS, il n’en va pas toujours de même pour un design liquide. Notamment lorsqu’on veut mettre des images partout. Souvent, le designer finit pas jeter l’éponge et retourne vers le côté obscur. Et voila que les balises TR et TD poussent comme des champignons après la pluie.

Le beau temps, c’est vers les CSS et une organisation judicieuse de notre code (x)html que nous allons le trouver. Car, pratique en apparence, les tableaux, et bien, c’est pas bien, et cela pour plein de raisons, que d’autres, ici en anglais ou encore là en français, vous expliquerons mieux que moi.

L’objectif est d’obtenir une structure souple qui permette d’accueillir tous les délires de votre graphiste. Vous savez, le gars un peu sauvage (mais sympa) qui vous dit souvent qu’avec les tableaux, c’était mieux avant ! J’ai voulu aussi une structure simple pour que les développeurs (vous savez les gars un peu… bizarre, quoi…) ne perdent pas leur précieux temps avec toutes ces satanés balises TABLE TR TD.

Voici donc le design composé de quatre coins, de deux bordures verticales, et pourquoi pas, soyons fous, de deux bordure horizontales. Testé sur Windows, sur Mac et sur les principaux navigateurs récents. Et sans hack. Non pas que je n’en utilise pas parfois, mais bon, pour une structure réutilisable c’eût été une faute de goût. Enjoy 😉

Comments (3)

Bad Behavior has blocked 0 access attempts in the last 7 days.