LoïcG

La veille du week-end (vingt-troisième)

loicg — Fri, 03 Feb 2012 12:48:46 +0000

Voici pour la 23ème sélection :

Cette semaine, du HTML5, des astuces pour WordPress (je risque d’ailleurs de sortir quelques billets dans les jours/semaines à venir) et du responsive design

Développement web :

Intégration, design et accessibilité :

Choses diverses et variées :

Chez Snipemail : bon article sur la gestion des désinscriptions en emailing : via Mathilde
markdown preview plugin for #SublimeText2 by @revolunet : via n1k0
Sur le blog : Logiciels utilisés pour l’intégration HTML/CSS sous Mac OS X : via Darklg
Un million d’autoentrepreneurs, mais aussi des inquiétudes, Spécial salon des entrepreneurs : via Valvert

Bonne lecture, et à la semaine prochaine

La veille du week-end (vingt-deuxième)

loicg — Fri, 27 Jan 2012 13:28:44 +0000

Bienvenue dans cette 22ème édition :

Cette semaine, pas mal de HTML5 dans mon panier, et du git aussi. Ouais, git c’est cool (plus je m’y colle, plus j’apprécie).

Développement web :

Intégration/Webdesign :

Et en vrac :

Allez, bonne lecture

La veille du week-end (vingt et unième)

loicg — Fri, 20 Jan 2012 12:59:16 +0000

Une nouvelle semaine de veille :

(Oui, j’attaque direct, pas d’intro …)

Développement web :

On my blog: Serving a maintenance page with #varnish : via futurecat //pratique pour ne pas bouffer trop de ressources
Beautiful Git guide : via couac
Astuce pour sauvegarder (pousser) des branches Git, sans empêcher des « rebase » ultérieurs : #versioning : via jlecour
5 serveurs d’intégration continue open source: #fdw #integration #continue #opensource #deploiement : via LaFermeDuWeb

Intégration :

Télétravail :

Astuces diverses :

[TUTO] Remplacer DropBox par une alternative libre : Owncloud : via nicolargo //Attention, ça ne couvre pas la synchro et le mode offline …
Forcer un logiciel à passer par une interface réseau #blog : via Korben

Et voilà, c’est tout pour cette semaine

Et non, je ne parlerai pas de la fermeture de MegaUpload … #ohwait :/

La veille du week-end (vingtième)

loicg — Fri, 13 Jan 2012 12:25:07 +0000

Bon dredi à tous,

ça faisait un bon moment que je n’avais plus pris le temps de faire un peu de veille. Et je dois avouer que ça me manquait cruellement.
J’aime connaitre et comprendre ce qui existe pour l’employer au quotidien dans mon travail et ~~péter ma science en société~~ éduquer/aider les gens autour de moi.

Voici donc le premier article de veille de 2012 (j’espère pouvoir en faire plein d’autres :p ).

Développement Web :

Web Designer et Intégration :

FBootstrapp: Un bootstrap pour vos applications Facebook en iFrame : via LaFermeDuWeb
The Ultimate #Responsive Web Design Roundup : via Whitou
Pour nos amis web designers, LaFermeDuWeb propose également un plugin Photoshop gratuit pour gérer les grilles .

Et pour finir, 2 tutos pour apprendre à se servir du drop de fichiers en HTML5 :

How to Open Dropped Files Using HTML5 : via OSteEL
How to Use HTML5 File Drag & Drop : via OSteEL

Bon week-end et bonne lecture

Pagination personnalisée sur un custom post type

loicg — Tue, 03 Jan 2012 16:16:50 +0000

WordPress propose depuis un bon moment le système des « custom post type » (aka les posts personnalisés).
Cette fonctionnalité permet principalement de créer des articles « spéciaux » (ex : film avec le casting complet, rendez-vous avec des dates et/ou lieux, etc …)

