30 décembre 2010

Ajouter un calendrier à votre blog (blogger, blogspot)

Cette méthode permet de rajouter un calendrier à votre blog et est customisable grave à jquery UI.





Tout d'abord, il faut ajouter un widget via l'interface de présentation  :







Ensuite copier/coller ce code html/javascript dans le gadget "Configurer HTML/JavaScript" :






<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>

<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js"></script>







<script>

var archiveName = "archive";

/* nom de la page des archives, exemple : http://my.blogspot.com/2010_12_24_archive.html */




var theme = "humanity"; /* default : "base" */

/* pour changer la couleur du calendrier indiquer ici le nom du theme jquery que vous trouvez ici : http://jqueryui.com/themeroller/ (onglet "Gallery) */







var thisMonth, thisDay, thisArchiveDate;

var thisDomain = document.location.protocol+'//'+document.location.host + '/';

var thisMonthNbPost = 0;

$(document).ready(function(){

var link = $("<link>");

link.attr({

        type: 'text/css',

        rel: 'stylesheet',

        href: 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/'+theme+'/jquery-ui.css'

});

$("head").append(link); 



var currentUrl = document.location.href;

var currentDate = null ;

var indexDateFromUrl = currentUrl.indexOf("_"+archiveName+".html");

if(indexDateFromUrl!=-1){

currentDate = currentUrl.substring(indexDateFromUrl-10,indexDateFromUrl);

}



$("#datepicker").datepicker({

  onSelect: function(dateText, inst) { document.location = "/" + dateText + "_"+archiveName+".html"; },

  dateFormat: 'yy_mm_dd',

  defaultDate : currentDate,

maxDate : '+0',

showButtonPanel: true,

currentText: 'Aujourd\'hui',




beforeShowDay: function(date) { 

thisMonth = parseInt(date.getMonth())+1;

thisMonth = (thisMonth<10)? "0"+thisMonth : thisMonth;




thisDay = parseInt(date.getDate());

thisDay = (thisDay<10)? "0"+thisDay : thisDay;




thisArchiveDate = thisDomain +date.getFullYear() + "_" + thisMonth + "_" + thisDay + "_"+archiveName+".html";




/* test si il ya un article ce jour là */

if($('.BlogArchive a[href^="'+thisArchiveDate+'"]').size()>0){

return [true,''];

}

return [false,''];

 },

onChangeMonthYear: function(year, month, inst) {




thisMonthNbPost = $('.BlogArchive a[href^="'+thisDomain +year + "_" + ((month<10)?"0"+month : month) + "_"+'"]').size();




setTimeout(function (){

$(".ui-datepicker-title").append(" <small class='nbPostThisMonth' title='"+thisMonthNbPost+" messages ce mois-ci'>"+thisMonthNbPost+ "</small>");

},0);

}

});




});

</script>




<style type="text/css">

.ui-datepicker, .ui-datepicker .ui-state-active{

display : block;

overflow: hidden;

background: transparent !important;

border : 1px solid white !important;

}




.ui-datepicker .ui-state-active{

font-weight : bold  !important;

color : black  !important;

}




.ui-datepicker-prev, .ui-datepicker-next{

cursor:pointer;

}




.BlogArchive{

display:none;

}

