Archives de juin, 2011

Mozilla Prism : Créer une application à partir d’une page web

Petite astuce pratique aujourd’hui avec l’utilisation de Mozilla Prism , ce logiciel vous permets de créer une application à partir d’une page web.
Cela vous permet donc d’accéder directement à la page internet de votre choix depuis un raccourci sur votre bureau !

L’arrivée de cette fonctionnalité n’est pas nouvelle mais j’ai redécouvert dernièrement son intérêt dans le cas suivant :

J’écoute de la musique toute la journée sur des sites de streaming de type GrooveShark ou Deezer qui tournent dans un onglet spécifique de mon navigateur.
Hors de temps de temps, une erreur de clic me faisait fermer cet onglet sans le vouloir….
Ces sites sont également de grands consommateurs de mémoire pour le navigateur, ce qui faisait ralentir et planter souvent firefox.

En utilisant Prism, il devient donc possible de s’affranchir de ces contraintes de manière simple et intuitive !

Mozilla Prism

Si vous aussi vous souhaitez profiter de ces fonctionnalités n’hésitez pas à télécharger ce logiciel : http://prism.mozillalabs.com/

Pas de commentaires

Les alternatives gratuites à deezer

La semaine dernière Deezer à lancé un pavé dans la mare en restreignant de manière conséquente l’accès gratuit et illimité à la musique en ligne sur son site.
Les nouvelles règles ne permettent plus à  un utilisateur au quotidien ce service comme moi de profiter de l’écoute de la musique gratuite, puisque celle-ci est limitée à 5 heures par mois

Autant dire très peu de temps, puisque j’ai épuisé ce crédit en moins d’une journée.
Avant de me poser la question si il était nécessaire de souscrire à un abonnement , j’ai tout de même cherché si il existait des alternatives gratuites.
( Même si en soit, je ne trouve pas l’abonnement à 5€/mois exhorbitant au vu de mon utilisation, je trouve que je paye déjà assez d’abonnements pour ne pas encore en souscrire un de plus…)

Et effectivement des sites gratuits existent encore  !

Je passerais rapidement sur Jamendo , qui propose des morceaux libres de droits, donc écoutables et téléchargeables gratuitement et de manière toute à fait légale.…

Pas de commentaires

Truc et astuces : [Chrome] Contourner l’erreur d’affichage de la propriété background-image sur un tr

Un petit tip que je partage avec vous aujourd’hui car j’ai pas mal cherché sur internet une solution qui me convenait.

Le problème que j’ai rencontré est le suivant :
Sous Google Chrome et Safari, l’image de fond attribuée à ma ligne de tableau <tr> ne s’affichait pas correctement, et était reprise par chaque cellule du tableau.

Voici l’aperçu problématique :
erreur affichage

Voici le code html du tableau

<table border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr class="bg_realisation_small">
<td class="bg_realisation_gauche_chrome">
<h3>AVANT</h3>
<img style="width: 260px; height: 195px;" src="realisations-5.jpg" alt="" /></td>
<td class="bg_realisation_droite_chrome">
<h3>APRES</h3>
<img style="width: 260px; height: 195px;" src="realisations-4.jpg" alt="" /></td>
</tr>
</tbody>
</table>

Le principe du hack constiste à supprimer le fond de la balise tr et à l’appliquer aux éléments td en spécifiant la position du fond.

Voici le Css du correctif :

tr.bg_realisation_small {
	width:550px;
	height:290px;
	background-image:url('bg-nos-realisations-small.gif');
	background-repeat:no-repeat;
}
//hack Safari
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
tr.bg_realisation_small { background:none;}
tr.bg_realisation_small .bg_realisation_gauche_chrome,
 tr.bg_realisation_small .bg_realisation_droite_chrome{
 background-image:url('bg-nos-realisations-small.gif');
 }
.bg_realisation_gauche_chrome {
background-repeat:no-repeat;
background-position:top left;
}
.bg_realisation_droite_chrome {
background-repeat:no-repeat;
background-position:top right;
}
}

Une fois le hack appliqué, le rendu est maintenant OK sous Chrome !…

1 commentaire


Archives

Compte Github