MacOS : résoudre le problème d'encodage Unicode des accents sous WordPress (ou autre CMS)

MacOS : résoudre le problème d'encodage Unicode des accents photo

Des espaces après chaque caractère accentué Pour le site du Kriya Yoga France, on me transmet régulièrement des fichiers PDF que je dois transformer en articles. Je fais donc la plupart du temps un copié-collé et ensuite je m'attèle à la mise en page dans l'éditeur WordPress. Le hic, c'est que depuis l'année dernière, je travaille sous MacOS pour tout ce qui est développement web. J'ouvre donc chaque PDF avec Preview - la visionneuse PDF installée par défaut - mais […]

Lire la suite »

Séries TV: la scène délaisse le conteneur MP4 et passe au MKV

Séries TV: la scène délaisse le conteneur MP4 et passe au MKV photo

Quatre ans après le passage du codec XviD au codec x264, voici que la "scene" change de nouveau les règles du jeu : les fichiers SD et HD seront maintenant en .MKV (Matroska) et non plus en .MP4 pour les séries TV. Depuis le 10 avril 2016, les nouvelles règles sont entrées en vigueur : si le codec x264 est bien gardé, le conteneur va lui changer - finis les fichiers portant l'extension MP4, ce seront maintenant des fichiers MKV […]

Lire la suite »

Bash : convertir une liste de fichiers MP3 en Ogg Vorbis (et vice-versa)

Bash : réparer les tables MySQL en cas de crash photo

Pour les besoins du Centre de Kriya Yoga France, j'ai été amené à devoir convertir toute une floppée de fichiers MP3 au format Ogg Vorbis afin qu'il soient lus nativement en HTML5 dans les navigateurs compatibles avec la balise audio. J'ai utilisé la commande avconv dans un terminal. Convertir des MP3 en Ogg Vorbis Voici le script que j'ai écrit pour me simplifier la vie et convertir ma liste de MP3 au format Ogg Vorbis: for i in *.mp3; do […]

Lire la suite »

WordPress : afficher les accents dans des blocs texte colorisés par Crayon Syntax Highlighter

WordPress : afficher les accents dans des blocs texte colorisés par Crayon Syntax Highlighter photo

Jusqu'à très récemment, il m'était tout à fait possible d'avoir des caractères accentués dans des blocs de texte sous WordPress en utilisant le plugin Crayon Syntax Highlighter pour coloriser le code. Or depuis quelques temps tous les blocs en lang="text" ne permettent plus d'afficher les accents : je me retrouve avec des mots tronqués comme si le texte n'était pas encodé en UTF-8. Problème : des caractères non-Unicode Voici ce que donne la phrase "j'ai mangé une tarte à la […]

Lire la suite »

Nouveautés du site : hiver 2013 - printemps 2014

Voici une petite liste des derniers ajouts, modifications et améliorations du site ces derniers mois : [*] PHP : déplacement de mes bouts de code du fichier functions.php pour les organiser dans un fichier-plugin. [*] HTML : ajout des meta Dublin Core sur la page d'accueil, passage des balises H2 en H1 pour les titres des articles, correction du code HTML5 parce que le validateur W3C a changé ses recommandations. [*] CSS : nettoyage du code CSS. J'ai remplacé les […]

Lire la suite »

Nouveautés du site : été-automne 2013

Voici les quelques mises à jour du serveur et du site depuis quelques mois : [+] Serveur : mise à jour du noyau Debian : passage du noyau 2.6.38.2 au noyau 3.8.13. Cela m'aura permis de rebooter le serveur après 260 jours d'uptime... cela fait toujours de la peine de rebooter un serveur qui tourne bien pour appliquer une mise à jour! [+] Serveur : Activation de X11 forwarding pour SSH. [+] Serveur : optimiser toutes les images JPG et […]

Lire la suite »

Linux: convertir une video MPEG4 (mp4) au format Webm

Linux: convertir une video MPEG4 (mp4) au format Webm photo

Aujourd'hui, si veut publier une vidéo sur Internet qui soit lisible sur quasiment toutes les plateformes nativement, il peut être très intéressant d'utiliser le format WebM (proposé pour HTML5). WebM est un format multimédia ouvert basé sur un conteneur dérivé de Matroska, qui regroupe des flux vidéos encodés en VP8 et des flux audios encodés en Vorbis1. Ce format fait partie des formats vidéos proposés pour la balise video de HTML5. Après avoir encodé nos vidéos H.264 (MP4) avec qt-faststart […]

Lire la suite »

Encoder une vidéo H.264 : utiliser qt-faststart pour la lecture progressive

h264-logo

Dernièrement, j'ai eu l'occasion de jouer avec l'intégration d'un lecteur vidéo en HTML5 pour jouer des vidéos encodées en H.264 (format .MP4) pour un client. Il se trouve qu'aucune vidéo ne se lançait directement : le lecteur chargeait le fichier entièrement (plus de 60 Mo) avant de daigner jouer la vidéo. La solution est toute simple : de la même manière que l'on peut créer un fichier JPG progressif (qui se charge de haut en bas, sans attendre le chargement […]

Lire la suite »

Nouveautés du site : printemps 2013

Voici les derniers ajouts au site depuis le début de l'année: [+] vous pouvez désormais poster des vidéos en commentaire juste en donnant le lien texte de la vidéo (merci Anne-Gaëlle pour la sugggestion). [+] le javascript est désormais chargé de manière asynchrone grâce à la librairie head.js. En pratique, la page (HTML, CSS, images) se charge et l'utilisateur peut interagir avec immédiatement, le code javascript est lui chargé après. Cela règle le problème que j'avais évoqué en novembre 2012. […]

Lire la suite »

PageSpeed à 99%

pagespeed-99-201301

Ah, ce moment magique durant lequel tu constates que ta note PageSpeed monte à 99%, via GTmetrix : C'est beau, sachant qu'au niveau CSS, c'est la barre WordPress du haut qui génère l'overhead. Prochaine étape : mettre les fichiers statiques sur un sous-domaine cookieless.

Lire la suite »

Séries TV: la scène plébiscite le x264 au détriment du XviD

x264

Il y a quelques semaines, la "scene" s'est réunie pour discuter des standards des releases et a décidé d'abandonner le format XviD (.avi) au profit du format x264 (.mp4) pour les releases en SD (Simple Definition). Analyse de la situation. Pourquoi ce changement ? La raison invoquée dans le document intitulé The SD x264 TV Releasing Standards 2012 est que "le x264 est devenu le codec vidéo le plus avancé de ces dernières années, capable de fournir une meilleure qualité […]

Lire la suite »

Pin It on Pinterest

Spelling error report

The following text will be sent to our editors: