xdiskusage

Cet utilitaire permet de savoir rapidement quels sont les dossiers / fichiers sur votre volume qui prennent le plus de place. Il vous affiche la liste des volumes avec en vis à vis l’espace disque alloué et le pourcentage utilisé.

Pour savoir ensuite ce qui prend de la place sur le volume, il suffit d’un simple clic sur le volume souhaité pour qu’il affiche une nouvelle boîte de dialogue vous donnant un aperçu graphique de l’arborescence occupant le plus d’espace.

Il est ensuite tout à fait possible par double clic sur le dossier voulu, de descendre dans l’arborescence et observer d’où vient la fuite d’espace disque. Je trouve vraiment cet utilitaire parfait car il fait une seule chose et il la fait bien

Pour l’installer et le lancer :

sudo apt-get install xdiskusage
sudo xdiskusage

Ubuntu Tweak

Voici un autre utilitaire que j’ai découvert assez tard, bien qu’il soit assez célèbre. Les Ubunteros le connaissent bien, mais pour ceux qui ne le connaissent pas, je vous le présente ici.

En plus d’être très simple à prendre en main, cet utilitaire vous permet de vider tous les caches de votre système, de supprimer vos vieux kernels qui prennent de la place, ainsi que d’apporter quelques modifications pratiques à votre OS. Je vous laisse découvrir tout ceci par vous même.

Attention ! A l’heure où j’écris ces lignes, il n’existe pas pour les versions ultérieurs à Ubuntu 14.10. Cependant, il est tout à fait possible d’utiliser une version antérieures sur système 15.04.

Pour l’installer (version 14.10 et inférieures) :

sudo add-apt-repository ppa:tualatrix/next
sudo apt-get update
sudo apt-get install ubuntu-tweak

Pour les versions supérieures à 14.10 :

sudo add-apt-repository ppa:tualatrix/next

Editez ensuite le ppa en modifiant la version de l’os par la votre (remplacer vivid par votre version) :

sudo nano /etc/apt/sources.list.d/tualatrix-ubuntu-next-vivid.list

deb http://ppa.launchpad.net/tualatrix/next/ubuntu trusty main
# deb-src http://ppa.launchpad.net/tualatrix/next/ubuntu trusty main

devient :

deb http://ppa.launchpad.net/tualatrix/next/ubuntu vivid main
# deb-src http://ppa.launchpad.net/tualatrix/next/ubuntu vivid main

Vous avez d’autres utilitaires intéressants ? n’hésitez pas à les partager

L’article Out of space ! est apparu en premier sur DesireLabs.

Je précise que je n’ai pas pour habitude de sortir de ma ligne éditoriale, mais comme ça touche ici à un outil dont je me sers au quotidien dans mon travail, je pense que cela ne déviera pas trop du reste du blog.

Silicon.fr relataient ainsi le fait :

« Les sites de partage de fichiers torrents […] s’inquiètent des indiscrétions de Windows 10. Les conditions d’utilisation de Windows 10 autorisent effectivement Microsoft à capter toutes les informations présentes sur la machine et à les transmettre à ses partenaires. »

En mon for intérieur, je n’ai pas pu m’empêcher de trouver ça un peu fort (haha). Non pas que je sois convaincu que Microsoft soit à ranger dans la catégorie des bons élèves en matière de respect de la vie privée et de sécurisation des données personnelles, mais j’ai toujours trouvé que malgré ses travers, cette société avait, à tout le moins, un semblant de responsabilité vis à vis de ses utilisateurs. Très sceptique, je me suis rendu sur le site de Microsoft afin de constater qu’ils avaient tout simplement éradiqué purement et simplement la notion de vie privée de leurs conditions générales.

Je vous invite à y jeter un œil, c’est vraiment pas long à lire (5 minutes tout au plus !) et très instructif : http://windows.microsoft.com/fr-fr/windows/preview-privacy-statement
En gros ça dit qu’ils peuvent accéder aux données stockées sur votre ordinateur, à celles de vos périphériques connectés (téléphones, tablettes etc), qu’ils peuvent utiliser vos données vocales (Cortana, VoIP etc), les fichiers de tout types (images, documents word, excel etc), qu’ils peuvent également collecter les informations de vos matériels (imprimantes et consorts), vos données de connexion, vos habitudes de navigation, d’utilisation logicielles et matérielles… Bref tout vous avez bien compris. Le Personal Computer (PC) n’a plus rien de personnel. Il devient simplement une boîte d’écoute et de collecte de données vous concernant.