J’ai récemment utilisé les custom post types sur un projet, et j’avais besoin de faire une page de type archive (archive-MON_CUSTOM.php, dans le thème WP) affichant 3 éléments par page. Les articles « normaux » devant s’afficher en liste de 9 éléments.

Le souci :

WordPress m’affichait bien la première page (de mon archive de custom, soit archive-MON_CUSTOM.php) http://localhost/MON_CUSTOM/ , contenant bien 3 articles (max) et m’affichait une pagination correcte (nombre total de mes articles / nombre d’articles à afficher par page), mais la page 2 (et les suivantes) affichait une erreur 404…

Dans le détail de cette 404 (que j’obtiens grâce à l’extension debug-bar), je remarque que WP a trouvé la réécriture correcte, et tente d’afficher la page 2 de l’archive de mon custom post type, mais ne trouve aucun contenu.
C’est en examinant les requêtes MySQL que je remarque que WP tente de charger mes custom avec un offset de 9 (au lieu de 3), et comme j’avais créé seulement 5 articles, il ne trouvait rien (CQFD…).

En fait WP, au moment de la requête principale utilisait le réglage par défaut du blog, à savoir 9 articles par page…

Du coup, il fallait lui faire comprendre qu’on souhaite afficher 3 articles par page, lorsqu’on est dans l’archive du custom post type.

Comme je sais à quel point ce problème peut être chronophage à diagnostiquer/corriger, je vous offre le bout de code que j’ai créé pour me débloquer.

https://gist.github.com/1554288

LesBonsCoins

loicg — Thu, 22 Dec 2011 13:17:45 +0000

Depuis quelques temps, nous sommes (avec ma douce) à la recherche d’un bien immobilier à acheter.
En grand ~~paresseux~~ malin que je suis, j’ai créé des alertes auprès des principaux sites du marché (seloger, pap …).
Malheureusement, parmi les sites qui proposent des annonces immobilières, il en est un qui ~~ne fait pas correctement son boulot~~ n’est pas aussi techniquement abouti : leboncoin.fr …

Le souci

Hé oui, leboncoin ne propose pas d’alerte email, ni même d’API …

Du coup, j’ai créé une application PHP qui permet de recevoir par mail les annonces immobilières parues sur leboncoin.fr selon certains critères.

Les critères sont simples :

Localisation (Villes/CP)
Le prix (min/max)
La surface (min/max)
Le nombre de pièces

Cette application se nomme LesBonsCoins (pour se trouver … des bons coins … Vous suivez ?)

Fonctionnement

Le fonctionnement est plutôt simple (pour les dev, j’entends) :

On crée un script de recherche (en php, cli) // Un script de démo est disponible.
On le colle dans son crontab (avec la fréquence souhaitée)
On reçoit des emails périodiques avec les annonces ciblées
…
Profit

Les évolutions à venir

Par souci de simplification de l’utilisation, j’ai codé une version s’appuyant sur des fichiers de configuration en YAML.
Ce choix s’est fait lorsqu’un ami (non-dev) m’a (gentiment) expliqué que la mise en place était un peu complexe…

La branche YAML est utilisable en l’état. Je l’ai juste pas encore mergé sur le tronc (et je m’aperçois que le temps d’écrire cette ligne, j’aurai pu le faire :p )

Le code

Le projet « LesBonsCoins » est disponible librement, en licence MIT. Son code est, de plus, disponible sur GitHub.
Un readme assez fourni est … fourni

La veille du week-end (dix-neuvième)

Loïc — Fri, 25 Feb 2011 12:43:59 +0000

Bienvenue dans cette 19ème édition de la veille du week-end.

Cette semaine, une première ROM est disponible pour le Motorola Milestone2 (enfin !), Apple a sorti ses nouveaux Macbook Pro (avec OSX Lion) et @stagueve a un nouveau serveur pour faire tourner NoWhereElse ^^

Voici la saine lecture récoltée cette semaine :

SEO et compagnie :

