Qu’est ce qu’un flux RSS ?

Il a quelques années, suivre l’actualité d’un site était simple. Tous les matins nous allions sur notre portail favoris pour lire les 3 dernières news. Suivre 3 sites tous les matins nous donne 9 news en moyenne, c’est gérable.

Plus tard, nos barres de favoris (bookmarks ou encore signets) sont vite devenues pleines à craquer de liens et nous avions tous nos astuces pour les organiser dans une armée de dossiers. Et puis un jour, nous nous sommes tous rendu compte que certains sites ne publiaient pas à la même fréquence que d’autres, que les news n’étaient pas pertinentes à chaque fois et surtout… qu’aller chercher 20, 25, 30 sites tous les matins avaient un effet désastreux sur la productivité.

Tout ceci jusqu’à l’arrivée des flux RSS ou comment recevoir l’information sans bouger de sa chaise.

Source : elliance.com

En anglais, RSS veut dire « Really Simple Syndication ».  En gros, vous avez l’habitude de vous abonner à un magazine ou à un journal et de recevoir tout ça par email régulièrement. Et bien le flux RSS c’est la ême chose! Vous vous abonnez à un flux RSS via un « RSS Reader » et vous recevez le contenu en direct ou presque.

Comment reconnaitre un flux RSS?

Vous avez certainement croisé cette petite icone orange avec un symbole d’onde à l’intérieur. C’est l’icone du flux RSS. En cliquant dessus vous aurez accès au flux brut ou à une page vous proposant de vous abonner.

Comment s’abonner?

Une fois le flux ouvert, il suffit de copier l’URL et de l’ajouter dans votre RSS Reader. Il en existe beaucoup mais mon préféré est Google Reader. Il est intégré à mon environnement Google, il est propre, simple et rapide.

Google Reader

Conclusion

Les flux RSS sont très populaire et il en existe sur beaucoup de sites et même plusieurs par site. Ce blog et mon portfolio en ont un, n’hésitez pas à vous abonner. À vous maintenant de prendre l’habitude de les utiliser pour laisser l’information venir à vous sans effort ;)

.htaccess – Trucs et astuces

Voici quelques astuces à utiliser dans un .htaccess. Rien de bien nouveau car tout est disponible directement depuis la configuration Apache mais ça peut servir de mémo. N’hésitez pas à en rajouter dans les commentaires, je les mettrai dans l’article.

Redirection vers le sous domaine sans les www

RewriteCond %{HTTP_HOST} ^www.(. )$ [NC]
RewriteRule ^(.*)$ http://%1/$1 [L,R=301]

Forcer le téléchargement d’un fichier

AddType application/octet-stream .pdf
AddType application/octet-stream .zip
AddType application/octet-stream .mov

Compresser des fichiers

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml

Compresser des fichiers en utilisant GZip

<IfModule mod_gzip.c>
    mod_gzip_on       Yes
    mod_gzip_dechunk  Yes
    mod_gzip_item_include file      .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler   ^cgi-script$
    mod_gzip_item_include mime      ^text/.*
    mod_gzip_item_include mime      ^application/x-javascript.*
    mod_gzip_item_exclude mime      ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

Mettre en cache plusieurs types de fichiers

<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$">
    Header set Cache-Control "max-age=2592000"
</FilesMatch>

Protéger des images du hotlinking

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://(www.)?foo.com/.*$ [NC]
RewriteCond %{HTTP_REFERER} ^http://(www.)?bar.com/.*$ [NC]
RewriteCond %{REQUEST_FILENAME} !/images/divers/myimage.jpg$ [NC]
RewriteRule .(gif|jpg|jpeg|png)$ /images/divers/thumbnail.jpg [R,L]

Désactiver l’exploration des dossiers

Options All -Indexes

Créer une page d’erreur personnalisée

ErrorDocument 401 /401.php
ErrorDocument 403 /403.php
ErrorDocument 404 /404.php
ErrorDocument 500 /500.php

Définir la page par défaut des répertoires (autre que index.html)

DirectoryIndex mydefaultpage.html

Forcer le slash à la fin d’une URL

<IfModule mod_rewrite.c>
 RewriteCond %{REQUEST_URI} /+[^\.]+$
 RewriteRule ^(.+[^/])$ %{REQUEST_URI}/ [R=301,L]
</IfModule>

Rediriger les mobiles

RewriteEngine On
RewriteCond %{REQUEST_URI} !^/m/.*$
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
#------------- The line below excludes the iPad
RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$
#-------------
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC] #*SEE NOTE BELOW
RewriteRule ^(.*)$ /m/ [L,R=302]

Configurer le site pour les videos HTML5

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !=/favicon.ico
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/mp4 .mp4
AddType video/webm .webm
AddType application/x-shockwave-flash swf

Exécuter du PHP dans des fichiers Javascript

AddType application/x-httpd-php .js
AddHandler x-httpd-php5 .js

<FilesMatch "\.(js|php)$">
SetHandler application/x-httpd-php
</FilesMatch>

 

CSSTidy : Un parser open source qui optimise vos CSS

CSSTidy est un optimiser open source de CS. Il est multi plates-formes et on peut s’en servir en ligne de commande ou dans un script PHP. Il supporte entièrement le CSS2 par contre je n’ai pas de nouvelles quand au CSS3.

Le site du projet nous montre quelques exemples comme :

Les couleurs comme « black » ou « rgb(0,0,0) » sont converties en #000000 voire même en #000 et certains codes hexa sont remplacés par leurs noms s’ils sont plus courts. Le but ici est donc de produire des fichiers plus légers.

Pourquoi optimiser ?

La question semble logique mais certains site comme spyesx.fr pour ne pas le nommer ont encore 500 fichiers CSS et des codes plus qu’en bordel. Ce qui provoque des temps de chargements affreux et parfois même des redondances. J’étais en train de développer mon propre optimiser lorsque j’ai découvert CSSTidy. D’ailleurs je vous recommande l’extension Firefox nommée YSlow qui vous aidera dans vos développements.

Un petit aperçu

Voilà une feuille CSS brute après les mains d’un intégrateur simple et voici une feuille CSS après un passage à la moulinette par CSSTidy

Mon pseudo’ est il disponible? – namechk.com

namechk_logo

Lorsque vous choisissez un pseudo’ la première question est souvent : « J’aimerais quelque chose d’original et que personne n’utilise déjà ». Pour cela, namechk.com vient à votre secours.

Ce service vous propose de vérifier sur ma moins de 72 sites si votre pseudo’ est enregistré. Namechk retrouve non seulement les pseudos mais également les vanity url, ces services où votre pseudo est utilisé dans l’url, sur twitter par exemple.

Le concept du site a été inspiré par Jon Sykes, qui avait initialement conçu un site similaire mais a finalement arrêté son maintien et ensuite vendu son domaine. Pensant qu’on ne « pourrait pas vivre sans », David Gosse et Andy Edinborough ont repris l’idée et l’ont développé à leur sauce.

Je trouve que l’initiative est remarquable car le site peut faire gagner énormément de temps mais aussi éviter les triples ou quadruples identités sur le web.

namechk_screeshot

Lien : namechk.com