Trop c’est trop!

Sache que vingt pour-cent des visiteurs de ce blog utilisent encore Internet Explorer, un prétendu navigateur dont le respect des différentes normes du Web laisse clairement à désirer.

comic_explorer_01

T’ayant déjà montré comment afficher une alerte aux visiteurs munis de cet outil, je vais aujourd’hui pousser le bouchon plus loin en leur pourrissant carrément la vie.

Comment? D’une manière horrible, effroyable, et dénuée de toute éthique : En leur infligeant la police de caractère « Comic Sans ».

Pour ce faire c’est relativement simple, il suffit de modifier dynamiquement la feuille de style selon le navigateur. Parti sur une solution Javascript au début, j’ai du rapidement faire demi-tour, cette technologie n’étant pas très bien supportée par Internet Explorer.

Quant à l’utilisation du commentaire conditionnel « [if IE] » en CSS, il n’est plus supporté depuis la version 10 d’Internet Explorer. Un comble.

Finalement, c’est une solution PHP qui a été adoptée par la majorité des voix, une seule pour être honnête.

Si tu as un blog qui tourne sous WordPress tu vas ouvrir le fichier « header.php », sinon tu te débrouilles pour trouver un équivalent, à savoir un fichier PHP chargé par chaque page affichée.

Juste avant la balise HTML « /head » tu incrustes ce bout de code.

1
2
3
4
5
6
7
8
<?php
    if (isset($_SERVER['HTTP_USER_AGENT']) && (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false))
    {
        echo '<style type="text/css">';
        echo 'body { font-family: Comic Sans, Comic Sans MS, cursive; }';
        echo '</style>';
    }
?>

Si ça ne fonctionne pas comme tu l’espères il te faudra aller fouiller dans le fichier CSS de ton site, et ajouter les balises qui utilisent l’ancienne police au « body » utilisé dans le code ci-dessus. Par exemple :

echo 'body, title h2, h3, comments, sidebar li { font-family: Comic Sans, Comic Sans MS, cursive; }';

Le résultat est superbe.

comic_explorer_02

Appliquer ce script sans aucun avertissement risque de susciter l’incompréhension et la colère, son utilité serait ainsi discutable. N’oublie donc pas d’utiliser le script « Web Croisade » précité en ajoutant par exemple le message « comme punition, ce site sera affiché avec la police de caractère Comic Sans » .

,    

La magie de l’informatique mobile révèle parfois des talents cachés totalement insoupçonnés. De nouvelles formes d’art apparaissent, propulsées par des outils qui permettent aux pires incapables de caresser le talent des grands maîtres de ce monde, et ce en quelques secondes seulement.

Posséder une voiture ne fait pas de toi un garagiste, alors que tout propriétaire d’un téléphone portable moderne peut être instantanément promu au rang de photographe professionnel.

Comment? En installant tout simplement Instagram.

instagram_logo_320

Cette application permet de partager rapidement des photos avec les personnes abonnées à ton compte, en appliquant au préalable un filtre dont l’unique but est de dégrader la qualité de l’image pour donner un effet vintage. Depuis son invention en 1839 la photographie n’a cessé d’évoluer, pour finalement atteindre le « point Instagram » en 2010, indiquant le début de son déclin.

,    

Posséder un téléphone sous Android possède un désavantage indéniable: hors du troupeau de iMoutons nous sommes toujours les derniers servis en terme d’applications. C’est notamment le cas pour l’application « Facebook » qui jusqu’à fin 2012 encore possédait probablement plus de bugs que Windows Millennium.

Aujourd’hui la version disponible est à peu près utilisable, elle rejoint même peu à peu son concurrent direct « FriendCaster ». Une butée reste cependant plantée dans cette remontée, empêchant l’application officielle d’obtenir son statut dominant.

Les publicités.

Vois par toi-même l’ampleur des dégâts.

facepub

