Blog de François Becker

Aller au contenu | Aller au menu | Aller à la recherche

mercredi 30 septembre 2015

Compress a MP4 video using ffmpeg

This is the two-pass command, using a 2048k video bitrate:

ffmpeg -y -i <input>.mp4 -c:v libx264 -preset medium -b:v 2048k -pass 1 -c:a libfdk_aac -b:a 128k -f mp4 /dev/null && ffmpeg -i <input>.mp4 -c:v libx264 -preset medium -b:v 2048k -pass 2 -c:a libfdk_aac -b:a 128k <output>.mp4

lundi 11 août 2014

Node.js and Javascript for newbies like me

Node.js is very handy for prototyping, with its NPM packages allowing to create services using HTTP, websocket, TCP, UDP, Bonjour/Avahi service declaration or discovery, each of these in only tens of lines.

Here are some "must read" for newbies:

And "could read":

Streams to follow:

What can be done:

dimanche 5 janvier 2014

Nice personal websites

Some pretty personal websites.

http://www.nullpointer.co.uk

http://29a.ch

http://cedricvillani.org: minimalistic & clean

https://swiftcoder.wordpress.com

http://www.aladyinlondon.com

http://jenifferdake.net

jeudi 24 octobre 2013

De la startup

Quelques bonnes explications pour monter ou comprendre les startups.

jeudi 16 août 2012

HTML&CSS container of a maximized image

When developing a web gallery, it can be usefull to maximize the image to the screen, so that

  • the proportions are preserved
  • the whole image fits the screen.

Here is a method for that, in pure HTML & CSS.

<style>
#imagewell {
    position: absolute;
    top:0;left:0;bottom:0;right:0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
</style>
<div id="imagewell" style="background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Grosser_Panda.JPG/300px-Grosser_Panda.JPG');">
</div>

dimanche 24 juin 2012

L'audio en HTML5

Pour l'instant, une collection de liens en vrac concernant les formats audio supportés par les différents navigateurs.

Lire la suite...

Combien coûte un site web ?

Quelques pistes :

  • pour vérifier le coût d'une offre de création d'un site web ;
  • pour définir au mieux ses tarifs de création de sites web.

Lire la suite...

samedi 19 mai 2012

CSS Tricks

Here are some CSS tricks I use.

Reset the style:

* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { line-height: 100%; margin: 0.15em 0 0 0; }
li { line-height: 133%; }
p { margin: 0.5em 0; }

Always have a scrollbar, at right-hand side (otherwise centered colums "move" when switching between pages which do or don't overflow the screen):

html {
        overflow: scrollbars-vertical;
        overflow: -moz-scrollbars-vertical;
        overflow: -webkit-scrollbars-vertical;
        overflow-y: scroll;
}

Style the quote tag <q></q>:

q:before { content: "« "; color:grey; }
q:after { content: " »"; color:grey; }

See also other quotation mark glyphs.

Other nice CSS tricks:

Resources:

  • http://youmightnotneedjs.com/

This page will be updated with more tricks in the future.

samedi 11 février 2012

Liste quotidienne des créations de noms de domaines AFNIC

Je suis tombé par hasard sur la liste quotidienne des créations de noms de domaines en .fr, .pm, .re, .tf, .wf, et .yt. Il peut être intéressant de consulter cette liste de temps à autre pour avoir un aperçu des tendances en cette matière.

dimanche 23 octobre 2011

Ma boîte à outils pour le webdesign

A toutes fins utiles, voici des outils très pratiques pour les webmasters et les webdesigners :

Et quelques outils curieux/amusants :

mercredi 19 octobre 2011

Viadéo se tire une balle dans le pied

Grande surprise, Viadéo m'interdit d'ajouter des contacts tant que je ne suis pas passé au tiroir-caisse (contacts qu'il m'a lui-même suggéré). LinkedIn, leader du domaine, n'a pas cette restriction. Pourquoi donner une telle raison à ses utilisateurs de fuir vers ce dernier ?

Viadéo : ajouts de contacts payants.