En ce qui me concerne, j’essaye d’être assez vigilant quant à mes données, et je suis loin d’être insensible à toute la mouvance autour de la vie privée qui se déroule depuis ces 3 dernières années. Et j’ai le sentiment qu’un contre courant est en train de naître : Par exemple avant, les sociétés noyaient leur politique de confidentialité sous les tonnes de texte indigeste de leur charte. Maintenant, étant donné que tout le monde est censé être au courant, il devient inutile de jouer les hypocrites. Et là ça devient carrément choquant je trouve, dans le sens où, en substance, on nous dit clairement : « vos données sont la monnaie d’échange pour l’utilisation de nos services et produits ». Alors j’en vois déjà monter au créneau et me traiter de naïf, car on sait que c’est le cas chez beaucoup de sociétés (Facebook, Google…), mais je tiens à souligner que si on regarde de plus près, on constate que Windows 10 est gratuit la première année, mais pas les suivantes. Et il sera facturé chaque année comme un service, entre 99 et 199$ selon la version. La gratuité entraîne dans un premier temps une conversion massive des consommateurs, puis vient le temps où il faut passer à la caisse. Et, en plus de ça, il faudra très certainement continuer de laisser s’écouler nos données personnelles, professionnelles et comportementales, sans compter celles de nos proches qui se trouvent potentiellement sur nos machines (photos, documents). Dans de telles conditions, je ne peux m’empêcher de me sentir vraiment pris pour une buse. Je trouve cette politique particulièrement insultante envers ses utilisateurs. Heureusement pour moi, je ne tourne plus sous Windows mais sous Linux, qui est devenu avec les années une alternative libre extrêmement crédible à ses homologues propriétaires.

L’espèce humaine est en train de vivre une véritable révolution, très certainement la plus importante depuis son apparition. Nos appareils sont devenus non plus des outils, mais des extensions de nous même, grâce auxquelles nous accélérons les choses autour de nous, grâce auxquelles nous pouvons satisfaire nos envie de manière plus simple, et c’est devenu naturel. Mais tout ce qui brille n’est pas or, et il est très facile de se laisser faire pour peu qu’un produit ou un service réponde assez bien à un besoin, ou un désire…

L’article Edito – Windows 10 : une gratuité qui se paye est apparu en premier sur DesireLabs.

Caffeineinformer est un site qui parle de la consommation de café sous toutes ses formes et vous permet en fonction de votre consommation et votre poids de calculer le nombre maximum conseillé ainsi que la dose létale vous concernant. En ce qui me concerne, le nombre maximum est 2.9 tasses par jour, et je pourrais en mourir au bout de 73.8 tasses d’environ 28cl. Je ne sais pas si ceci est avéré (je me suis arrêté à 5 tasses par jour), mais j’ai trouvé ça fun et plutôt à propos

Je vous sers une tasse ?

L’article Combien de café pourriez vous assimiler avant d’en mourir ? est apparu en premier sur DesireLabs.

Avant toute chose, je tiens à préciser que le but de cet article n’est pas de critiquer gratuitement le travail d’autrui, mais d’utiliser son expérience pour appuyer mon propos. Car il n’y a aucun doute pour ma part, sur le fait que cette personne est probablement très compétente. Mais elle décrit un écueil dans lequel il est très facile de tomber, même lorsqu’on est rompu à la pratique du développement web. Par ailleurs, je tiens à souligner qu’il n’est pas évident de mettre en abîme son propre travail et de le critiquer publiquement. C’est donc avec le plus grand respect que je traiterai ici de son échec à produire un site pour ses visiteurs.

C’est parti donc, voici le site en question : http://aboutmeng.cf/

Je ne m’arrêterai que brièvement dessus car l’auteur lui même détaille très bien ce qui ne va pas. Je vous encourage d’ailleurs à lire son article. Pour faire simple, l’auteur a construit son site autour d’un framework « Material Design ». Jusque là tout va bien, mais il a fait l’impasse sur l’indispensable lorsqu’on construit un site : sa pré-conception, les tests et l’optimisation.

Le choix des armes

Les framework front-end peuplent nos boîtes à outils de designer et nous avons tendance à les considérer sans faille et utilisables à tort et à travers sans jamais se poser la question de leur pertinence. « Est-ce un bon choix ? Répond-il à un besoin réel ? » ou encore « Quelles sont ses limites ? ». C’est ce qui est arrivé à l’auteur de cet article.

