Blog Tech

Sauvez un développeur web

Dév 1
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Mise à jour : le site n'est plus disponible, je vous renvoi donc vers Pushup qui permet de faire sensiblement la même chose.

Non, ce n'est pas une mission humanitaire pour sauvez développeur qui code en d'afrique sur le sable avec un baton...

Le site SaveTheDevelopers lutte contre le fléau Internet Explorer 6. Nous en sommes bientôt à la version 8 d'IE allez vous me dire (en phase bêta) ! Justement, tout le problème est là puisque encore beaucoup (trop) de gens utilisent le navigateur de Microsoft. Et alors ? Et bien il ne respecte pas les standarts, il est incapable de comprendre certaines proprietés de mise en page (CSS), la transparence PNG 24 bits, etc...

» Lire la suite

Hacks CSS (IE, Konqueror, Opera…)

Le blog 1
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Si vous êtes développeur web vous avez sans doute entendu parlé de souci de compatibilité CSS entre les différents navigateurs du marché.

Pour pallier à cela il existe différents types de hacks CSS, pour différents navigateurs. Un hack CSS permet dans une même feuille de style de donner un style pour un navigateur, et un autre pour un second.

Sachez tout de même que :

  • En théorie il faut éviter d'utiliser des hacks dans les CSS
  • Mais qu'en pratique il devient un casse-tête de s'en passer...

Le problème c'est que certains hacks très utiles ont cessés de fonctionner avec IE7.

Ces hacks permettaient de contourner certains bugs de rendu propres au moteur d'Internet Explhorreur Explorer. Certains de ces bugs n'ont pas été corrigés, et pourtant les hacks qui nous permettaient de les contourner ont été éliminés...

Je vous propose une liste de plus de 20 hack CSS pour que vous trouviez votre bonheur 🙂 (y compris pour IE7)

WebDevout propose également une page très intéressante à propose des hacks CSS (en anglais).

Petit résumé des hacks de sélecteurs CSS utiles :

  • IE 6 et inférieurs
Utiliser * html {}
  • IE 7 et inférieurs
Utiliser *+html, * html {}
  • IE 7 seulement
Utiliser *+html {}
  • IE 7 et navigateurs modernes seulement
Utiliser html>body {}
  • Navigateurs modernes seulement (IE 7 non inclus)
Utiliser html>/**/body {}

Accéder aux hacks CSS

Testez le rendu et la compatiblité du design de votre site

Dév, Graphisme, Internet 2
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 4,00/ 5)
Loading...

But : vérifier que votre site internet s'affiche correctement sous de multiples navigateurs internet et systèmes d'exploitation

Si vous vous êtes déjà lancés dans la création de site internet un tant soit peu respectueux des standards du W3C, vous avez sans aucun doute du à un moment donné faire face à des incompatibilités.

En effet vous avez pu vous rendre compte que tous les navigateurs n'interprètent pas le code (X)HTML de la même façon, c'est en parti du au fait que le moteur d'interprétation graphique diffère selon les navigateurs (ex : Gecko pour Firefox).

Installer plusieurs navigateurs, c'est assez simple 🙂 Mais installer plusieurs systèmes d'exploitation devient nettement plus compliqué ! Ne vous fatiguez plus, je vous propose le site » Lire la suite