Il y a quelques mois, je vous avais dit que j’étais en charge du site du collège Pablo Picasso, où j’ai passé quelques années, mais je ne vous avais jamais dévoilé le design – le voici donc :
J’ai laissé la main à une collègue depuis que je suis parti – d’ailleurs on peut voir qu’il y a beaucoup moins d’images et de contenu depuis – mais je garde toujours un œil dessus. C’est dur de se détacher de ses créations!
Il y a quelques jours, j’ai eu besoin de modifier les permissions de plusieurs dizaines de fichiers PHP.
Plutôt que d’utiliser la fonction CHMOD du client FTP, je me suis dit que ce serait sûrement plus rapide via ligne de commandes.
Pour faire un CHMOD 640 récursif sur tous les fichiers PHP d’un répertoire, commencez par vous rendre dans le répertoire puis utilisez cette commande :
find . -type f -name '*.php' -exec chmod 640 {} \; Code language: JavaScript (javascript)En changeant l’extension qui se trouve entre les guillemets, vous pouvez rapidement attribuer les bonnes permissions aux bons types de fichiers.
Tiens, Debian Squeeze est sorti ce week-end ! Du coup, j’en ai profité pour mettre à jour le serveur du site : nous sommes donc passés de Debian Lenny (5.0.8) à Debian Squeeze (6.0).
Lenny prend donc sa retraite au bout de 2 ans. Cela nous permet également de mettre à jour environ 400 paquets dont les différents serveurs.
La mise à jour prend quelques minutes sur la Kimsufi mais comme j’ai eu quelques erreurs (avec MySQL), je vous donne la marche à suivre.
On sauvegarde le fichier des sources :
cp /etc/apt/sources.list /etc/apt/sources.list-lennyCode language: PHP (php)On remplace toutes les occurences de “lenny” en “squeeze” dans un nouveau fichier :
sed 's/lenny/squeeze/' /etc/apt/sources.list > /etc/apt/sources.list-squeezeCode language: PHP (php)Ce nouveau fichier devient notre fichier source :
cp /etc/apt/sources.list-squeeze /etc/apt/sources.listCode language: PHP (php)On met à jour les paquets apt et dpkg :
apt-get install apt dpkgCode language: JavaScript (javascript)Voilà, il ne reste plus qu’à lancer l’installation.
Toujours à la recherche de ce qui peut optimiser le chargement du site et soulager le serveur, je vous donne ma configuration du fichier htaccess en ce qui concerne les permaliens (permalinks) de WordPress.
Voici le code htaccess standard de WordPress :
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPressCode language: PHP (php)
Ces derniers temps, je travaille sur le site internet du collège. Du coup, j’ai moins de temps pour le mien tiens.
Bref, j’y travaille donc et je rajoute quelques petits liens utiles comme des liens vers l’Inspection Académique, le Bulletin Officiel, le site académique… que des sites qui ne sont visités que par les personnels de l’Éducation Nationale en somme.
Vu que je fais les liens, je jette un œil aux sites sus-cités. Et là, paf!, un message d’erreur que je ne peux m’empêcher de partager ici avec vous :
Alors là, bien joué les gars ! C’est bien la peine d’avoir un site XHTML 1.0 valid (bel effort, soulignons-le) si c’est pour mettre à la porte tous les visiteurs qui possèdent un navigateur autre qu’Internet Explorer 8 ou Firefox 3.
Aujourd’hui, je vous parle du plugin Vkontakte.
Tout est parti de Mulve, une application Windows qui permettait de trouver des fichiers MP3 sur des serveurs aux quatre coins de la planète et de les télécharger directement.
Mulve a été tué quasi immédiatement par les ayant-droits (et est devenu un projet open-source).
Quelques jours plus tard, un plugin Rhythmbox reprend le concept : il s’agit de Vkontakte.
Tout d’abord, nous avons besoin de git-core :
sudo apt-get install git-coreCode language: JavaScript (javascript)
Il m’est arrivé plusieurs fois de ne pas pouvoir afficher une image en arrière-plan (background image) en CSS et cela tout simplement parce que le code CSS doit être écrit dans un certain ordre, notamment lorsque l’on utilise la syntaxe courte.
Alors voilà : imaginons que nous voulons créer une DIV ayant pour identifiant “banner”. Nous voulons que cette DIV affiche l’image background.png.
Il faut commencer par mettre l’URL de l’image entre guillements puis la position horizontale, ensuite la position verticale et enfin la répétition de l’image ou non.
Exemple en utilisant la propriété background (short-hand syntax) :
#banner {
background:url("background.png") center top no-repeat;
}
Code language: CSS (css)
Bon, c’est une astuce un peu érodée maintenant et je suis sûr que vous êtes plusieurs ici à la connaître mais je la rajoute quand même ici pour référence.
J’ai montré cela au responsable TICE de mon collège récemment et il n’en revenait pas : il est bel et bien possible de modifier n’importe quelle page web avec n’importe quel navigateur et tout cela directement en ligne, en utilisant une ligne de javascript.
Je me suis rendu compte en rédigeant mes articles sur l’installation du serveur dédié que le code bash, lorsqu’il était un peu long, n’allait pas à la ligne automatiquement.
Il était écrit d’une seule ligne dans son conteneur, forçant une barre de navigation horizontale bien disgracieuse… Heureusement, cela est maintenant une chose du passé.
Le code est affiché sur le site avec la balise pre, qui permet l’affichage d’un texte pré-formaté.
Or la particularité de cette balise est qu’elle désactive le retour à la ligne. Voici une astuce en CSS pour contre-carrer cet effet indésirable.
/* Forcer le retour à la ligne de la balise PRE - skyminds.net */
pre {
white-space: pre-wrap; /* CSS3 */
}Code language: CSS (css)Parce que les coders, hackers et 1337 people ont aussi des cheveux longs et gras à laver :
Voici un petit guide qui dévoile les étapes de la création et l’hébergement d’un site Internet. Ce guide est plutôt général et ne se veut pas exhaustif, c’est plus une suite d’étapes pour gagner du temps pour monter et mettre rapidement un site en ligne.
Sachez que la première chose à faire est définir vos besoins : le type de site que vous allez créer, le public visé, le langage de programmation ou la plateforme choisi, les fonctionnalités à mettre en œuvre, le nom du site et le nom de domaine, votre identité graphique (couleurs, logo)…
Tout doit commencer avec un papier et un crayon : couchez par écrit ce que souhaitez en termes de fonctionnalités et de design.
Faîtes un plan. Je vous promets que vous ne le regretterez pas, c’est du temps gagné pour la suite.
Je suis un inconditionnel du batch file. Mais oui, rappelez-vous, ces petits fichiers .bat qu’on écrivait sous DOS pour lancer nos jeux plus facilement. Ou alors sous Windows pour enchaîner des actions répétitives.
Et bien ces fichiers .bat, je les utilise quotidiennement tout simplement parce qu’ils facilitent la vie.
Aujourd’hui, je vous montre comment extraire la liste des noms de tous les fichiers présents dans un répertoire avec une seule petite ligne de DOS, avec la commande DIR suivie de quelques arguments.