Le téléphone utilisé est le Samsung Galaxy SIII, dont l’écran possède une résolution verticale de 1280 pixels. La publicité occupe 706 pixels, soit 55% de la taille de l’écran.

Encore pire, la zone utile (sous les boutons « Statut », « Photo » et « Lieux ») ne fait que 1026 pixels, la publicité écrase donc complètement le contenu avec 69% de cet espace.

Et tant qu’à pousser le culot, tu noteras que la publicité pour cette application boursière dont tout le monde se fout représente un iPad et un iPhone. Les publicitaires à l’intelligence indiscutable visent donc un public sous Android en vantant les mérites d’une application qui ne tourne que sur les produits Apple (du moins jusqu’à la prochaine vague de censure), très fort.

Bref, les solutions alternatives à l’application officielle Facebook ont encore de beaux jours devant elles, et c’est tant mieux.

   

La vie d’un blogueur est pleine d’obligations, il nous arrive ainsi parfois de devoir insérer dans nos articles des images de cul, violentes ou immorales. Cela présente le risque majeur de voir notre fidèle clientèle diminuer ses visites, du moment que celles-ci sont effectuées depuis le lieu de travail, aux yeux des collègues qui lorgnent vicieusement par dessus l’épaule.

Je vais aujourd’hui te montrer comment faire en sorte de masquer tes images les plus sensibles, avec possibilité pour le visiteur de faire apparaître l’original à ses risques et périls.

Et vu que rien ne vaut un bon exemple, voici une image de chaton censurée. Tu cliques dessus et tu saignes des yeux.

chaton_roux

Si tu veux essayer plusieurs fois il faut en revanche recharger la page, l’effet est volontairement à sens unique.

Cette transition est assurée en ajoutant simplement une classe « nsfw » aux images que tu désires masquer, un script jQuery va ensuite s’occuper de les parcourir, remplaçant pour chacune d’entre-elle l’image par une autre de ton choix. Dès que ton visiteur cliquera sur une de ces images alors toutes celles censurées apparaîtront.

Voici un exemple de code HTML permettant ce remplacement, tu constateras que cette image de chaton possède plusieurs classes, dont la fameuse « nsfw » qui permet ladite censure.

1
<img src="chaton_mort.jpg" class="noborder fullwidth nsfw" />

Bien entendu, pour que cela fonctionne il te faut ajouter un petit bout de code entre les balises « head » et « /head » de ta page HTML. Si tu utilises un blog sous WordPress tu devras aller faire cet ajout dans le fichier « header.php » qui se trouve dans le répertoire de ton thème.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script language="javascript" type="text/javascript">

// Script de censure NSFW par memepasmal.ch
// Version 1.0 (29.12.2012)
// http://www.memepasmal.ch/2012/12/29/nsfw/

// Dès que la page est chargée
$(document).ready(function() {

    // Boucler sur toutes les images avec la classe "nsfw"
    $("img.nsfw").each(function()  {

        // Memorisation de l'attribut "src" original
        $(this).attr("original-src", $(this).attr("src"));
       
        // Remplacement de l'image par le "NSFW"
        $(this).attr("src", "chemin/vers/ton/image/de/remplacement.jpg");

        // En cas de clic sur l'image
        $(this).click(function() {

            // Boucler sur toutes les images avec la classe "nsfw"
            $("img.nsfw").each(function()  {
       
                // Remise en place de l'attribut "src" mémorisé
                $(this).attr("src", $(this).attr("original-src"));
           
            });
           
        });

    });

});

</script>

Ce code est écrit en jQuery, tu devras donc intégrer la librairie adéquate (si ce n’est déjà fait) en la téléchargeant sur le site officiel, puis en l’insérant juste avant.

1
<script src="chemin/vers/le/script/jquery.min.js"></script>

Tu peux même utiliser mon image de remplacement, gracieusement mise à ta disposition, tu fais juste un clic droit puis tu choisis « Enregistrer l’image sous… ».

nsfw

, , ,    

La révolte des machines a commencé.

