Archives pour avril, 2009

Ubuntu 9.04 en approche !

22/04/09

Posté par Claude BUENO dans Actualités

1 commentaire

ubuntu-9-04Dernière ligne droite avant la sortie de la mouture finale d’Ubuntu 9.04 (Jaunty Jackalope pour les intimes). La distribution sera disponible ce jeudi en téléchargement.

Lien : http://www.ubuntu.com/

Vous pouvez également commander votre exemplaire sous forme de CD qui vous sera livré gratuitement à votre domicile. J’ai déjà validé ma demande et le délai annoncé est de 4 à 10 semaines. Le CD est livré dans une belle pochette que je conserve comme collector :)

Lien : https://shipit.ubuntu.com/

Vous souhaitez vous prochurer une version sur support ou tout simplement acheter un objet marketing pour montrer votre attachement à Ubuntu et consors, vous pouvez faire un tour sur la boutique officielle. Acheter un objet dans ce shop permet aussi à Canonical de recolter des fonds pour maintenir et faire évoluer Ubuntu et tous ses dérivés (Kubuntu, Xubuntu, …) et d’apporter aux nombreux utilisateurs une nouvelle version tous les six mois.

Lien : https://shop.canonical.com/

Et je ne pouvais pas finir ce billet sans vous montrer cette vidéo présentant la dernière mouture de Ubuntu :

Ajouter un badge Twitter à votre blog

17/04/09

Posté par Claude BUENO dans Dossiers

5 commentaires

sans-rouletteIl y a peu je partageais avec vous une liste d’adresses où vous pouvez trouver des thèmes graphiques pour les blogs gérés par la plateforme Blogger de Google.  Et bien j’ai franchi le pas également pour mon blog personnel.

J’ai opté pour le thème graphique réalisé par JRY avec quelques petites modifications (je vous rassure rien de bien sorcier).

Tout d’abord, j’ai supprimé le footer d’origine (dans le XML gérant le thème) et ajouté un petit bout de code en haut à droite pour afficher mes dernier Twitt. Pour ce faire, j’ai utilisé la fonction de Twitter permettant de générer un « Badge » pour Blogger.

Coté code cela donne ça :

<div <–Add Style Here –> id= »twitter_div »><ul id= »twitter_update_list »></ul>
<a id= »twitter-link » style= »display:block;text-align:right; » href= »http://twitter.com/MON_PSEUDO »>Me suivre sur Twitter</a>
</div>
<script src= »http://twitter.com/javascripts/blogger.js » type= »text/javascript »></script>
<script src= »http://twitter.com/statuses/user_timeline/MON_PSEUDO.json?callback=twitterCallback2&count=5″ type= »text/javascript »></script>

Vous devez remplacer MON_PSEUDO par le votre et vous pouvez adapter le nombre de Twitt à afficher en modifiant la valeur qui suit count=

Vous pouvez également modifier l’apparence de l’affichage de vos twitts en modifiant l’aspect par l’ajout de styles en remplaçant <–Add Style Here –> par votre style personnalisé. Exemple : style= »background: url(votre-image.gif) top left no-repeat; padding-left: 50px; »


A vous de jouer maintenant ;)

Gérer la transparence des images en CSS

14/04/09

Posté par Claude BUENO dans XHTML-CSS

3 commentaires

Atelier xhtml css

Dans la conception de votre nouveau projet web vous avez besoin de mettre en place un effet de transparence. Pour mettre en place cet effet, vous avez deux possibilités : utiliser une image intégrant la transparence ou bien utiliser CSS. La mise en place de la seconde solution semble être la meilleure car vous pouvez régler le niveau de transparence plus facilement, ce qui n’est pas le cas avec une image pré-produite.

La mise en place de cette transparence en CSS s’effectue grâce à la propriété Microsoft filter s’appliquant à un élément HTML.

Syntaxe :

filter:alpha(opacity=50);
/* Réduit l'opacité à 50% */

Seulement voilà, cette propriété n’est reconnue que par Internet Explorer et la valeur de la transparence doit être comprise entre 0 et 100. Il faut donc compléter cette prise en compte pour Firefox, Safari et les recommandations W3C. Pour ce faire, il existe d’autres propriétés à utiliser :

  • Pour Firefox : -moz-opacity:XX;   (0<XX<1)
  • Pour Safari : -khtml-opacity:XX;   (0<XX<1)
  • Pour W3C : opacity:XX;   (0<XX<1)

