2010 : liens de la semaine 5



Python

Cette semaine Logilab hébergeait un sprint sur Mercurial et une partie de l’AFPY était en déplacement au FOSDEM. La semaine prochaine devrait être riche en retours d’expériences.

L’article de la semaine de l’AFPY :

Python WAW 2010 : Semaine 5

PostgreSQL

PostgreSQL 9.0 introduit la réplication à chaud. C’est une très bonne nouvelle pour ce concurrent d’Oracle :

Hot Standby et Streaming Replication

Web

Vous avez besoin d’images génériques pour tester vos sites ? Ce site reprend le principe du Lorem Ipsum avec les images en autorisant à paramétrer la taille directement dans les urls :

Dummy Image Generator Is the Lorem Ipsum of Images

Un bon article les tests fonctionnels en JQuery :

How to Test your JavaScript Code with QUnit

Pour ceux qui veulent savoir à quoi sert CSS3, voici une série de démos sur ses capacités :

47 Amazing CSS3 Animation Demos

Publicités

2010 : les liens de la semaine 4


Cette  rubrique va sans doute devenir mensuel suite à la fusion de la partie Python avec la rubrique de l’AFPY. Au programme de cette semaine : Les grammaires en  Python, quelques liens utiles et beaucoup de lien autour des frameworks Web :

Python WAW 2010 : Semaine 4

Une question qui revient souvent : mais où allons-nous héberger notre projet ?

Une page wikipedia a été créé dans le but de recenser les plateformes d’hébergement de projets qu’elles soient gratuites ou payantes :

Comparison of open source software hosting facilities

Enfin un article qui montre qu’il est possible d’écrire un sélectionneur de thème en 200 secondes en jQuery :

Quick Tip: How to Create a Theme-Switcher in 200 Seconds

How to add a fixed table header with a vertical scrollbar in content


Update : Now IE9 support modern CSS styles, then you should not use the tip describe here !

 

 

Today I loose my day on a specific IE7 bug:
it doesn’t take in account fixed height and overflow in table structure.

The concept is to use the thead tag (the tfoot tag if needed) for the fixed part and the tbody tag for the scrolling part:

<table>
  <thead>
  </thead>
  <tbody>
  </tbody>
</table>

With firefox 2 you just need this CSS code:

table>tbody {
  overflow: auto;
  height: 280px;
  overflow-x: hidden;
}

Simplicty, efficacity.

With IE7 you need to cheat and to add an extra div tag which support the overfllow rule. The div tag height must large enough to contain the table: thead height + tbody forced height.

<div class="tableContainer">
  <table>
    <thead>
    </thead>
    <tbody>
    </tbody>
  </table>
</div>

The CSS rules are now more complex:

div.tableContainer {
  width: 90%;       /* table width will be 99% of this*/
  height: 320px;    /* must be greater than tbody*/
  overflow: auto;
  margin: 0 auto;
}

table {
  width: 97%;  /*100% of container produces horiz. scroll in Mozilla*/
  border: none;
  border-spacing: 0px;
  background-color: transparent;
}

table>tbody {
  overflow: auto;
  height: 280px;
  overflow-x: hidden;
}

With that code every tr tag height is set to 280px on IE7, we need an extra rule:

table>tbody tr {
  height: auto;
}

But the thead is always glue with the tbody. We need to make it relative:

table>thead tr {
  position:relative;
  top: 0px;/*expression(offsetParent.scrollTop); IE5+ only*/
}

This is the fifth implementation of the day to fix this bug. I don’t know how to thanks Microsoft to make me earn money on customers. With Internet Explorer I don’t need to buy a Wii the improve my mind.