Le film dans son intégralité est disponible en DVD et Bluray, la version longue dure quatre heures avec des bonus inédits et une fin alternative (la destruction de ce distributeur pourri à grands coups de clé à molette).

, ,    

Notre société moderne compte un nombre impressionnant de choses inutiles, partant de ce principe je suis aujourd’hui très heureux de t’annoncer la création de la page officielle Facebook « Même Pas Mal ».

Pour y aller tu cliques sur le gros logo bleu, t’as même le droit de dire que tu aimes.

Sur cette page seront publiées les mises à jour du blog, ainsi que les diverses conneries amusantes qui auront eu le malheur de traverser le champ de vision de ton serviteur.

   

Se payer un nom de domaine et un hébergement mutualisé est un luxe que certains blogueurs se permettent parfois. Un espace de stockage en ligne est loué chez un fournisseur, avec dans de rares cas une limitation de la quantité de données transférées.

Dans cette situation, il est fortement conseillé de se protéger du hotlinking.

Du hotlinkoi?

Tiens, demande à Wikipedia.

Le direct linking ou hotlinking consiste à utiliser l’adresse d’un fichier publié sur un site web, le plus souvent une image, pour l’afficher sur un autre site, sur un blog, dans un forum, etc. En d’autres termes, au lieu d’enregistrer l’image et de l’installer sur son propre serveur Web, le hotlinkeur crée un lien direct vers le serveur d’origine.

En pratique, imagine que tu possèdes un des meilleurs blogs du monde situé à l’adresse « www.memepasmal.ch » et qu’à la racine tu y as stocké une vidéo appelée « rickroll.ogv ».

Il te suffit donc d’intégrer ce code HTML5 pour afficher la vidéo.

1
2
3
<video width="640" height="480">
<source src="http://www.memepasmal.ch/rickroll.ogv" type="video/ogg" />
</video>

Figure-toi que toute personne qui récupère ce bout de code sera en mesure d’afficher cette vidéo sur son site, alors que le fichier sera physiquement stocké chez ton hébergeur. Chaque visualisation se fera donc à tes frais.

Il existe différents moyens pour bloquer ce genre de vol de bande passante, la plus courante étant de modifier le fichier « .htaccess » situé à la racine de ton site, à la condition que celui-ci utilise un vrai serveur web digne de ce nom (dédicace spéciale à IIS).

Avec le recul et l’expérience, bloquer les images amène plus de problème que ça n’en résout, notamment au niveau des flux RSS qui se retrouvent bourrés d’erreurs. De plus, si tu utilises ton espace de stockage dans un autre but que ton simple site web (comme par exemple avec « ownCloud »), tu risques de te retrouver face à une série de dysfonctionnements gênants.

Ceci étant dit, je vais aujourd’hui te montrer comment bloquer le hotlinking sur les gros fichiers audios et vidéos, ceux qui finalement consomment le plus de bande passante.

Pour ce faire, tu te connectes à ton site via ton outil FTP favori, puis tu ouvres le fichier « .htaccess » avec un éditeur de texte quelconque. Ce fichier est à la racine de ton arborescence.

À la fin du fichier, tu ajoutes les quelques lignes suivantes.

1
2
3
4
5
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://([a-z0-9]+\.)?memepasmal\.ch [NC]
RewriteCond %{HTTP_REFERER} !^http://([a-z0-9]+\.)?memepasmal\.net [NC]
RewriteRule \.(ogg|mp3|mp4|ogv|webm|flv|pdf)$ - [NC,F]

Ligne une, on active le module de réécriture d’URL.

Ligne deux, on accepte les référents vides, les flux RSS ont parfois un référent vide. Le référent étant le nom du site qui cherche à accéder au fichier.

Ligne trois, on autorise le site web « memepasmal.ch », à toi de changer cette valeur avec ton propre domaine. Par exemple si ton domaine est « justinebibeure.com » tu remplaces « memepasmal » par « justinebibeure » et « ch » par « com ».

