Changez le fond d’écran de connexion de Windows 10

Windows 10 est rapidement devenu un système d’exploitation très hype (bon d’un côté à cause de la politique de mise à jours de Microsoft et d’un autre du fait qu’il est bien plus complet que Windows 8 et 8.1). Bref, là n’est pas le sujet. Dans ce court article, je vais vous expliquer comment changer le fond d’écran de connexion de vote Windows 10. En effet, même s’il est possible de changer l’image de l’écran de verrouillage, Microsoft nous impose de nous taper l’horrible image par défaut de Windows à l’écran de connexion.

Windows 10 Login Screen Background Changer

Comme son nom le dit, ce programme permet de changer le fond de l’écran de connexion. Cette application est le fruit du travail de Krutonium sur Github. Il suffit de visiter le dépôt officiel et de télécharger le fichier binaire sur Github. Une fois extrait, ouvrez le dossier GUI et lancez « W10 Logon BG Changer.exe », vous serez prévenus par un message indiquant que l’auteur n’est pas responsable de quelconque effet secondaire dû à l’application. Si vous acceptez, vous aurez une fenêtre comme la figure ci-dessous.

Interface de Windows 10 Login Screen Background Changer

Interface de Windows 10 Login Screen Background Changer


Le menu à droite vous permet de parcourir l’image que vous souhaitez mettre en fond. L’application mettra à jour instantanément la prévisualisation de votre nouveau écran comme cet exemple :
Windows 10 Login Screen Background Changer après changement du fond

Windows 10 Login Screen Background Changer après changement du fond


Vous n’aurez qu’à appliquer le changement et de verrouiller l’écran à l’aide du bouton à la barre supérieure pour voir si vos modifications ont étés prises en compte.
L’application présente aussi une interface en ligne de commande permettant de faire ces modifications (si vous souhaitez automatiser les changements par exemple).
Attention cependant, vérifier que votre build est bien supporté par l’application pour éviter les problèmes.

Windows 10 Login Screen Background Changer

Dépôt Github officiel


J’espère que cette application vous sera utile :) !

Les AMP le Web Mobile à portée de tous

Quelques années plus tôt, si on nous avait dit qu’Internet deviendrait le monde qu’elle est aujourd’hui, nous aurions du mal à y croire. Des smartphones capables de naviguer sur des pages énormes avec une quantité gigantesque de scripts capables de bloquer IE6. Du contenu très riche en multimedia et j’en passe.
Sauf que voilà, les téléphones mobiles & smartphones sont certes puissants, mais il ne faut pas regarder juste devant soi, certaines personnes ont des téléphones encore peu performants ou aux ressources limités et il est très désagréable pour un lecteur de devoir se taper une publicité qui en plus de le déranger lui bloque presque tout le chargement de la page.

Les Accelerated Mobile Pages

