Guillaume Bizet | Blogging, Web2.0, Dotclear et Dotclear2

Aller au contenu | Aller au menu | Aller à la recherche

Bonjour et bienvenue sur mon blog.
Passionné depuis plusieurs années par l'informatique et encore plus par le web, ce blog est donc devenu au fil du temps un moyen pour moi de partager avec vous des informations qui me semblent intéressantes : actualité et services Web 2.0, actualité du net, astuces et thèmes Dotclear 1.2.x | Dotclear 2, logiciels on et offline, iPhone, iPhone 3G, en gros tout ce qui touche au domaine hight-tech.
Pour mieux me connaitre, je vous invite à venir découvrir Profil Ziki qui centralise mon "identité internet".

Balise - Programmation

Fil des billets - Fil des commentaires

30/10/2007

Faire une belle page de maintenance grace à un htaccess

Dans mes explorations de htaccess pour réaliser ce que je voulais au niveau de mes urls je suis tombé sur un bout de code que j'ai un peu modifié afin de pouvoir mettre en place une belle page de maintenance.

Voilà le htaccess orginal

#Redirection en cas de maintenance
RewriteEngine on
RewriteCond %{REQUEST_URI} !/maintenance.html$
RewriteCond %{REMOTE_ADDR} !^198\.198\.198\.198
RewriteRule $ /maintenance.html [R=302,L]

Expliquons pas à pas ce que cela veut dire

RewriteEngine on

Active le module qui permet réécriture d'url

RewriteCond %{REQUEST_URI} !/maintenance.html$

Cette première condition dit : Pour toutes les pages autres que maintenance.html

RewriteCond %{REMOTE_ADDR} !^198\.198\.198\.198

Cette première condition dit : et sauf pour l'adresse ip suivante 198.198.198.198

RewriteRule $ /maintenance.html [R=302,L]

Et renvoyez vers maintenance.html. Le code 302 indique que la redirection est temporaire, c'est au cas ou un moteur de recherche indexe au moment de la maintenance

Mais le "problème" c'est que cela vous donne une belle page blanche avec le texte qui est contenu dans maintenance.html bien sûr mais sans aucune mise en forme.
Du coup il faut aussi autoriser d'autres fichiers pour rendre cette page de maintenance plus sympa

Voici donc le code modifié pour arriver au résultats souhaité

#Redirection en cas de maintenance
RewriteEngine on
RewriteCond %{REQUEST_URI} !/maintenance.html$
RewriteCond %{REQUEST_URI} !/maintenance.css$
RewriteCond %{REQUEST_URI} !/blog.jpg$
RewriteCond %{REMOTE_ADDR} !^198\.198\.198\.198
RewriteRule $ /maintenance.html [R=302,L]

J'autorise aussi la lecteure du fichier css et de l'image dont j'ai besoin dans ce fichier CSS. Ainsi si vous avez d'autres ficheirs à autoriser il vous faudra répéter la condition RewriteCond %{REQUEST_URI} !/fichier.extension$ autant de fois que nécessaire

Voilà les pages avant et après pour ce blog :
Bizet's Blog : maintenance sans style Bizet's Blog : maintenance avec style

Dorénavant vous aurez cette belle page de maintenance sur ce blog quand je ferais des mise à jour sur le blog

18/10/2007

SmashingCoding : une future référence pour les codeurs

Christophe Lefevre n'est jamais à court d'idées !!! Il a déjà à son actif un certains nombre de très bon projets.
Je vous laisse en juger :

  • Desyr : son tout premier réseau social
  • Blogasty : un nouveau système de promotion de blogs basé sur le principe du digg-like, à mon avis sa plus grande réussite tellement il est plébiscité
  • Likipad : pour créer des blogs facilement via une plateforme. Pour reprendre les termes de Christophe : simple et efficace, un likipad c'est 100% gratuit. Likipad supporte les thèmes, les widget, les flux rss, les galeries d'images personnelle
  • Vide-on qui permets de rechercher simultanément des vidéos sur Youtube, Google Video, Dailymotion, Grouper et Blip.
  • Bloom : une messagerie instantanée pour communiquer de blog à blog
  • Simple JS : une librairie javascript légère qui vous permets de réaliser des effets sympa comme avec Jquery ou motools ou encore scripta
  • Nextblog : permets de naviguer de blogs en blogs
  • BlogCloud : une nuage de blogs sous la forme du nuage de tags que tout le monde connait
  • Pictolinks : des pictolinks sympa. Ce sont les petites images que j'utilise dans la partie "mes Profil/Réseaux"
  • TheFeedr : un regroupement de blogueurs publiant sur le même blog le meilleur de l'actualité High-Tech

Et depuis hier est lançé le blog SmashingCoding

Logo SmashingCoding

qu'il définit de la manière suivante