Développement et performances :

Intégration, webdesign et expérience utilisateur :

Mobile et Android :

Divers :

Si tu as tout lu et que t’as encore du temps devant toi, n’hésite pas à éplucher mes autres favoris Twitter.

Projet NAS homemade, installation et configuration

Loïc — Sun, 20 Feb 2011 13:49:30 +0000

Il est maintenant tant de te présenter la configuration logicielle de ce petit NAS…

Et tu vas voir, il n’a de NAS que le nom car il va gérer :

Serveur Samba (pour assurer le partage en réseau, la fonction primaire du NAS)
Serveur Apache/PHP/MySQL (certains NAS le font)
Serveur SVN (aucun NAS ne le fait, ça devient intéressant)
Serveur UPNP Av (pour regarder mes films de vacances sur la Freebox HD)

Système d’exploitation :

Je suis « fan » (j’apprécie, disons…) Ubuntu, et ce depuis la version 6.10.
Ainsi, c’est cette distro que j’ai choisis, enfin la version 10.10, en Desktop car cette machine peut être amenée à me servir de MediaCenter.
L’installation est « normale », j’ai simplement ajouté htop et bloqué les processus dont je n’ai pas besoin (bluetooth, accessibilité, etc …) qui sont activés par défaut et se lancent au démarrage.

Le partage Samba :

Attention ! Là, c’est MEGA-technique !
Le paquet est déjà dispo sur Ubuntu Desktop, reste juste à aller partager le(s) dossier(s) souhaités

Ok pour les puristes de la console, j’aurai pu montrer comment tout ceci se configure dans le smb.conf, mais non !

Serveur LAMP :

Comme je n’ai pas besoin de m’embêter à configurer un serveur web aux p’tits oignons, je suis directement passé par le paquet magique disponible depuis quelques versions d’Ubuntu.

Ce serveur me permettra d’utiliser diverses applications codées en PHP (donc USVN), mais également à tester certaines applications web que je développe.

sudo apt-get install lamp-server^

J’en avais parlé il y a peu… Mais si, lecteur, souviens-toi

Serveur SVN :

J’ai besoin d’un serveur SVN pour m’assurer de la sauvegarde régulière de mes différents développement.
Je ne partage que peut de ressources que j’y entrepose, mais la possibilité d’ouvrir certains accès risque de me servir (ne serait-ce que pour partager certaines librairies avec des amis ou collègues).

J’ai rédigé un tuto récemment pour installer SVN couplé à USVN (une interface web qui permet de gérer ses dépôts, ses utilisateurs et leurs groupes).

Serveur UPNP A/V et DLNA :

Pour me permettre de visualiser mes films de vacances (ahem) sur ma Freebox HD, j’ai configuré un serveur UPNP nommé uShare.
uShare est un serveur multimedia qui permet de diffuser ses vidéos sur un réseau local. Ainsi, des appareils tels que la FreeboxHD, la PS3 ou la Xbox 360 pourront accéder à tout le contenu.

Sur Ubuntu, il existe un paquet uShare, pour l’installer il suffit donc de saisir :

sudo apt-get install ushare

Ensuite, il faut modifier le fichier de config pour :

sudo nano /etc/ushare.conf

Tu y inscris :

Le nom à donner à ton serveur (USHARE_NAME)
Le ou les dossiers à partager (USHARE_DIR)
….
Profit !

Ensuite, on lance le serveur uShare :

sudo /etc/init.d/ushare start

La veille du week-end (dix-huitième)

Loïc — Fri, 18 Feb 2011 07:22:01 +0000

Bienvenue dans cette dix-huitième édition de « la veille du week-end ».

Encore une semaine chargée en Afrique du Nord et au Moyen Orient (la révolution est en marche de partout), Steve Ballmer est fait Chevalier de la Légion d’Honneur (sick) et le MWC nous a permis de découvrir de belles tablettes Android (miam !)

