Créer un scroll infini en jQuery

L’infinite scroll, pour ceux d’entre vous qui ne savent pas de quoi il s’agit, c’est ce système qui charge automatiquement de nouveaux éléments au bas de votre page lorsque vous « scrollez » – c’est à dire allez en bas de la page avec la molette de votre souris. Ce système remplace habilement les boutons « suivants », « précédents » ainsi que les numéros de pages sur de nombreux sites, à l’instar de Facebook ou Twitter, qui l’utilisent dans leurs timelines respectives. On va donc voir comment programmer notre propre système de scroll infini sans avoir recours à aucun plug-in !

(suite…)

HTML coder pour l’e-mailing

L’emailing est un sujet assez vaste. Je l’avais déjà abordé au travers d’un article plutôt axé marketing, qui traitait des meilleurs jours et plages horaires pour l’envoi de mailing. Dans un autre article, toujours orienté webmarketing, j’avais expliqué les différentes notions à bien appréhender pour construire une landing page efficace.

Ce post-ci sera un peu plus technique. En effet, on va passer en revue les bonnes pratiques à mettre en oeuvre pour créer un template HTML dédié à l’envoi par mail. Qu’il s’agisse donc d’un emailing de prospection, d’une newsletter ou encore d’une notification automatique d’un site internet (confirmation d’inscription, confirmation de commande etc.) si vous désirez envoyer autre chose que du texte brut, il va falloir adapter vos pratiques au media email. Sans quoi vos destinataires ne recevront rien d’autre qu’une bouillie de mise en page, s’ils reçoivent quelque chose tout court d’ailleurs. Allez, c’est parti !

(suite…)

101 commandes indispensables sous linux

Voici un article qui sera complété au fur et à mesure de mes découvertes. Il condense un peu plus d’une centaine de commandes qu’il est utile de connaitre sous linux, que ce soit sur un desktop/laptop ou un serveur, gardez-les sous la main, elles vous seront toujours utiles ! Gardez bien à l’esprit que ce post ne peut en aucune façon se substituer au fameux « man », c’est plutôt un cookbook des commandes qui reviennent le plus.

(suite…)

IP fixe Ubuntu 12.04 LTS

Sur un serveur linux, on a en général tout intérêt à désactiver la résolution d’adresse DHCP afin de pouvoir garder toujours la même adresse ip. Ça permet de pouvoir « retrouver » notre serveur pour aller y chercher les mails, naviguer sur le serveur apache, ou tout simplement savoir à quelle adresse le joindre en SSH. Bon il existe des solutions pour palier à ces problèmes avec une ip dynamique, mais là n’est pas la question.

(suite…)

Les petits secrets de MAMP

MAMP est un outil super pour développer web sur mac. Cependant, dans sa dernière version (Version 2.0.5), il a tendance à jouer un peu le rebelle. Bien souvent par exemple, le serveur MySQL ne veut pas se lancer. Ou encore, par défaut, il refuse de nous afficher les erreurs PHP. Voici en quelques lignes, comment faire rentrer la bébête dans le droit chemin.

(suite…)

Le test HTML5

Le HTML est un terme qui regroupe de nombreuses fonctionnalités. Les balises HTML5 évidemment, mais aussi les nouvelles API du DOM et aussi pour certains les nouvelles moutures du JS, a.k.a ECMAScript.

La première version de ce micro article (2012) parlait du WebGL, de microdonnées, du dragNdrop. Mais bien d’autres choses ont fait leur apparition depuis: le WebGL2, la push api, les web workers etc.

Pour tout développeur soucieux de l’avancement des technos front et de l’état des navigateurs, trois ressources permettent de savoir si vous pouvez utiliser telle ou telle techno en prod ou non :

  • le très connu Can I Use qui permet d’afficher le support d’une api précise,
  • HTML5test qui donne une note à votre navigateur et présente les différentes technos supportées (ou non) et fourni les liens vers la doc W3C, Whatwg ou MDN,
  • enfin le test ECMAScript qui présente une synthèse de l’implémentation des différentes versions de JavaScript par les principales plateformes.

Bon dev !

Maitriser MySQL en CLI

Vous n’êtes pas sans savoir que derrière chaque site web se cache une base de données. Si vous développez des sites ou applis web, que ce soit en php, ruby ou python, vous devriez savoir maitriser MySQL en ligne de commande. À la question, « à quoi ça sert ? », je répondrai que phpMyAdmin n’est pas forcement installé sur le serveur que l’on doit administrer, et dans ce cas, il va falloir gouter à l’interface en ligne de commande. En outre, les commandes CLI sont les mêmes que celles que vous mettez dans vos codes php, python ou autre, alors les apprendre ne peut que vous être utile !

(suite…)

php et la vidéo avec ffmpeg-php

FFMPEG php, à l’instar de FFMPEG, est le genre d’outil qu’on ne se lasse jamais de présenter. FFMPEG PHP offre des classes permettant de « discuter » en php avec FFMPEG. On peut donc récupérer toutes sortes d’info sur des vidéos, en extraire des images etc. En revanche, il n’est pas possible d’encoder directement d’un format à un autre avec FFMPEG PHP. Pour cela, il faudra passer par FFMPEG tout court.

(suite…)

Lumière sur les fetch modes de PDO

Si vous utilisez PDO, pour récupérer vos données après un select, vous faites peut-être tout simplement :

$pdo = new PDO('mysql:host=host;dbname=DBNAME', 'user', 'pass');
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );

while($mesDonnees = $maRequete->fetch()) {
  echo $mesDonnees['machin'];
}

// ou 

$mesDonnees = $maRequete->fetchAll()

foreach ($mesDonnes as $element) {
  echo $element['machin'];
}

Vous utilisez donc probablement la méthode de récupération par défaut, FETCH_BOTH. Sachez qu’il existe des tonnes d’autres méthodes pour récupérer ses données. À la fois plus efficacement et peut-être de manière plus adaptée à vos scripts que la méthode par défaut. Tout ceci est bien entendu disponible sur la doc officielle php. Mais si c’est un article clair et qui parle le langage de l’homme que vous cherchez, alors j’ai trouvé une petite série qui se chargera de rendre tout ceci limpide dans votre cerveau !

Bonne lecture.

Réaliser des merveilles avec CURL

CURL est un outil merveilleux ! Je m’en étais servi notamment pour le mini web crawler qui ramène les adresses emails d’un site. Mais il permet bien d’autres choses ! Que diriez-vous de créer une fonction qui vérifie automatiquement si un site est en ligne ? Ou d’afficher automatiquement sur un site votre dernier statut twitter ?

Toutes ces chose se font en quelques lignes avec CURL. Et voici un article qui en recense une petite dizaine [en].