Techniquement, en programmation le « ! » signifie « not », on indique donc que la règle de réécriture ne concerne pas le domaine identifié par l’expression régulière qui suit. Le « NC » signifie « No Case », en d’autres termes on s’en fout des majuscules et minuscules.

La ligne quatre est utilisée si ton domaine possède deux extensions (dans mon cas « .ch » et « .net »), si ce n’est pas ton cas tu peux la virer en entier.

Ligne cinq, on spécifie les extensions bloquées, dans ce cas toutes les vidéos (OGV, WEBM, FLV, MP4), les fichiers audios (OGG, MP3) et les PDF. Les fichiers portants ces extensions renverront vers une erreur « 403 Forbidden » en cas de hotlinking.

Tu sauves ton fichier, tu le renvoies sur ton site.

Et si plus rien ne marche, tu dégages ces lignes et tu vas te coucher un moment pour méditer sur le sens de la vie.

, , ,    

Personne ne contestera le fait qu’il est plus facile pour nous autres francophones de lire les romans dans notre langue natale. Cependant, des problèmes de compréhension peuvent survenir lorsque l’on regarde les films ou séries télévisées dérivées de ces romans, les traducteurs ayant la fâcheuse manie de renommer les lieux et les personnages.

Prenons l’exemple de la cité de « King’s Landing » dans le roman « A Song of Ice and Fire » (roman dont est tiré la série « Game of Thrones »). En Français cette ville porte le nom de « Port Réal », ce qui peut sembler logique car les mots « king » et « landing » font partie d’une langue qui n’est pas censée exister dans l’univers narratif.

D’un point de vue immersif ça se tient, pour nous autres qui aimons lire les romans et regarder la série cela ne fait que nous troubler.

Comme tu le sais peut-être, je suis donc en train de développer un programme dont le but est de rendre leurs noms originaux aux romans numérisés. Si tu veux donc profiter de cette technologie il te faudra une liseuse (alias « ebook ») et un ordinateur qui tourne sous Windows.

Le fonctionnement du programme est basique, tu indiques ton fichier « .epub » et le programme va aller remplacer tous les mots francisés qu’il connait par leurs équivalents originaux.

Tout développeur est un jour confronté aux choix difficile du nom qu’il donnera à son application. Ainsi, après un sondage sur Twitter je te soumets les finalistes afin que tu puisses exprimer ton avis.

Tu as droit à deux réponses, quelle bonté non?

Le futur nom du détraducteur


  • BackTrad (suggéré par @EricButticaz) (35%, 22 Votes)
  • Détraducteur (35%, 22 Votes)
  • Back2real (suggéré par @rmdolhen) (26%, 16 Votes)
  • Untranslator (suggéré par @cy2be) (24%, 15 Votes)
  • Transbooklator (suggéré par @KokaKiwi) (11%, 7 Votes)
  • Detraductebook (6%, 4 Votes)
  • Sedbook (suggéré par @burninghat) (5%, 3 Votes)
  • Demelbook (suggéré par @Patchidem) (2%, 1 Votes)

Total des votants : 62

Loading ... Loading ...

Essaie de ne voter qu’une seule fois, il n’y a rien à gagner.

N’hésite pas à utiliser les commentaires pour justifier ton choix, proposer d’autres noms ou juste raconter une blague débile.

   

Le langage de programmation Java est de nos jours fortement utilisé dans de nombreux périphériques fixes ou mobiles. C’est un langage dit « objet » (je t’expliquerai peut-être un jour) qui a grandement évolué depuis sa création en 1995, pour être finalement racheté en 2009 par Oracle, qui depuis lors ne cesse d’intenter des procès à toutes les entreprises qui l’intègrent.

De là à dire qu’ils n’ont racheté Java que dans ce but, il n’y a qu’un pas à franchir.

Sur le site officiel on peut lire un pamphlet promotionnel qui te bourre le crâne de chiffres statistiques.

Java équipe plus de 4,5 milliards de périphériques, notamment :