Passons maintenant à la veille !

Développement et performances :

SEO, SMO, SMA, MAM :

Intégration et webdesign :

Divers :

Et si t’as pas eu ta dose de lecture, il en reste encore un peu

Bon week-end à tous ^^

Installation de USVN (version 1.0+)

Loïc — Sun, 13 Feb 2011 10:42:11 +0000

USVN est une interface web, développée ~~sous Symfony~~ en PHP (avec le Framework Zend), qui permet de gérer facilement des dépôts SVN.
Aujourd’hui, je te propose de découvrir cet outil et te guider dans son installation (car si on suit la doc officielle, ça ne fonctionne pas… De plus, elle n’est pas à jour).

Installation de SVN sur Ubuntu

Tout d’abord, nous avons besoin d’un server LAMP complet sur la machine (tu as un tuto ici).
Ensuite, nous allons installer les paquets nécessaires pour SVN:

sudo apt-get install subversion libapache2-svn

Maintenant, on active les modules Apache2 :

a2enmod rewrite
a2enmod dav

Puis on va créer le dossier qui contiendra les dépôts (les fichiers versionnés de nos projets, etc …) :

sudo mkdir /media/mondisquedur/usvn
sudo mkdir /media/mondisquedur/usvn/files
sudo chown www-data:www-data /media/mondisquedur/usvn -R

Nous avons désormais tous les paquets nécessaires, nous allons donc configurer Apache2 :

sudo nano /etc/apache2/sites-enabled/020-usvn

Dans lequel on va coller ceci (à adapter selon tes dossiers) :

Alias /usvn /var/www/usvn/public

    Options +SymLinksIfOwnerMatch
    AllowOverride All
    Order allow,deny
    Allow from all

C’est OK pour la configuration du serveur, on va pouvoir attaquer l’installation de USVN.

Installation de USVN

On va commencer par télécharger le soft, sur cette le site officiel http://www.usvn.info/download (version zip ou tar, c’est égal) et tu le décompresse dans ton dossier www d’Apache (probablement /var/www/).

Ensuite, on va créer un bon fichier .htaccess dans /var/www/usvn/public/ et y coller ceci :


        Order Allow,Deny
        Deny from all

php_flag short_open_tag on
php_flag magic_quotes_gpc off

RewriteEngine on
#RewriteCond
RewriteBase "/usvn/"
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^.*$ index.php [NC,L]

J’ai trouvé ce fichier de config sur le forum de USVN, mais je te déconseille d’u mettre les pieds car le forum est totalement spammé … (dommage)

Maintenant, on va lancer la procédure d’installation de USVN en se rendant à l’adresse http://monserveur/usvn/install.php

Et on suit l’assistant d’installation.
En toute fin d’installation, l’assistant te donnera un morceau de config Apache2 à coller dans le fichier que nous avons créé tout à l’heure :

sudo nano /etc/apache2/020-usvn

Création d’un dépôt dans USVN

USVN est rudement pratique pour réaliser ce genre d’opérations, non pas que ce soit complexe de créer un dépôt à la main, mais la gestion des droits est assez chiante (il faut le dire).

C’est là que USVN va prendre tout son sens :

On se connecte à USVN : http://monserveur/usvn/

Voici la page d’accueil :

On peut y voir mes projets ainsi que les groupes d’utilisateurs.

Pour créer un projet, on se rend dans « Administration » puis « Projets » :

On trouve dans cette interface la liste des projets, avec la possibilité d’en changer les droits ou de les supprimer.Puis, on clique sur « Créer un projet » :

On peut également modifier un projet (ses groupes, ses administrateurs) :

L’URL à fournir à ton client SVN (subersive pour eclipse, tortoise ou autre selon tes goûts et ta plateforme) t’es donnée dans cette page.
Il ne te restera plus qu’à fournir ton login/mot de passe pour profiter de ton nouveau dépôt