Trucs et astuces

De petits trucs et astuces pour se faciliter la vie de tous les jours ( quasiment toujours lié à l’univers du web )

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.…

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

E-book pour tirer le meilleur parti de Twitter !

Twitter

Tout comme moi vous ne parvenez pas à saisir l’intérêt du site de micro-Blogging Twitter ?
Rendez vous sur le blog du modérateur qui nous propose un e-book complet sur le sujet !

http://moderateur.blog.regionsjob.com/index.php/post/Ebook-Tirer-le-meilleur-parti-de-Twitter-2eme-edition

Après cela vous n’aurez-plus aucune excuse pour ne plus utiliser twitter ! ^^

(Pour ma part je l’utilise uniquement comme outil de suivi d’actualité, je ne poste quasiment jamais d’informations)…

Conversion d’une police ttf en eot

Dans le cadre de l’intégration du nouveau design sur le site et le blog, je suis comment souvent confronté aux spécificités d’Internet Explorer qui ne fait jamais rien comme tout le monde.

Dans le cas présent je souhaitais importer une police spécifique pour les menus du haut et du bas.
Pas de problèmes sous Firefox et Google Chrome, j’ai récupéré la police souhaitée dans le dossier des polices de Windows (Windows/Fonts/) et je l’ai importé dans mon fichier de style via le code suivant  et le tour est joué.

@font-face {
font-family: « Segoe » ;
src: url(« ../font/segoeprb.ttf ») format(‘opentype’);
}

Après plusieurs recherches sur Internet je comprends que pour Internet Explorer il sera nécessaire de convertir cette police au format « .eot » afin de pouvoir réaliser cet import.
Un logiciel windows « archaïque » est disponible pour réaliser cette manipulation : WEFT (Web Embedding Fonts Tool), mais son fonctionnement est difficile à comprendre et il a été réalisé pour Windows 98 !!…