Buzeo, streaming entre amis

Aujourd’hui, c’est un article un peu particulier que je publie. Il ne s’agit pas de technique pour une fois, mais d’actualité, de mon actualité. Je vais en effet présenter un service web que j’ai créé. 100% made in France les amis, et 100% hosted in France aussi pour les malades du Patriot Act, soyez donc rassurés !

(suite…)

Insight sur les filtres CSS3

Exposons un cas concret : vous avez un site dynamique, et vous avez besoin de deux versions de la même image, l’originale, et une version floutée, plus sombre… que vous appliquerez par exemple au survol de la souris. Premièrement, ceci est une affaire de client-side ! Et celà a de multiples avantages :

  • Si les images sont ajoutées dynamiquement, on évite un traitement supplémentaire gourmand en ressource (flou, sépia…)
  • On évite de prendre plus de place sur le disque dur avec deux images alors qu’une seule peut suffire
  • On évite aussi la consommation de plus de bande passante et un temps de chargement supplémentaire pour le client

Enfin, vous comprenez qu’il n’y a que des avantages à déporter le traitement des images côté client. On pense évidemment à JavaScript pour faire ce boulot. Oui… pourquoi pas… Mais sachez que les filtres de CSS permettent d’en faire autant, le tout dans une extrême simplicité. Pour vous mettre l’eau à la bouche, voici les effets qu’il est possible d’appliquer :

  • flou,
  • luminosité,
  • saturation,
  • contraste,
  • teinte,
  • inversion,
  • nuances de gris,
  • sépia

Ça ouvre quand même pas mal de possibilités ! Pour en savoir plus, je vous invites à aller jetez un œil à la traduction de l’article de Johnny Simpson sur Développez.com.

Installer et paramétrer Fail2Ban

Fail2Ban, en deux mots, c’est un petit utilitaire qui permet de configurer le parefeu iptables de Linux à la volée. Vous lui donnez une liste de règles, lesquelles lui permettent de détecter si quelqu’un tente de bruteforcer votre SSH, de vous faire un DoS sur Apache etc, et à la volée, Fail2Ban prend les mesures qui s’imposent pour vous prémunir de ces attaques. Plutôt pratique !

(suite…)

Connexion SSH automatique

Vous en avez peut-être marre de sans arrêt devoir taper un mot de passe pour vous connecter à vos serveurs en ssh. Pire, ça vous inquiète de devoir passer en clair un mot de passe dans un script qui à besoin d’une connexion ssh.

Mais saviez-vous les amis qu’il est tout à fait possible de se passer de ce mot de passe ? Il suffit pour cela de configurer une reconnaissance du client par clef ssh. C’est à dire que la machine à partir de laquelle vous vous connectez publie une clef (sa signature), laquelle sera enregistrée sur le serveur ssh.

Par la suite, le serveur ssh saura reconnaitre ce client. Ainsi, si la signature est identique, il ne demandera plus aucun mot de passe. Et tout ceci s’effectue en à peine quelques minutes !

(suite…)

Supprimer les révisions pour alléger la BDD de WordPress

Les bases de données de wordpress ont l’étonnante faculté de gonfler assez rapidement. Cela est dû notamment au fait que wordpress enregistre le différentes versions de vos articles. Vous pouvez le constater en scrollant en bas de la page d’édition d’un de vos articles, dans la section révisions.

(suite…)

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.

Le scroll infini remplace habilement les boutons « suivants », « précédents » ainsi que les numéros de pages sur de nombreux sites. Facebook et Twitter 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…)

Les petits secrets de MAMP

MAMP est un outil super pour développeur web sur mac. Cependant, il a parfois 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 !