XX est la valeur de la transparence à utiliser.

Pour illustrer cette mise en place de la transparence, nous allons mettre en place un CSS prenant en charge les différents cas de figure. Voici la classe monbloc :

Code CSS

.monbloc {
    background : #010415;
    filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}

Code HTML

<div class="monbloc">
<p>Lorem ipsum eam odio qualisque efficiantur cu, propriae...</p>
</div>

Il ne vous restera plus qu’à régler le degré de transparence à votre convenance et rien ne vous empêche de mettre en place un effet différent suivant le navigateur qui ouvrira le site.

Effet transparence sous IE8

Effet transparence sous IE8

I Believe I Can Fly

11/04/09

Posté par Claude BUENO dans Actualités

7 commentaires

Be Linux

Dans le monde des systèmes d’exploitation, vous utilisez soit Windows soit Apple mais il existe une autre alternative : Linux. Surement que je ne vous apprends rien et que vous avez entre les mains un netbook tournant grâce à cette plateforme libre et open source. La grande force de Linux est de vous offrir sous la forme d’une distribution un grand nombre de logiciels. Ensuite, vous êtes libre de les installer, les tester et de les utiliser sans bourse déliée.

Bien que n’utilisant pas Linux au quotidien, j’ai déjà eu l’occasion de publier des billets sur ce thème. Je ne suis pas un adepte de la ligne de commande qui me renvoi à mes premières approches de l’informatique. Une époque que « les moins de vingt ans ne peuvent pas connaitre », je veux parler de ce bon vieux Microsoft DOS qui permettait de mouvoir les premier PC que j’administrais sous Windows 3.11 (Que du bonheur !).

Toujours à l’affut des évolutions de Linux, je m’intéresse à Ubuntu et à Mandriva qui me semble être les deux distributions permettant à n’importe qui d’installer et d’utiliser Linux au quotidien (et ce même si on a un « lourd » passé d’utilisation de Windows).

Afin de faire découvrir Linux, la Fondation Linux a décidé de réaliser et de mettre en ligne des vidéos « promotionnelles » avec, au coeur de cette initiative, un message clé : Linux n’a plus rien à envier à Windows et Mac OS X, il est temps de passer au libre. Retrouvez sur la chaîne YouTube toutes les vidéos de la Fondation Linux.

Pour ma part, j’en sélectionné deux vidéos que je souhaitais partagé avec vous. La première permet de planter le décors en passant un message fort. La seconde vidéo est une réalisation française et qui sous couvert de l’humour donne le ton…

Bureau KDE pour Linux : une belle réussite

10/04/09

Posté par Claude BUENO dans Actualités

5 commentaires

0904-kubuntu-2

Premier pas avec l’environnement bureau de Linux KDE (K Desktop Environment) :

Lorsque vous installez une distribution Linux, vous devez choisir un environnement de bureau. Les deux plus connus sont GNOME et KDE. Pour certaines distributions comme celles distribuées par la société Canonical, ils sont clairement identifiés dans le nom qu’elle porte. UBUNTU fonctionne sous GNOME et KUBUNTU utilise KDE.

Pour chaque distribution on retrouve des logiciels adaptés à l’environnement de bureau main rien ne vous empèche d’installer des outils livrés pour KDE sous GNOME (et l’inverse). Lors de l’installation, toutes les dépendances nécessaires seront installées avec le logiciel. S’il y a des experts dans la salle et que j’avance des inepties ou des « à peu pres », n’hésitez pas à poster un commentaire.

La dernière version en date de KDE est une belle réussite et prend de la distance face à GNOME. Dans cette version estampillée 4.2, le paramétrage du bureau ainsi que les thèmes disponibles sont simples à mettre en oeuvre et d’un style très tendance jouant sur des effets de transparence et la possibilité d’ajouter des Widgets (appelés Plasmoïdes sous KDE).

0903-bureau-kde-600

Bureau KDE 4.2 sous Mandriva Linux 2009

Switchez d’une application à l’autre et vous verrez votre bureau en 3D : effet garanti !

kde4

Effet avec Compiz

12»