Les Accelerated Mobile Pages (ou les Pages Mobiles Accélérés en français) sont des pages spécifiquement optimisés pour les smartphones et téléphones mobiles disposant de peu de ressources et permettant de proposer au visiteur une version allégée de votre page Web avec tout le contenu dont il a besoin.
Cette initiative Opensource à été développée dans le but de permettre à tous l’accès à l’information sans contraintes et sans impact sur les performances.
Pensez-y un moment, si vous disposiez d’un bon vieux smartphone et que vous aviez besoin d’un article très important (comme ceux de Beldy :p ) comment vous allez faire si les AMP n’existaient pas? Vous aurez à attendre le chargement de ces grosses pages qui prendront de votre temps précieux et qui feront ramer votre téléphone à fond (Quoi? Nos pages ne sont pas optimisés? Mais non :p ). Bref, tout cela pour vous dire que :

    1. Les pages AMP c’est super, vous devez les utilisez si vous voulez si vous voulez avoir le plus de porté sur le public.
      Les pages de Beldy.tk sont à présent en mode AMP.
  • On veut en savoir plus

    Le projet AMP est un projet opensource, en somme, je n’apporte rien de nouveau étant donné que le projet roule depuis 2015. Cependant, il est important à mes yeux de partager cette information en espérant avoir la plus de porté sur les Webmasters et développeurs Web.
    Le projet est opensource et est disponible sur github par ici :


    Projet AMP sur Github


    Vous pouvez aussi visiter la page de spécification AMP par ici :

    Page officielle de la spécification AMP


    Et enfin, vous pouvez installer le plugin AMP pour votre site/blog WordPress par là :

    Plugin AMP pour WordPress


    Je compte donc sur vous pour adopter cette initiative afin de rendre le Web meilleur pour tous !

    Installez Ubuntu 15.04 sous votre Lenovo Y510p

    Lenovo Y510p stickers ubuntu

    Bonjour,

    J’ai décidé de rédiger cet article pour deux raisons; la première étant du fait que moi-même je suis propriétaire du Lenovo Y510p. La seconde vient du fait que je n’ai pas trouvé grand chose à propos du sujet et j’aimerais donc contribuer à cela pour que les utilisateurs novices n’aient pas la réaction de « Boh Linux c’est nul, ça marche pas sur mon PC. » parce que oui, vu les bugs qui peuvent resurgir, les novices vont tout simplement virer Linux et repasser à Windows.

    L’état des lieux

    Avant tout, je vais définir l’état des lieux. Déjà, il vous faudra une clé USB bootable. Pour se faire, télécharger l’ISO d’Ubuntu, ceci est valable pour les autres. Personnellement, je préfère Ubuntu GNOME.
    Ensuite, si vous êtes sous Windows, vous aurez besoin de Rufus, ceci est un outil permettant la création de clés USB bootables. (Pourquoi Rufus et pas autre chose? Parce que tout simplement, Rufus nous permettra de créer une clé USB bootable UEFI ;) )
    Si vous êtes si Linux, vous aurez besoin de usb-creator-gtk ou autre (Bon, j’imagine que vous savez quoi faire si vous êtes déjà sous Linux).

    Instructions pour Rufus

    Munissez-vous d’une clé USB de 2Go minimum, copiez vos fichiers utiles quelque part parce que la clé sera formatée.
    Lancez Rufus, puis, suivant l’ordre des listes de haut en bas :

    Périphérique

    Votre clé USB.

    Type de partition et système de destination

    GPT pour UEFI.

    Système de fichiers

    Laissez par défaut.

    Taille d’unité d’allocation

    Laissez par défaut.

    Nom du volume

    Un nom familier.

    Le reste

    Laissez coché tout par défaut, cliquez sur le bouton avec un lecteur de disque et un CD au dessus, choisissez votre ISO et vérifiez si vous paramètres de partition GPT et autres n’ont pas changé puis choisissez « Démarrer ».

    Instructions pour le démarrage de votre Lenovo Y510p

    Une fois votre ordinateur éteint, regardez du côté de la tranche gauche de votre ordinateur au coin, vous verrez un petit bouton juste avant le connecteur AC du chargeur. En appuyant dessus, l’ordinateur va démarrer et un petit menu va s’afficher (Figure ci-dessous). Passez à « BOOT MENU » localisez votre clé USB bootable et démarrez dessus, si tout s’est bien passé, quelques secondes après, vous serez sous Ubuntu.
    Si l’écran reste très sombre, maintenez le bouton + afin d’augmenter la luminosité. Ce bug affecte les versions 14.04 et 14.10 (d’après ce que je sais) mais vaut mieux être certain.

    L’installation et mise en place du pilote

    Je ne vais pas vous expliquer le comment du pourquoi, vous n’avez qu’a installer Ubuntu comme bon vous le souhaite, mais il est très important de noter qu’il ne faut en aucun cas installer les pilotes additionnels.


    N’installez sous aucune excuse les pilotes additionnels !

    (Oui je l’ai écrit en super gros juste pour être certain que vous allez le voir)


    Une fois installé, redémarrez votre ordinateur afin de lancer votre Ubuntu fraîchement installé. Lancez le terminal + + , et tapez cette commande :
    sudo apt-get update && sudo apt-get install nvidia-prime
    Une fois ce package installé, ouvrez l’application « Pilotes Additionnels » ou « Additional Drivers » et installez le NVIDIA binary driver (la version propriétaire).
    Une fois le driver installé, vous pouvez redémarrer. Vous aurez l’application NVIDIA X Server Settings et aurez une section PRIME Profiles vous permettant de changer la carte graphique utilisée par le système. Sachez cependant que le changement de carte graphique requière que vous quittez votre session puis reconnectez dessus.

    Voilà, si tout s’est bien passé, vous n’aurez aucun problème et vous pourrez profiter de votre bien belle GeForce 750M/755M.

    Installez un serveur http en localhost rapidement et facilement

    Si vous travaillez plus dans le domaine du frontend et des applications Web côté client, la problématique du serveur local ne vous est pas étrangère. En effet, il est courant de devoir mettre en place un serveur en localhost juste pour que l’application fonctionne correctement (Content Security Policy, c’est toi que je regarde). Nul besoin de vous dire qu’il n’est pas très recommandé de contourner ces limitations que vous impose le navigateur sauf si vous savez ce que vous faites.

    Une autre raison de ne pas vouloir installer toute la panoplie Apache PHP MySQL est qu’on en a pas besoin, lorsqu’on parle d’une application frontend, nul besoin de PHP ni de base de données.

    Lancer un simple serveur http en localhost sous Linux

    Aujourd’hui je me suis penché sur la question et j’ai essayé de trouver une solution facile à mettre en place et qui ne va pas vous prendre beaucoup de votre précieux temps. Après avoir vu que sous Linux, il suffit de naviguer avec le terminal et de taper une commande en une seule ligne :

    python -m SimpleHTTPServer

    Je me suis lancé dans la quête d’une alternative pour notre ami Windows. Et bonne nouvelle, j’ai trouvé ce que je cherchais.

    Mongoose pour un serveur Web facile à mettre en place sous Windows

    Cesanta Mongoose (NB: Rien à avoir avec Automattic Mongoose) est une application qui vous permet de lancer facilement et rapidement un serveur http en localhost pour vos tests, une fois l’application téléchargée, vous n’avez qu’à la copier dans le dossier de votre application Web, une page s’ouvrira automatiquement avec l’adresse locale de votre ordinateur et votre application Web sera LIVE.

    Télécharger Mongoose server pour Windows, Linux et MacOSX.

    Site officiel, 168Ko !!

    Veuillez bien à télécharger la version binaire Mongoose Binary.
    Cerise sur le gateau, Mongoose existe aussi avec une version de moteur d’exécution PHP si vos tests requièrent ce dernier. Je doute cependant que ce dernier soit très complet ;) .
    Outre ces petits avantages, l’application propose un mini panel de configuration, utile si vous voulez ajouter des headers personnalisés par exemple :

    Panel de paramètres Mongoose

    Panel de paramètres Mongoose

    Voilà pour cette application, en espérant qu’elle vous soit utile, joyeux coding !

    Synergy Project, du dualscreen en mieux

    Si vous avez déjà essayé le dualscreen, vous serez tentés d’essayer Synergy Project. Attention cependant, ce que je vais vous montrer est assez compliqué à comprendre mais très très intéressant.

    Qu’est ce que Synergy Project?

    Synergy Project est un logiciel permettant le partage d’un unique couple clavier souris/clavier pour beaucoup d’ordinateurs, du coup, au lieu de devoir utiliser un clavier et souris pour chaque poste vous partagez un unique clavier et souris sur vos postes.
    Pour vous éclaircir un peu, voici une illustration explicative :

    Illustration Avec et Sans Synergy Project

    Illustration Avec et Sans Synergy Project

    Comme vous pouvez le voir, sans Synergy Project, en ayant deux ordinateurs, vous devrez utiliser un clavier/souris pour chaqu’un. Peu intuitif comme solution.
    En utilisant ce logiciel, vous pourrez contrôler tous vos ordinateurs via un seul couple clavier-souris.

    Mais comment ça marche?!

    Simple, vous installez Synergy Project sur chaque poste que vous allez utiliser, configurez vos postes « secondaires » en les configurant comme des clients. Ensuite, passez à votre ordinateur principal (qui servira de serveur, celui sur lequel vous allez travailler avec le clavier et la souris) et configurez votre serveur (notez que la mise en place peut devenir très facile si vous installez le service Bonjour qui vous sera proposé par Synergy Project).
    Synergy Project va alors vous demander où placer les écrans virtuels de chaque poste et voilà! Vous pourrez naviguer d’un ordinateur à un autre comme si vous aviez un multi-screen!

    Comment se procurer Synergy Project?

    Synergy Project Logo
    Synergy Project est un logiciel Open Source, hors Open Source n’est pas toujours synonyme de gratuité, si vous voulez utiliser Synergy Project il faudra débourser 10$ pour une version personnelle. Pourquoi? Parce que l’équipe a très besoin d’argent et qu’avant, avec le système de dons, ils n’arrivaient pas à couvrir tous leurs besoins financiers.
    Cependant, comme ils le disent sur le site officiel, si vous souhaitez vous procurer gratuitement Synergy Project, il est possible de le télécharger depuis GitHub et le compiler tout seul comme un grand. Il est aussi possible de télécharger une nightly (instable) pour tester le logiciel.
    N’oubliez pas, si vous appréciez ce logiciel et que vous allez travailler avec, considérez l’achat d’une licence personnelle.

    LibreOffice va finalement passer en ligne

    LibreOffice OnLine

    Plusieurs années se sont écoulés depuis que la fondation chargée du maintien de LibreOffice avait annoncé en 2011 une version en ligne de LibreOffice. Quatre années plus tard, nous sommes enfin heureux de lire que le projet LOOL (LibreOffice OnLine) est encore d’actualité.

    LibreOffice OnLine

    Après un long silence à propos de LibreOffice Online…

    En effet, c’est hier le 25 Mars 2015 que le site « LibreOffice From Collabora » a publié un post de blog intitulé « LibreOffice OnLine questions answered: what, who, how and when » répondant aux diverses questions posés à propos du sujet, soit quatre années après l’annonce du projet. Quatre années de silence absolu et de sombres histoires à propos de problèmes internes.
    Si vous êtes anglophone, je vous propose de consulter l’article sur le site LibreOffice From Collabora. Sinon, vous pourrez continuer à lire cet article où je vous traduit les parties intéressantes du post;

    Points clés

    • Fidélité complète vis-à-vis de la version LibreOffice Desktop.
    • Tous les formats (Writer, Calc et Impress) seront supportés.
    • Inclus initialement une interface utilisateur HTML5.
    • Version utilisable prévue pour la fin de l’année.
    • Version utilisable prévue pour la fin de l’année.Version utilisable prévue pour la fin de l’année.

    Questions et réponses: Tous les détails

    Que sera le nom du projet?
    Comme prévu, il sera appelé « LibreOffice Online » (LOOL)

    Sera-t-il hébergé par The Document Foundation?
    Oui, il sera hébergé par The Document Foundtation, il sera aussi contribué au projet LibreOffice normalement comme c’est le cas pour le projet Visionneuse Smoose / Collabora LibreOffice pour Android tout en accord avec la politique de Collabora.

    Qui maintiendra le projet LOOL après son lancement?
    Collabora maintiendra le projet avec la communauté LibreOffice et les contributeurs seront le bienvenu.

    Comment le projet supportera les documents LibreOffice?
    LOOL sera compatible avec tous les documents crées par la version Desktop de LibreOffice. Tous les fichiers supportés par Writer, Calc et Impress seront aussi supportés par LOOL incluant les fichiers OOXML et une dizaine d’autres formats. Aucune suite en ligne n’a jamais réussi à être compatible à 100% avec tous les documents selon les versions, LibreOffice Online sera le premier. Le rendu sera fidélisé par l’utilisation du même moteur de rendu utilisé sous LibreOffice Desktop (via LibreOfficeKit).

    Pourrons-nous comparer les options proposés par LibreOffice?
    Les options de modification seront initialement similaires à l’éditeur LibreOffice Android. Il proposera les mêmes options disponibles sous la version Desktop de LibreOffice.

    Que sera-t-il proposé au lancement?
    Une nouvelle version de l’application serveur LibreOffice OnLine capable de servir une interface utilisateur web HTML5 basique permettant la vision et modification de documents.

    Quand sera LibreOffice Online publié?
    Une version préliminaire sera attendue début 2016. Collabora suit une philosophie open-avant-tout, tout le développement est réalisé en toute transparence et il sera possible de le suivre et y contribuer.

    Quel est le statut de développement actuel de LibreOffice OnLine?
    Le travail à déjà commencé et les résultats du travail initial sera prochainement proposé.

    Quand seront les premières démonstrations publiques disponibles?
    Des démonstrations vidéos sont prévues suite à cette annonce ou prochainement.

    De quoi sera composé LibreOffice Online côté serveur?

    1. LibreOfficeKit : Un outil existant utilisé par LibreOffice pour Android et d’autres projets LibreOffice permettant le rendu des documents, le patronage, calcul et autres fonctionnalités pour LibreOffice Desktop.
    2. Un tout serveur communiquant via des images en tuiles du document au navigateur et permettant la gestion du cycle de vie du processus LibreOffice et les images en cache.

    Quelles plateformes supportera le serveur LibreOffice OnLine?
    LibreOffcieKit et le nouveau serveur de tuiles sont codés en C++.

    Est ce que le client LibreOffice OnLine nécessitera un addon ou un plugin?
    Non, le client Web utilisera uniquement du JavaScript et HTML5.

    Quelles plateformes le client Web ciblera?
    Tout navigateur compatible avec les normes Web modernes pourra faire fonctionner LibreOffice Online.

    Qu’utilisera LibreOffice Online comme logiciels?
    Nous anticipons une licence uniforme MPLv2 pour tout le code source. Aligné avec le mode de licences de The Document Foundation. Nous utiliserons aussi la librairie Leaflet licenciée sous BSD.


    Voici pour ce qui est du post de blog, pour ce qui est de mon avis, j’avoue être très excité à l’idée de voir enfin un projet tel que LibreOffice OnLine en compétition avec les « grands du marché ». Je souhaite donc bon courage aux développeurs et attends avec impatience la suite.

    Inkscape 0.91 passe enfin du bêta au stable


    Pour ceux qui ne connaissent pas Inkscape, c’est un logiciel de dessin vectoriel open source GNU GPL. Très puissant et efficace, il constitue un rival de choix face au bien connu Adobe Illustrator. Inkscape supporte les standards ouverts tel que le SVG et qui en fait le format de ses projets lorsqu’on les enregistre.
    Hors voilà, cela fait presque quatre ans et demi qu’en dépit de l’avancement du projet, la communauté open-source n’a pas eu de nouvelles de ce logiciel. Cette attente est finalement terminée puisque les développeurs ont mis en ligne la version stable du logiciel.
    Pour ce qui est de mon cas, j’utilise Inkscape dans mon travail, je suis sous la version 0.91pre2 depuis un moment et j’avoue être très excité de la sortie de ce dernier en version stable.

    Quoi de neuf avec cette nouvelle version d’Inkscape?

    Les développeurs ont officialisé la correction de presque 700 bugs, un nouveau moteur de rendu basé sur Cario, du multi-tâche (enfin!), plusieurs améliorations pour l’outil de texte, un outil de mesure et bien plus encore.
    À Propos d'Inkscape 0.91
    Comme cité en haut, Inkscape intègre un nouveau moteur de rendu basé sur Cario qui est bien plus rapide pour les rendus des dessins. Le rendu des SVG est mis en cache ce qui rend le logiciel très réactif.
    Inkscape intègre aussi le multi-tâche avec OpenMP, les rendus des filtres utilisent tous les cores du processeur pour les calculs, ceci rend l’utilisation d’Inkscape très efficaces sur les systèmes multicœurs (de nos jours communs).
    Inkscape 0.91 intègre en plus un nouvel outil de mesures qui vous assistera pour calculer les angles et longueurs d’objets en temps réel. (figure ci-dessous)

    Outil de mesures d'angles dans Inkscape 0.91

    Outil de mesures d’angles dans Inkscape 0.91

    L’outil de textes a aussi eu droit à beaucoup d’améliorations:

      • La taille du texte est en pt et peut être personnalisée en px, pt, pc, mm, cm, in, em.
      • La barre de texte affiche toutes les variantes de la fonte utilisée.
      • Les fichiers avec des tailles de texte en em s’affichent désormais correctement.
      • Inkscape vous propose désormais un menu de substitution de fontes.

    Les autres fonctionnalités proposés par Inkscape 0.91

    • Un mode d’affichage de couleurs en nuances de gris.
    • L’outil de nœuds intègre un menu déroulant permettant l’insertion de nœuds sur les valeurs extrêmes des segments.
    • Des améliorations dans la barre d’outils des dégradés, il est désormais possible de modifier les noms des dégradés, les couleurs utilisés, l’ordre de tri (nom, couleur, utilisation…).
    • Une nouvelle librairie de symboles et une nouvelle boite de dialogues pour les symboles.
    • Le support de tailles réelles de documents et d’unités réelles comme le millimètre.
    • Une nouvelle bibliothèque spécifiquement crée pour Inkscape permettant la vectorisation d’images rasterisés de pixel art accessible via Chemin -> Vectoriser le pixel art…
    • De nouveaux formats fichiers sont supportés :
      • Format Flash XML FXG en export.
      • Format Synfig Animation Studio SIF en export. (J’en parlerais prochainement, promis :p )
      • Le format HTML5 Canvas en export.
      • Le format Visio VSD en import
      • Le format CorelDraw CDR en import
      • Les filtres entrée/sortie des fichiers EMF et WMF ont étés réécrits et sont désormais multi-plateformes.
    • De nouvelles extentions: Guillotine, Générateur de Grille isométrique, Rongeage des bitmap, Extraction de Texte, Ajustement HSL, Remplacement de fonte, Diagramme Voronoï, Texte Hershey…
    • Un mode d’alignement et de distribution.
    • Une option de rechercher et remplacer.
    • Et encore plus!

    Je ne pourrais pas citer tout, cette version intègre beaucoup de nouvelles fonctionnalités, vous pourrez les consulter dans l’article de la Wiki officielle de Inkscape 0.91 en anglais.

     

    Téléchargez la version Inkscape 0.91 stable depuis le site officiel !

     

     

    Facebook sort discrètement une appli Lite

    Si vous possédez un smartphone Android, iOS ou Windows Phone, vous avez certainement testé l’application Facebook, ne serai-ce que par curiosité. Malheureusement pour moi, étant pourvu d’un modeste Xperia M j’ai eu du mal à m’en servir tant elle dévorait les ressources de mon smartphone.
    Voulant conquérir tous les marchés et conscients du défaut de leur application, Facebook a discrètement injecté sur Google Play Store la semaine dernière une version allégée de leur application officielle nommée tout simplement « Facebook Lite » et disponible dans huit pays (pour l’instant?).

    Une version Facebook très Lite

    L’application pèse 1 Mo ce qui est une fraction comparé aux 27 Mo de sa version « normale ». Elle est disponible pour Bangladesh, le Népal, le Nigeria, l’Afrique Du Sud, le Soudan, le Sri Lanka, le Vietnam et le Zimbabwe. Visiblement, la nouvelle stratégie de Facebook est de conquérir le marché des pays émergents.
    J’ai trouvé l’application Facebook Lite sur le Play Store, cependant je n’ai pas pu l’installer (c’était prévisible) j’ai donc téléchargé et installé cet APK disponible chez APK Mirror.
    Une fois lancée et connecté, l’interface me rappelle presque la version 0.facebook ou m.facebook adaptée pour les feature phones. L’interface est très simple, j’ai noté un comportement assez bizarre avec le défilement, comme si le poids du fil d’actualité était lui aussi « lite ». Les « vues » de l’application se chargent comme des pages Web, je ne suis pas à 100% sûr, mais je crois que c’est une version hybride native-html.
    Voici quelques imprimes écran depuis mon smartphone :

    Facebook Lite Screenshots V1.0.0.0.0

    Facebook Lite Screenshots V1.0.0.0.0

    Note: Ne pas confondre Facebook Lite crée par Facebook et FastLite for Facebook qui est une application assez populaire et reconnue comme une bonne alternative à Facebook (officielle) puisque comme son nom l’indique, elle est très rapide. Personnellement, je préfère Friendcaster for Facebook qui reste à mes yeux une alternative bien plus aboutie, complète et bien supportée par son développeur.

    Propulsez votre site WP avec Really Static

    Vous êtes vous jamais demandé s’il y avait un moyen de rendre votre site WordPress bien plus rapide lors du chargement de vos pages « statiques » ?
    Vous me direz qu’il y a l’excellent W3 Total Cache (qu’on utilise pour Beldy) et qui fait des merveilles côté optimisation de cache de contenu. Cependant, lors de mes recherches, je me suis mis en tête qu’il était possible de faire mieux, qu’il était possible de rendre tout ce processus bien plus performant si on changeait d’approche.

    Comment W3 Total Cache fonctionne?

    Sautez cette partie si vous êtes déjà familier à W3 Total Cache.
    W3 Total Cache va poser une « étiquette » d’expiration sur chaque élément statique du site, si par exemple un visiteur voudra ouvrir beldy.tk, le serveur qui va lui envoyer la totalité du contenu va lui dire si telle ou telle ressource est statique et donc ne sera pas sujet à un changement. Le logo du site par exemple est une simple image .png statique, du coup votre navigateur va l’enregistrer dans son cache pour ne pas avoir à la re-télécharger du serveur libérant du coup de la bande passante et épargnant votre connexion d’une requête http inutile. Si on se décide de changer ce fichier, votre navigateur sera averti à l’aide d’un code de retour dans le header que cette ressource a été changée et va la recharger depuis le serveur. Imaginez alors le gain drastique de performances de chargement.
    W3 Total Cache ne s’arrête pas là, il permet aussi de créer un cache de la base de données du site. Si vous visitez un article, la requête SQL qui à servi à extraire l’article est mise en cache dans un fichier facilitant ainsi sa lecture et réduisant alors le nombres de requêtes SQL envoyés vers la base de données.
    Ces techniques s’avèrent très utiles et permettent de sauver des ressources précieuses tant pour le serveur que pour le client.

    Et Really Static fonctionne de la même façon?

    Propulsez votre site WordPress avec Really Static

    Oui, mais Really Static pousse le concept un peu plus loin. Quand vous allez visiter une page dynamique, elle est initialement en .php, le serveur la traite, la transforme en .html et vous l’envoie. Jusque là, je ne vous apprend rien de nouveau. Imaginez que cette page html soit sauvegardée sur le serveur de telle façon à ce qu’elle vous soit servie au lieu de la page .php tant qu’il n’y a pas eu de changement.
    Le serveur se contentera alors de vous servir une simple page statique tant qu’il n’y a pas eu de changement concret du contenu. Plus de requêtes SQL, plus de traitement de pages .php, juste du html qui transite du serveur au client.
    Ce plugin s’avère très utile si vous avez un très grand site sous WordPress et que vous trouvez que W3 Total Cache ne suffit pas à vos besoins.
    En espérant que cette petite découverte vous soit utile !

    Créez un accordéon en pur CSS3 sans JS

    J’adore le CSS3 et chaque jour, je découvre une fonctionnalité que j’ignorais ou que je n’imaginais pas réalisable en pur CSS3 HTML5. Enfin, comprenez moi, je me suis habitué à ce que le JavaScript gère l’interaction de l’utilisateur par le biais d’événements, et cet exemple est très fréquent quand on parle des accordéons en HTML.
    Mais plus maintenant, l’exemple que je vais vous montrer (puisé sur internet) prouve qu’il est tout à fait possible de créer un accordéon interactif en HTML5/CSS3 uniquement!

    Un Accordéon en Pur CSS3? Comment est-ce possible?!

    Accordéon en pur CSS

    Accordéon en pur CSS

    L’auteur explique que cela est réalisable via le sélecteur :target c’est donc réalisable uniquement sur les navigateurs qui supportent ce sélecteur (Consulter sur Can I Use la liste des navigateurs qui supportent le sélecteur :target).

    Le sélecteur :target ?

    Supposez que vous avez un élément dont l’ID est #mon-super-element et un lien qui pointe dessus. C’est une ancre. Si vous cliquer sur le lien de cette ancre, elle sera alors directement affectée par le sélecteur :target.

    Exemple concret

    Je vais dans cet exemple utiliser le code source suivant :
    <style>
    :target {
    text-decoration: underline;
    color: #0089a2;
    }
    </style>
    <p><a href="#num-1">Cliquez-moi pour surliger numéro 1</a></p>
    <p><a href="#num-2">Cliquez-moi pour surligner numéro 2</a></p>
    <ol>
    <li id="num-1">Numéro 1</li>
    <li id="num-2">Numéro 2</li>
    </ol>

    Voir le résultat sur CSSDeck

    Comme vous pourrez le voir dans l’exemple, c’est très simple, et une fois le principe compris, on se rend compte de la multitude de possibilités qui s’offrent à nous. À présent, comprenons ce qui se passe avec notre accordéon.

     

    Consultez l’exemple crée par LukyVj sur CSSDeck

    En gros l’exemple est composé de trois div chaqu’un avec un ID unique (prévisible vous me direz) contenant eux même un lien pointant vers ce même ID. Ceci facilite le ciblage du div quand le lien respectif est cliqué.
    Le contenu est initialement caché avec une simple propriété display:none sur les div. Quand le lien de l’onglet est cliqué, la propriété display du div change en display:block et il est affiché! L’animation qui suit est une simple transition (propriété CSS3 aussi).
    Les autres onglets sont « réduits » si un onglet est cliqué, ceci est aussi réalisé par le selecteur :target.
    Voilà, personnellement, je suis vraiment fan du concept! En espérant que cet article vous a plu.