SmashingCoding est un blog collaboratif sur le web-développement et design. Si comme moi, vous cherchez régulièrement des news sur des apis, techniques ajax et scripts particuliers, vous savez que ce n’est pas sur le site du zero que vous trouverez ça.
Souvent, c’est sur des blogs de développeurs, pas spécialement dédié au développement que l’on trouve les solutions. Souvent aussi, les développeurs n’ont pas le temps de tenir un tel blog à jour, risquant même de laisser celui ci aux oubliettes après 2-3 articles.
C’est là que je me suis dit qu’il y a un truc à faire: Proposer un blog commun sur le dev et design où les blogueurs ne sont pas forcés de proposer un tuto toute les semaines, mais peuvent tout même partager leurs connaissances et expériences.

Pour l'instant 4 développeurs font partie de l'aventure de départ :

Je vous laisse aller découvrir ce nouveau blog et si l'envie vous prends de participer à ce blog collaboratif, que vous êtes webdeveloppeurs ou webdesigner, contactez Christophe par mail

17/10/2007

Plugin MyFeedburner

Comme promis, je mets à disposition mon tout premier plugin pour Dotclear2.

Description

J'en avais marre de voir que l'affichage des abonnés à mon fluxs RSS n'étais pas personnalisable,
Ancien compteur Feedburner
et j'avais remarqué que pas mal de blogs sous wordpress arrivaient à le personnaliser. Du coup avec mon peu de connaissances en php, je me suis plongé dans l'API de feedburner pour voir comment elle pourrait être exploitée.
Ce plugin en est donc à sa toute première version soit v0.1

Le principe de ce widget tout simple : permettre la personnalisation de l'affichage du nombre d'abonnés à un flux RSS géré par feedburner

Je tenais à remercier tout particulièrement Thomas qui par un de ses plugins a inspiré celui-ci et surtout qui a corrigé mes erreurs de débutant

MyFeedburner partie administration

MyFeedburner : administration
Comme vous pouvez le constater, le widget est on ne peut plus simple. Vous avez 3 champs à remplir :

  • Si vous le souhaitez, le titre qui s'affichera entre les balises <h2></h2>
  • L'identifiant de votre flux feedburner. Aller regarder l'url de celui-ci et récupérez ce qui est en gras dans l'exemple suivant. Exemple : http://feeds.feedburner.com/BizetsFamilyBlog
  • Le texte que vous souhaitez voir affiché juste après le nombre d'abonnés
  • Enfin la fameuse case à cocher si vous ne voulez l'afficher qu'en homepage

MyFeedburner partie publique

MyFeedburner : partie publique brute
Voilà ce que cela donnera sans personnalisation des éléments via les CSS.

Mais, justement, pour que vous puissiez personnaliser un maximum ce widget (comme dans l'exemple ci-dessous),
MyFeedburner : partie publique
j'ai pris soin de placer des class un peu partout. Ainsi, le code généré par le widget sera de la forme

<div class="myfeedperso">
        <h2>Titre du widget</h2>
        <ul>
                <li class="feed_IdBlog"><a href="http://feeds.feedburner.com/BizetsFamilyBlog"><span class="feed_IdBlog_nb">XXX</span> texte_choisi</a></li>
        </ul>
</div>

Edit
Suite à une demande par mail, je vous donne ici un exemple de code CSS qui peut accompagner le plugin

.feed_IdBlog { height: 20px; line-height: 20px; background: transparent url(/images/bg_feedburner.gif) no-repeat left top; }
span.feed_IdBlog _nb { margin-left: 40px; font-weight: bold; font-size: 1.7em;}

Conclusion

A vous de jouer !!! J'espère que vous ferrez bon accueil à ce plugin ultra simple.
N'hésitez pas à me remonter tout bug ou bien toute suggestion d'amélioration

Guillaume Bizet Vie du blog «Mise à jour vers dc2.1»
Guillaume Bizet Webdesign «Set d'icônes Milky»
Guillaume Bizet Web2.0 «Blendfu : des brushes, patterns et des formes personnalisées pour Photoshop et Gimp»
WeboniPhone.fr Actualité «Le Figaro version iPhone»
Guillaume Bizet Informatique / Techno «Un florilège de nouveautés dans les services de Google»
Guillaume Bizet Web2.0 «Des générateurs de fluxs RSS»
Guillaume Bizet Vrak de blogs «Vrak de blogs #45»
Guillaume Bizet Apple / iPhone «iScoop : un digg like spécial iPhone»
WeboniPhone.fr Actualité «France 24 adapté à l'iPhone»
WeboniPhone.fr Divers «Autodeclics.com sur iPhone»
Guillaume Bizet Webdesign «Icones sociales dessinées à la main»
Guillaume Bizet Apple / iPhone «Sur WebOniPhone cette semaine#2»
Guillaume Bizet Vrak de blogs «Vrak de blogs #44»
WeboniPhone.fr Web2.0 «PocketTweets : une WebApps twitter pour iPhone»
Guillaume Bizet Informatique / Techno «Windows 7 : des screenshots»
Guillaume Bizet Divers «Superbe video repésentant le traffic aérien mondial au cours d'une journée»
WeboniPhone.fr Vie Pratique «Cadremploi optimisé pour l'iPhone»
Guillaume Bizet Xhtml / CSS «La propriété CSS de texte à la loupe»
WeboniPhone.fr Internet «Exalead version iPhone»
Guillaume Bizet Dotclear 2 «Dotclear 2.1 en approche»
fermer