.nbPostThisMonth{

float: right;

background: url(http://lh6.ggpht.com/_hMucZ6fziyo/TR3f7LJAVtI/AAAAAAAAKUk/s1Y3wo0RAb8/message_balloon_24.png) no-repeat center;

width: 24px;

height: 24px;

line-height: 20px;

color: black;

}

</style>




<div id="datepicker"></div>








Résultat final







15 septembre 2010

Après les photos en HDR : la vidéo

[Blogger] Transformer votre blog en Podcast

TUTORIEL en 3 étapes :




Etape 1

Tout d'abord il faut activer les pièces jointes sur les messages : aller dans Paramètres/Mise en forme puis mettre à 'Oui' Afficher les champs Lien








Ajoute l'option permettant d'inclure, dans chacun de vos messages, des liens vers des URL ou vers du contenu en podcasting.









Etape 2

Allez dans : Préséntation/Modifier le code HTML/Cocher 'Développer des modèles de gadgets'

et rajouter ce code HTML à la suite de la balise <data:post.body/>










<!-- debut pieces jointes -->




<style>

.piece-jointe{

background : url(http://lh6.ggpht.com/_hMucZ6fziyo/TR-iGQE9VrI/AAAAAAAAKVY/AHYPUrtKUik/1293918699_PaperClip4_Black.png) no-repeat left center;

height : 32px;

width : 32px;

float : left;

}

</style>




<script type='text/javascript'>var numberEnclosure = 0;

<b:loop values='data:post.enclosures' var='enclosure'>

numberEnclosure++;

</b:loop>

var enclosureTitle = numberEnclosure + ((numberEnclosure==1) ? &quot; pièce jointe&quot; : &quot; pièces jointes&quot;);

var isDisplay = (numberEnclosure==0)? &quot; style=&#39;display:none;&#39;&quot; : &quot;&quot;;

</script>




<b:if cond='data:post.enclosures'> 






<script type='text/javascript'> document.write(&quot;&lt;div class=&#39;post-footer&#39;&quot;+isDisplay+&quot;&gt;&quot;); </script>

<span class='piece-jointe'/> &amp;nbsp; 

<script type='text/javascript'>document.write(enclosureTitle);</script> : 



<ul style='list-style: none;'>

<b:loop values='data:post.enclosures' var='enclosure'>

<li>

<b:if cond='data:enclosure.mimeType == &quot;audio/mpeg&quot;'>




<object expr:data='&quot;http://bilelzz.free.fr/player/player_mp3_maxi.swf?showstop=1&amp;showvolume=1&amp;volume=50&amp;width=170&amp;textcolor=666666&amp;buttoncolor=000000&amp;buttonovercolor=000000&amp;bgcolor1=f5f5f5&amp;bgcolor2=cccccc&amp;sliderovercolor=333333&amp;autoplay=0&amp;mp3=&quot;+data:enclosure.url' height='20' type='application/x-shockwave-flash' width='170' wmode='transparent'>

<param expr:value='&quot;http://bilelzz.free.fr/player/player_mp3_maxi.swf?showstop=1&amp;showvolume=1&amp;volume=50&amp;width=170&amp;autoplay=0&amp;textcolor=666666&amp;buttoncolor=000000&amp;buttonovercolor=000000&amp;bgcolor1=f5f5f5&amp;bgcolor2=cccccc&amp;sliderovercolor=333333&amp;mp3=&quot;+data:enclosure.url' name='movie'/>

<param name='loop' value='false'/>   

<a expr:href='&quot;&quot;+data:enclosure.url'>Voir la pièce jointe</a>

</object>

<a expr:href='data:enclosure.url' expr:title='&quot;Ecouter le son : &quot; + data:enclosure.url' rel='enclosure' target='_blank'>Source originale</a>




</b:if>

<!-- AUTRE TYPE MIME -->

<b:if cond='data:enclosure.mimeType != &quot;audio/mpeg&quot;'>

<a expr:href='data:enclosure.url' expr:title='&quot;Voir le document : &quot; + data:enclosure.url' rel='enclosure' target='_blank'> Voir le document</a> 

</b:if>

</li>

</b:loop>

</ul>

&lt;/div&gt;

 </b:if>

<!-- fin pieces jointes -->








Code HTML à copier











illustation








Etape 3

Enfin, vous pouvez ajouter un lien vers des documents et même des mp3 qui seront proposés automatiquement à la lecture :





Vous pouvez contempler un exemple sur ce propre message.

Afficher les pieces jointes de vos messages sur Blogger



Allez dans : Préséntation/Modifier le code HTML/Cocher 'Développer des modèles de gadgets'

et rajouter ce code HTML à la suite de la balise <p><data:post.body/></p>





<object expr:data='&quot;http://mail.google.com/mail/html/audio.swf?audioUrl=&quot;+data:enclosure.url' height='25' type='application/x-shockwave-flash' width='220' wmode='transparent'>

<param expr:value='&quot;http://mail.google.com/mail/html/audio.swf?audioUrl=&quot;+data:enclosure.url' name='movie'/>

  <param name='loop' value='false'/>  

   <video autoplay='false' controls='controls' height='25' tabindex='0' width='220'>

    <source expr:src='data:enclosure.url' poster=''/>  

<a expr:href='&quot;http://mail.google.com/mail/html/audio.swf?audioUrl=&quot;+data:enclosure.url'>Cliquez ici pour écouter</a>

   </video>

 </object>

 <a expr:href='data:enclosure.url' expr:title='&quot;Ecouter le son : &quot; + data:enclosure.url' rel='enclosure' target='_blank'>Source originale</a>



19 août 2010

Google Mail corrige l'affichage des signatures

Par défaut, votre signature (si vous l'avez configurée) s'affichait à la toute fin  de votre mail et surtout aprés le texte des messages précédents. Ce qui rendait votre signature peut visible.


De plus, une ligne "--" était insérée au dessus de votre signature.


Grace à une option dans le labo de GMail, vous pouvez avoir une signature visible et sans "--"


Pour activer cette option rdv dans Paramètres puis Labos ou cliquez ici : https://mail.google.com/mail/?shva=1#settings/labs




Options supplémentaires pour votre signature

par Keith C. et Dave C.



Place votre signature avant le texte des messages précédents dans une réponse et supprime la ligne "--" qui apparaît avant les signatures.




10 août 2010

Code javascript pour n'autoriser que la saisie de chiffres dans les champs texte


Code jQuery

Les champs textes doivent avec la classe "numeric" pour être "surveillés".














via http://stackoverflow.com/questions/345194/regular-expression-matching-in-jquery/3449350#3449350

21 juillet 2010

50 techniques et plugins utiles en JavaScript et jQuery

Ce que j'ai retenu :

Nivo Slider 

La gallerie d'image Jquery la plus beautiful, avec 9 effets uniques de transition



jqFancyTransitions: jQuery Image Rotator Plugin

Une autre gallerie avec des effets sympa


un plugin pour donner du style à votre liste déroulante


Voir le reste des 50 plugins chez noupe.com


20 juillet 2010

Un blog intéressant sur un freelance qui vient de féter ses deux ans d'indépendance

Un blog intéressant sur un freelance qui vient de féter ses deux ans d'indépendances

France.fr : les erreurs à éviter lors du lancement d’un site Web d’envergure

L’incident technique, qui a contraint le portail France.fr à couper le service afin de revoir son architecture technique, sera-t-il un énième cas d’école ?



La médiatisation importante liée à l’ouverture de sites Web d’envergure entraîne ce genre de mésaventure.

Ce fut le cas du Géoportail inauguré en juin 2006 ou plus récemment du site de Carla Bruni ouvert en octobre 2009.

Pourtant, selon les chiffres communiqués par les responsables IT de France.fr, l’hébergement semblait correctement dimensionné : une dizaine de serveurs ont livré le contenu à 50 000 visiteurs durant la première journée d’exploitation.

Mais hélas, l’infrastructure n’aura pas tenu la charge.



Tentative de décryptage de cet incident déplorable avec l’appui de plusieurs experts IT.



Lire la suite sur itespresso.fr

24 juin 2010

Créer son entreprise unipersonnelle (EURL) pour être indépendant


© Iakov Kalinin - Fotolia.com
Vous trouverez dans cette article les éléments à rassembler pour déposer un dossier de création d'entreprise auprés de la chambre des commerces.

18 juin 2010

Plugins indispensables pour le navigateur internet Google Chrome :



Voici ma liste de plugins sur



Adblock : bloqueur de publicité (pour le désactiver rapidement sur certaines pages, utiliser le plugin Browser Button for AdBlock)







Kill-flash: désactive les contenus en Flash (possibilité de les activer en 1 click)



SmoothScroll : rend plus fluide le scroll



11 juin 2010

10 moyens de voir la coupe de monde de Football FIFA 2010 gratuitement





1. Watch world cup 2010 football live online for free on atdhe – much recommended link for live online streaming of football matches.
2. Watch world cup football matches live online for free on ESPN – high quality live streaming of FIFA world cup, but US only. Use Free VPN services to access it.
3. Watch world cup soccer 2010 live streaming online for free on MyP2P – another recommended link which lists multiple sources for watching world cup 2010 live. You would need to download few harmless software though.
4. Watch FIFA world cup 2010 football matches live + Highlights on Justin TV – another site which contains multiple live streaming links, but hard to expect high quality streaming over here.
5. World cup 2010 Live streaming links for free on UStream – very similar to Justin tv. Mirror link here.
6. Watch 2010 world cup soccer live online for free on IraqGoals – another popular link for live football streams.
7. Watch live football 2010 world cup for Free on Live Foot forum – Live-foot forum gives the best guidance for finding the exact channels where to watch the match.






Other untested options
9. http://livefooty.doctor-serv.com/
10. http://www.watch-free.tv/watch-live-tv-sports-online/
11. http://streamick.com/


source : http://techpp.com/2010/06/02/10-ways-to-watch-fifa-world-cup-2010-live-online-for-free

8 juin 2010

Désactiver l'identification avec une mise en veille (ubuntu)

Ouvrir un terminal (qui se trouve dans le menu : "Application > Accessoires > Terminal") et taper gconf-editor

Se rendre dans la branche : apps > gnome-power-manager > lock
Décocher la case hibernate (pour désactiver le mot de passe lors de la sortie du mode hibernation)
Décocher la case suspend (pour désactiver le mot de passe lors de la sortie du mode veille.)



Allez aussi juste en dessous dans gnome-screensaver pour décocher lock_enabled


Fermer la fenêtre, les changements sont enregistrés automatiquement.

source : 

1 juin 2010

Des forfaits triple-play FREE à 10euros/mois sur vente-privee.com



Le célèbre Vente-Privée.com ne vend pas que des vêtements, des voyages, des produits cosmétiques, des ustensiles de cuisine, des meubles ou même des produits technologiques. Il lui arrive aussi parfois de proposer à des quantités limitées, mais à des prix souvent très bas, des produits comme des jeux vidéo, des CD ou des DVD/Blu-ray.







Cette fois, Vente Privée passe un autre cap en proposant un forfait Internet. Le site vendra ainsi entre le jeudi 3 juin prochain à 7h du matin et le vendredi 4 juin à minuit l'offre de Free, avec bien sûr la Freebox HD à la clé.



Selon une information supprimé du site universfreebox.com, cette offre serait un abonnement à 10euros/mois (au lieu de 30euros/mois!) pendant les 12 premiers mois!



Source : pcinpact | universfreebox (lire les commentaires,)

iPad : au delà de l'esthétique

"

Vendredi dernier, Apple a sorti en France l'iPad. Ca fait pile 4 semaines que j'ai celui du bureau, et qui me donne souvent l'occasion de rigoler. La scène ressemble généralement à ceci :


  • J'arrive, détendu, l'iPad sous le bras, devant quelqu'un, et je lui lance "t'as déjà vu un iPad ?"

  • On me répond par la négative, des points d'interrogation dans les yeux…

  • Je montre l'engin et, magnanime, je le prête, démontre où il faut cliquer pour les applications les plus spectaculaires (Safari, Plans et Photos) et je laisse la personne jouer 3 minutes.

  • On me le rend à regret, la bave aux lèvres[1] et demande presque toujours : "alors Tristan, t'en penses quoi de l'iPad ?"

  • Et moi de répondre, très sérieusement : "c'est vraiment de la merde !".



"




iPad: No entry (pas d'entrée / pas de saisie)




La suite de l'article : http://standblog.org/blog/post/2010/06/01/iPad-au-dela-de-l-esthetique

Être chef de projet c’est has been



Vous le savez tout aussi bien que moi, être un « simple » développeur en France n’est pas considéré comme quelque chose de glorieux, mais bien comme un métier pour les jeunes. Du coup tout le monde veut évoluer de manière à devenir chef de projet. On se retrouve même avec des gens qui, tout juste sorti de leur grande école d’ingénieur, veulent directement avoir 15 personnes (toutes plus âgées qu’elles) sous leurs ordres histoire de montrer que c’est eux qui ont la plus grosse.


C’est à ces personnes que cet article s’adresse.

Lire la suite de l'article : http://www.dmathieu.com/2010/04/20/etre-chef-de-projet-cest-has-been/

La citation du jour : "je continuerais à faire de l’informatique jusqu’à ce que je vois un projet sortir en temps et en heure"


De nombreuses personnes m’ont déjà entendu dire que je continuerais à faire de l’informatique jusqu’à ce que je vois un projet sortir en temps et en heure. C’est une blague récurrente, qui reflète, malheureusement le manque de soin apporté à l’évaluation des risques, des ressources et des spécifications dans les projets de développement web.



Pour lire la suite : http://www.travailleursduweb.com/2010/04/20/ma-premiere-fois.html

25 mai 2010

Sortie de la version 2.2 d'Android, résumé des nouveautés




Android 2.2 Froyo vient d’être annoncé, voici un résumé des nouvelles fonctionnalités :








consultation de l’Android Market directement depuis le web.

installation des applications sur votre terminal Android directement depuis le site web du market !



Le Market


mise à jour de toutes vos applications en un seul clic 


et possibilité les applications à mettre à jour automatiquement sans interventions de la part de l’utilisateur




HTML5


Exploitation des API systèmes directement depuis une application web. 


exemple : Google Maps (version web) peut utiliser l’accéléromètre, l’application web Buzz peut accéder à la caméra, etc...







Navigateur


moteur Javascript V8  2 à 3 fois plus rapide par rapport à la version Android 2.1.




Votre mobile android devient un point d'accès wifi!

Une autre nouvelle importante, Android 2.2 supportera nativement le partage de connexion via Wifi. Vous pourrez ainsi partager votre connexion 3G avec votre ordinateur (ou votre iPad ;) ) ou que vous soyez, sans avoir besoin de modifier votre smartphone, ni même d’installer d’application.


Installation des applications sur la carte mémoire

Une des autres nouveautés, c’est qu’il n’y a maintenant plus de limite, ou presque, pour les applications. Ces dernières peuvent s’installer dans la mémoire interne ou dans la carte SD sans aucun problème.


















vidéos de présentation officielle



Source : frandroid.com et android.com