- plus de 800 millions de PC
- 2,1 milliards de téléphones portables et autres périphériques de poche (source : Ovum)
- 3,5 milliards de cartes à puce
- Des décodeurs, des imprimantes, des webcams, des jeux, des systèmes de navigation automobile, des terminaux de loterie, des appareils médicaux, des bornes de paiement de parking, etc.

Parmi les deux milliards de téléphones portables précités, une bonne partie tourne sous Android, le système mobile de Google.

Le fait incroyable étant qu’Oracle a justement déposé une plainte contre Google, leur réclamant la bagatelle de 2,6 milliards de dollars de dédommagements pour violation de brevet quant à l’utilisation de Java par Android.

En d’autres mots, Oracle met en avant l’utilisation massive de son produit, tout en portant plainte contre ceux qui l’utilisent.

Et ils n’ont visiblement pas honte de cette situation, en témoigne leur publicité qui se poursuit même sur les écrans d’installation.

Les mauvaises langues diront que si Oracle passait plus de temps à améliorer ses logiciels plutôt qu’à intenter des procès contre tout le monde, leur base de données ne serait probablement pas autant à la traîne derrière les autres.

Oups, je l’ai dit.

Source : java.com

, , ,    

Fanatiques des nouvelles technologies ou simple utilisateur, tu n’es surement pas passé à côté du terme « cloud » qui regroupe la centralisation en ligne des différents services qui tournent actuellement sur ton vieil ordinateur.

Côté stockage en ligne, un grand nombre de prestataires se disputent la part du gâteau. On peut nommer en vrac Dropbox, Sugarsync, Box, et plus récemment Google Drive.

Les prix proposés étant extrêmement bas par rapport au marché, un certain nombre d’adeptes ont opté pour cette solution.

Le problème avec ce genre de répertoire en ligne, c’est qu’il est par défaut dupliqué dans ton profil Windows, sur le disque « C » en général dont la capacité est déjà mise à rude épreuve par la taille du système d’exploitation ainsi que par les programmes qui y sont installés.

Je vais aujourd’hui te montrer comment modifier l’emplacement local de tes fichiers Google Drive, pour éventuellement les localiser sur un autre disque dur.

Il est important de noter que durant cette étape, une synchronisation complète de tes fichiers aura lieu. En d’autres termes, si tu as une énorme quantité de fichiers sur ton Google Drive alors tu devras tous les importer à nouveau depuis le Net. Normalement tu ne perds rien. Normalement.

Premièrement, tu cliques droit sur l’icône de Google Drive dans ta barre des tâches, puis tu choisis « Preferences » .

Sur la fenêtre qui va s’ouvrir, tu cliques sur le bouton « Disconnect account » .

Puis tu valides en cliquant sur « Yes. »

Tu vas maintenant aller sur ton disque dur pour y créer un répertoire à l’emplacement de ton choix, logiquement il faudrait opter pour un disque qui contient plus de place que ta limite de stockage en ligne.

Fais attention, ce répertoire doit être vide, ne t’amuse pas à y placer des fichiers! S’il contient quelque chose au moment de la synchronisation alors il peut t’arriver certains désagréments fâcheux comme la perte de fichiers, la perte de fichiers, la perte de fichiers ou même la perte de fichiers. Te voilà prévenu.

Tu fais maintenant à nouveau un clic droit sur l’icône Google Drive puis tu choisis « Sign In » . Tu t’authentifies, une fenêtre va ensuite s’ouvrir.

Tu cliques sur « Next » .

Une fois ici tu cliques sur « Advanced Setup » , une fenêtre va s’ouvrir. Ici tu peux voir l’emplacement local des fichiers de ton stockage en ligne à droite du libellé « Folder location » .

Tu cliques donc sur « Change » puis tu choisi le répertoire vide que tu as créé tout à l’heure.

Tu cliques finalement sur « Start sync » et tu attends plusieurs années que tout se synchronise.

, ,    
2 sur 17123...10...Dernier »