Ce qui m’emmène au premier point lorsqu’on développe un site : Le choix des outils. Ils doivent répondre à un besoin spécifique. Un site doit être développé pour ses utilisateurs, et pas seulement pour se faire plaisir. De fait la pertinence des choix à faire est primordiale. Avoir un site utilisable et qui permette à l’utilisateur d’accéder au contenu qui le concerne de manière simple, efficace et rapide doit être à mon avis au cœur des préoccupation du développeur. L’accessibilité, trop souvent négligée au profit du beau, a tôt fait de pénaliser le site. Les internautes sont exigeants, mais pas plus en termes d’esthétique que d’utilisabilité. Car un site aura beau être beau, s’il est inutilisable, ou tout du moins difficile à utiliser, il perd en pertinence et en crédibilité.

Choisir ses outils c’est donc faire des choix crédibles vis à vis de l’utilisabilité, mais aussi de la durabilité.

La pérennité est à considérer, car une librairie ou un framework qui est peu, pas ou mal maintenu aura un impact majeur sur le site qui l’intègre, et à fortiori sur l’expérience utilisateur (et je ne parle même pas de la sécurité).

Les tests navigateurs

Par ailleurs, et je suis extrêmement perplexe, car je pense que l’auteur est compétent, mais il a, semble-t-il, eu une confiance quasiment aveugle en l’outil utilisée au point de ne tester son design que dans un seul navigateur : Apple Safari. Je vous laisse méditer ceci 5 secondes.

Ce que j’ai appris avec le temps et l’expérience, c’est que la technologie n’est pas une fin en soit, que chacune répond à un besoin spécifique comme je l’ai déjà dit, et qu’il faut se montrer à la fois humble et aussi peut être un peu paranoïaque (d’où les tests, et multi-navigateur s’il vous plaît !). Penser qu’il suffit d’intégrer un framework sans présupposer qu’il possède des limites, c’est se tirer une balle dans le pied.

Il est donc impératif de faire des tests multi-navigateur (voire multi-architecture).

Ceci est un impondérable lorsqu’on développe un site. Au menu nous avons, Google Chrome, Apple Safari, Mozilla Firefox et le bien aimé Microsoft Internet Explorer. D’ailleurs, pour ce dernier, il existe plusieurs versions utilisées de par le monde. Il est connu que la version la plus problématique aujourd’hui reste la version 8. A celà vous pouvez aussi rajouter les navigateurs mobiles qui sont devenu autant voir plus utilisés que leurs homologues desktop. Avec l’avènement de HTML 5 et CSS 3 il est très tentant de pousser toujours plus loin nos interfaces front-end. Mais beaucoup de nouvelles balises html et attribut css ne sont tout simplement pas compatibles avec tous les navigateurs. Heureusement, des librairies existent et offrent la possibilité de rendre au maximum ces outils compatibles avec un maximum de navigateurs. Je pense notamment à Modernizr entre autres. D’autres outils permettent aussi de savoir avec quelles versions de navigateurs sont compatibles certaines propriétés. Je vous renvois à l’excellent caniuse. Mais parfois, il peut aussi être judicieux de ne pas utiliser certaines propriétés offertes par ces langages. Ceci pourrait faire l’objet d’un débat, mais je pense que ce choix appartient à chacun, car finalement, quand on connaît les usagers finaux du site, on est normalement à même d’avoir une idée des navigateurs utilisés. Et si ce n’est pas le cas, il existe de très bons outils d’analyse, comme Google Analytics qui nous renseignent assez bien sur les comportement de nos visiteurs. Maintenant, je ne blâmerai pas ceux qui souaitent pousser l’adoption de navigateurs modernes, mais je pense aussi qu’il faut respecter ceux qui n’ont pas cette possibilité. Chacun voit midi à sa porte comme on dit.

Analyser, tester, optimiser… recommencer

Alors certes, le but d’un framework est de nous simplifier le travail, mais ça ne signifie pas qu’il n’y a pas de travail. Dans un projet par exemple, on a un ou plusieurs objectifs à atteindre. En fonction de ces besoins, on choisit les outils qu’on pense pertinents. On fait le bilan des possibilités et des choses qu’il va falloir nous même créer ou adapter pour coller aux autres pièces du puzzle. On déduit qu’on va devoir développer soi-même ou adapter pour la version Responsive par exemple. On se lance, on teste, on corrige, on re-teste. Et une fois qu’on a terminé on passe à la phase d’optimisation ou « fine tuning ». C’est par exemple à ce moment là qu’on va se concentrer sur le poids des pages (ce qui implique qu’on a déjà fait un travail d’optimisation de ses images, ou encore des librairies servies et de quelle manière on les sert) et éventuellement l’optimisation côté serveur.

Il n’y a pas de magie : il faut savoir se poser les bonnes questions avant même d’avoir couché la moindre ligne de code. C’est indispensable, car ceci constitue les fondations de tout projet, et par là même sa viabilité.

Il faut éviter aussi les amalgames : il ne pas confondre UI (user interface) et UX (user experience), car comme notre exemple nous le montre, on peut avoir un design du feu de dieu, pour une expérience utilisateur en carton pâte. Et l’expérience nous prouve qu’un utilisateur pour qui l’interface n’est pas adaptée, fera un gros fuck pied de nez à notre site. Donc un beau site n’est pas à confondre avec un bon site.

De fait quand on parle de « web design », on fait souvent un amalgame entre ce qui relève du « beau » de ce qui relève de « l’utilisable ». Pourtant ces deux éléments sont les deux revers d’une même médaille : c’est ce qui fait qu’un web designer peut, à mon avis, mériter ce titre. On ne peut pas (ou très difficilement) considérer ces deux qualités individuellement, car l’une sans l’autre n’a aucune légitimité, ni aucune possibilité de promouvoir un site de manière pérenne.

Conclusion

Je terminerai en disant qu’être web designer c’est penser à la fois en termes de design (UI) et d’ergonomie (UX). C’est être capable de se poser les bonnes questions avant, ce qui permet de faire les bons choix et d’avoir le moins de mauvaise surprise après coup. Et comme je l’ai dit, faire preuve d’humilité envers la technologie, car ce n’est pas magique, mais pratique (ou pas).

L’article Edito – La technologie n’est pas une fin en soi est apparu en premier sur DesireLabs.

Juste ce qu’il faut pour démarrer vite fait bien fait !

L’article Outil – Générateur de grille responsive fluide est apparu en premier sur DesireLabs.

www.dailymotion.com/embed/video/id_video

en remplaçant « id_video » par le vrai id, puis de lui adjoindre quelques paramètres pour préciser le format à renvoyer :

?iframe=true&width=720&height=480

Ce qui nous donne :

www.dailymotion.com/embed/video/id_video?iframe=true&width=720&height=480

Voilà, on a le lien complet avec la taille à utiliser (là, c’est à vous de voir), il suffit à présent de créer la balise prettyphoto qui va bien en modifiant l’attribut rel (ou data-rel) avec « prettyphoto[iframes] »  :

<a data-rel="prettyPhoto[iframes]" class="thumb_icon video" title="Dailymotion" href="http://www.dailymotion.com/embed/video/xebd4g?iframe=true&width=720&height=480" style="top: 120%;">

J’ai un peu suer pour trouver mes petits donc si vous aussi, n’hésitez pas à partager l’astuce

L’article Astuce – Faire fonctionner dailymotion avec prettyphoto est apparu en premier sur DesireLabs.

Il s’agit de WpScan. Tout en ruby, il s’installe sur une machine Linux. Tout site WP peut être scanner. Ce qui fait de cet outil un joujou de choix pour les hackers potentiels. Je l’ai installé sur mon serveur pour tester, et c’est plutôt efficace. De plus toutes les failles qu’il remonte sont documentées avec plusieurs sources. Bravo aux développeurs de cette perle !

Je vous encourage à le tester. Voici le site ainsi que leur GitHub :

http://wpscan.org/

https://github.com/wpscanteam/wpscan

Si vous aussi connaissez des outils similaires, n’hésitez surtout pas à les partager !

A+

L’article Outil – Scanner de vulnérabilités WordPress est apparu en premier sur DesireLabs.

sudo find wordpress/ -type d -exec chmod 755 {} \;
sudo find wordpress/ -type f -exec chmod 644 {} \;
sudo find wordpress/wp-config.php -type f -exec chmod 444 {} \;

Explications :

find : c’est la fonction de recherche
wordpress/ : c’est le répertoire à partir duquel chercher
-type : le type avec en argument  « f » pour « folder » et « d » pour « document »-exec : précise qu’on va exécuter quelque chose pour les fichiers ou dossiers rencontrés
chmod : la commande pour changer les droits
755 : permission pour les dossiers
644 : permission pour les fichiers
444 : permission pour les fichiers de configuration sensibles (qui contiennent vos identifiants mysql par exemple)

Il va de soit que vous appliquez les permissions que vous voulez

L’article Astuce – Appliquer des permissions à un ensemble de fichiers et dossiers de manière récursive dans WordPress est apparu en premier sur DesireLabs.