Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

October, 2016

three.js - Javascript 3D library

Une librairie qui facilite le WebGL.

ShareDrop

Envoi de fichiers facile en P2P. On peut aussi l'héberger soit-même : https://github.com/cowbell/sharedrop

Alternative Text and Images

Comment utiliser l'attribut "alt" d'une image en HTML selon la nature de l'image.

jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements.

Un plugin jQuery pour inclure un masque dans un champ texte.

Open relative Command Prompt or Explorer windows quickly - gHacks Tech News

Merci pour l'astuce je ne connaissais pas.
Sinon vous avez le SHIFT+Clic droit sur le fond de l'explorateur de fichier qui vous propose "Open command prompt here".

Seedbox : installer le client torrent Transmission sous Debian et Ubuntu | Angristan

Un tuto très complet pour installer une seedbox sur un VPS Debian ou Ubuntu.

Heydon/fukol-grids

Un système de grid CSS ultra-simple qui utilise la puissance de flexbox. Et aussi un logo avec des zizis.

environment variables - Wrong java -version being reported - Super User

La commande pour savoir quel java.exe s'exécute depuis la console est :

for %I in (java.exe) do @echo %~$PATH:I

C'est bien pratique parce que c'est vite le bordel quand on a plusieurs versions en parallèle. Dans mon cas, il se trouve qu'il y avait un java.exe dans C:\Windows\System32 et comme il était plus tôt dans le PATH, c'est lui qui s'exécutait en priorité.

Snippet #27 ~ Javascript : copier dans le presse papier sans flash (et fonctionne sur ie) | IdleBlog

Un petit snippet Javascript tout à fait intéressant pour copier du contenu dans le presse-papier de l'utilisateur.

Je me le copie ici :

$.fn.extend({    
    copy : function (text) {
        return $(this).click(function () {
            var container = $('<span style="position:absolute;top:-1000px;">' + text + '</span>');
            $('body').append(container);
            var range = document.createRange();
            var selection = window.getSelection();
            selection.removeAllRanges();
            range.selectNodeContents(container.get(0));
            selection.addRange(range);
            document.execCommand('copy');
            selection.removeAllRanges();
            container.remove();
        });
    }
});

// Ensuite, ça s'utilise avec :
$('#monBouton').copy("IdleBlog is op!!");
cmder | Console Emulator

Un émulateur de terminal pour Windows. Je l'utilise depuis peu et il est plutôt bien pensé et nettement plus agréable que le terminal par défaut.
Et en plus il est portable !

Voici comment l'ajouter au menu contextuel pour l'ouvrir dans le répertoire courant : https://gist.github.com/jojobyte/66c8346ed8948b9b395f

Pour systématiquement ouvrir un nouvel onglet à la place d'une nouvelle fenêtre, il suffit d'ajouter le paramètre /single lors de l'appel à Cmder.exe.

Activer le menu contextuel

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\Background\shell\Cmder]
@="Open Cmder Here"
"Icon"="C:\\tools\\cmder\\Cmder.exe,0"

[HKEY_CLASSES_ROOT\Directory\Background\shell\Cmder\command]
@="\"C:\\tools\\cmder\\Cmder.exe\" \"/single\" \"%V\""

[HKEY_CLASSES_ROOT\Directory\shell\Cmder]
@="Open Cmder Here"
"Icon"="C:\\tools\\cmder\\Cmder.exe,0"

[HKEY_CLASSES_ROOT\Directory\shell\Cmder\command]
@="\"C:\\tools\\cmder\\Cmder.exe\" \"%1\""

Désactiver le menu contextuel

Windows Registry Editor Version 5.00

[-HKEY_CLASSES_ROOT\Directory\Background\shell\Cmder]
[-HKEY_CLASSES_ROOT\Directory\shell\Cmder]

Ouvrir dans le projet courant depuis Sublime Text
Installer le package Terminal avec la config suivante:

{
    // Replace with your own path to cmder.exe
    "terminal": "C:\\tools\\cmder\\Cmder.exe",
    "parameters": ["/START", "%CWD%", "/single"]
}
Enpass: Portable password manager for Mac, Windows PC, Linux. | Enpass

La version portable d'un gestionnaire de mots de passe.

Yarn: A new package manager for JavaScript | Engineering Blog | Facebook Code | Facebook

Un nouveau gestionnaire de dépendances Javascript développé par Facebook. Il se substitue à NPM dont il corrige pas mal de points problématiques pour les projets de grande ampleur.

A tester. Le repo Github est ici : https://github.com/yarnpkg/yarn

Space in Design Systems – EightShapes LLC – Medium

Un article très intéressant à propos de la gestion de l'espace lors du design d'une page web. On y pense malheureusement souvent assez peu mais ça peut avoir un impact capital sur la lisibilité et sur le ressenti de l'utilisateur.

How to Design Effective Registration Forms - Usersnap Blog

D'autres bonnes pratiques pour les formulaires d'inscription.

Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-7-octobre-2016/

Adblock Radio

Ecouter la radio sans pub. Il me faut tellement ça dans ma voiture.

ANFR-L'observatoire en carte

Encore une carte qui indique l'emplacement des différentes antennes des opérateurs mobiles.

dempfi/ayu: Modern Sublime Text 3 and 2 theme

Un thème Sublime Text qui a l'air tout à fait prometteur. Dispo en sombre et en clair.

Hardening ssh Servers

Améliorer la sécurité de l'accès SSH à un serveur.

Récupérer la liste de tous les logiciels installés - Windows 7
Get-WmiObject -Class Win32_Product | Select-Object -Property Name
Draw a symbol - Mausr

Dessinez un symbole et le site vous le retrouve. Pratique quand on ne connait pas le code ALT d'un caractère et qu'on a la flemme de passer par la charmap.

Via http://korben.info/quel-est-ce-symbole.html

Webdesign à base de dégradés de couleurs en CSS - Tutoriels | Creative Juiz

Comment utiliser les dégradés CSS modernes.