Archives de l'étiquette css

nov 13 2008

Image du profil de Le Détracteur Constructif
Le Détracteur Constructif

Journée merdique, version CSS

Journée merdiqueJournée merdique

  • J’ai encore mal à ma dent arrachée lundi passé… c’est encore sensible
  • Je suis réveillé depuis 3h30 ce matin
  • J’ai eu une semaine stressante à souhaits
  • Cette journée ne finit plus
  • La pile de travail à faire ne descend pas
  • Je ne sais toujours pas si je pourrai avoir mes 3 journées de vacances restantes dans le temps des fêtes
  • Il fait gris foncé dehors et c’est déprimant! En plus il mouille

Et comme j’ai du travail par dessus la tête, je vais vous résumer toute cette joyeuse journée en quelques lignes de code CSS :

#pain { position: absolute; }
#sleep { border: none; }
#stress { height: auto; }
#work { left: 100%; }
#clouds { color: gray; }
#moral { bottom: 0; }
#day-appreciation { position: relative; }

7 commentaires

mar 26 2008

Image du profil de Le Détracteur Constructif
Le Détracteur Constructif

Sauvez un développeur : Débarassez-vous d’Internet Explorer 6

Catégorisé sous Design et intégration web, Divers

Save The Developers, pour se débarasser d’IE6On m’a envoyé un lien vers le site Save The Developers, une organisation dont le but est simplement d’inciter les gens qui utilisent encore Internet Explorer 6 de mettre leur navigateur à niveau, ou simplement de changer de navigateur.

Grâce à un simple script, les utilisateurs d’IE6 qui visitent les sites appuyant ce mouvement verront un onglet apparaitre en haut à droite du site leur vantant les avantages à effectuer la mise à niveau de leur navigateur. C’est le cas, si vous visionnez mon blogue en ce moment sur IE6.

Le but n’est pas de remplir les poches de Microsoft (car on y propose non seulement Explorer 7, mais Firefox, Safari, Opera, Camino et Flock), mais de créer une expérience de navigation plus agréable pour les anciens utilisateurs d’IE6, et d’assurer un environnement de développement plus efficace et moins stressant pour les développeurs.

En effet, les intégrateurs Web comme moi vont souvent avoir à contourner certaines règles et parfois dupliquer du code et créer des propriétés seulement pour s’assurer que les utilisateurs d’IE6 puissent voir le site, malgré le fait que la compréhension des CSS par ce navigateur soit défectueuse.

Firefox est préférable à Internet Explorer, tenez-vous le pour dit!Selon les statistiques de W3Schools, plus de 30% des usagers d’Internet utilisent encore IE6. C’est ÉNORME et c’est totalement décourageant. Seulement 22% utilisent IE7 et 36% utilisent Firefox (bravo! il y a 2 ans, c’était 16%). Je me permets également d’ajouter que Firefox est encore préférable à IE, au cas où vous hésiteriez!

Bref, SaveTheDevelopers est une excellente initiative, et comme j’appuie entièrement ce mouvement, je me suis proposé pour contribuer à la version française de leur site. Je vous tiendrai au courant lorsque celle-ci sera finalement en ligne, et nous verrons également ça a un impact quelconque.

16 commentaires

jan 15 2008

Image du profil de Le Détracteur Constructif
Le Détracteur Constructif

Traduction CSS / Français (ou encore le billet le plus geek au monde)

T-Shirt CSS par Alsacreations.comUne imagination fertile donne parfois de folles idées. Ceux qui sont sur Wordpress et qui du étudier le noble art des CSS pour personnaliser leur blogue pourront peut-être comprendre le présent billet. Ceux qui font du CSS régulièrement, comme moi, trouveront certainement de quoi rire, pour les autres, mes chers amis, ou je vous conseille tout de même d’y jeter un coup d’oeil, sait-on jamais!

À l’endroit où je travaille, plus spécialement dans les cubicules qui avoisinent mon bureau, les CSS sont toujours un sujet d’actualité, car il s’adonne que je suis développeur de structure de sites Web. Pour pimenter un peu mon après-midi, je me suis dit qu’il serait facile d’insulter une personne en lui donnant simplement une série de propriétés CSS, et personne ne comprendrait sauf un intégrateur expérimenté dans le domaine du Web.

J’ai donc fait un exemple, et il m’est venu l’idée la plus… questionable du monde : Google devrait offrir, dans le cadre de ses outils linguistiques, la possibilité de traduire du langage CSS au français.

Voici donc un exemple concret, ou la couleur a été ajoutée pour imiter l’effet d’un programme de développement Web :

#adversaire {

position: relative;
z-index: 0;
background: transparent;
display: none;
right: 100%;
font-weight: bold;
margin: 100%;

}

#moi {

position: absolute;
z-index: 100%;
left: 100%;

}

#moi:hover { color: red; }

Et si on a un esprit de déduction, on peut facilement en conclure que la situation dont il est question se résume ainsi :

Voyons! Sur ce sujet votre position est très relative, la mienne est absolue! Désolé mais votre index de crédibilité est à zéro. Je vous suggère rester à l’arrière plan et d’être transparent. Je ne sais ce qui me retient de souhaiter qu’à l’avenir, vous ne vous affichiez nullement. Mon orientation là-dessus est à gauche, alors que la votre est à l’extrême droite. Et que dire de la police et de son poids! Ce qu’elle est grasse! Elle est complètement dans la marge. Si nous continuons à survoler ce sujet, je ne tarderai pas à voir rouge!

Voilà, c’est aussi simple que cela… Mais combien INUTILE! Cependant, nous avons beaucoup ri au bureau.

2 commentaires