Lazy loading dans WordPress

Le lazy loading, à quoi ça sert ?

Le lazy Load ou chargement différé est un moyen d’accélérer le chargement HTML et ainsi d’améliorer à la fois l’expérience utilisateur et le référencement des sites.
Le principe est simple : il consiste à différer le chargement de ce qui n’est pas tout de suite utile à la lecture d’une page par le navigateur : à savoir, la plupart des fichiers js et les images qui ne sont pas sensées apparaître immédiatement dans la fenêtre du navigateur car se trouvant dans la partie hors champ de la page (en général le bas de la page). La ligne de démarcation entre partie visible sans scroll et le reste de la page est nommée la ligne de flottaison.

Faire des maths en css avec calc()

calc() est une fonction native de CSS3 qui permet de faire des calculs mathématiques simples (addition, soustraction, multiplication et division) en remplacement de n'importe quelle valeur de largeur / hauteur / position / angle / temps ...etc.

Etre capable de faire des calculs mathématiques simples en CSS peut être utile dans certains cas et peut éviter d'utiliser du javascript inutilement.

Intégrer solr dans WordPress

WordPress / Solr

Certes il existe déjà des plugins qui permettent d’intégrer solr dans WordPress, mais ils sont soit basiques soit non open source. On va donc voir ensemble comment intégrer solr dans WordPress qui est capable d’indexer les champs customs (typiquement des champs ACF) et les documents (pdf par exemple). [Cet article nécessite une connaissance de solr et WordPress.]

Du PHP dans Visual Studio: est-ce vraiment possible ?

Présentation

Depuis plusieurs mois maintenant je suis amené à travailler sur deux languages différents : le C# (.NET) et le PHP 🙁 .

Le problème c'est que je suis "Full Microsoft" et j'adore mon EDI "Microsoft Visual Studio 2017" !!! C'est vrai, je peux utiliser VS Code, mais moins pratique quand même.

J'ai donc cherché pour savoir si je pouvais faire du PHP dans mon environnement préféré. Et j'ai trouvé un plugin (payant je l'avoue) mais qui vaut le détour: "PHP Tools for Visual Studio" !

Je vais vous présenter ce plugin rapidement et vous montrer comment l'utiliser.

Visual Studio Code : quésaco ?

Présentation

Visual Studio Code est un éditeur de code source léger mais puissant qui fonctionne sur toutes les plateformes tel que Windows, MacOS et Linux. Il prend en charge la plupart des languages connus comme JavaScript, TypeScript et Node.js ou encore C ++, C #, Python, PHP...

Il intègre toutes les fonctionnalités attendues pour ce genre d'outils (snippets, indentation automatique, coloration syntaxique, auto complétion, code refactoring...etc). 

Il intègre aussi un gestionnaire de paquets et de dépôts (Connexion à GIT par exemple). Enfin, il est possible de développer des plugins pour VS Code.

Télécharger VS Code ici.

OneDrive Entreprise

C'est quoi OneDrive Entreprise ?

OneDrive Entreprise fait partie intégrante d'Office 365 ou de SharePoint Server et fournit une place dans le cloud où vous pouvez stocker, partager et synchroniser vos fichiers de travail. Vous pouvez mettre à jour et partager vos fichiers depuis n'importe quel appareil avec OneDrive Entreprise. Vous pouvez même travailler sur des documents Office avec d'autres en même temps.

Que propose OneDrive en termes d'espace de stockage?

C'est un service de stockage de fichiers privés avec un quota de base 200GB et extension à 1 To possible
Synchronisation avec le dossier OneDrive sur le lecteur c: \ du PC.
Client de synchronisation installé par défaut sur Windows 10 et disponible en tant qu'application spécifique sous Windows 7

 

Comment accéder à OneDrive ?

Accès à partir de n'importe quel appareil connecté à Internet, y compris les smartphones iPhone, Android et WindowsPhone.

Collaboration et partage en ligne avec OneDrive ?

L'une des plus grandes fonctionnalités offertes par OneDrive est qu'elle vous permet de collaborer sur des documents (Word, Excel, PowerPoint, OneNote) avec d'autres collaborateurs.

OneDrive - Le cloud qui connecte tous les produits et services Microsoft ?

L'une des principales caractéristiques de OneDrive réside dans le fait qu'il est profondément intégré aux produits les plus importants de Microsoft. Ce service est utilisé par toutes ces plates-formes différentes comme point central pour télécharger des fichiers sur le cloud, synchroniser les paramètres du système et des applications, se souvenir de vos mots de passe, de votre historique de navigation, etc.

Conclusion

OneDrive Entrprise est vraiment un excellent outil collaboratif. Il offre suffisamment d'espace de stockage dans le cloud et permet de l'utiliser sur une multitude d'appareils.

Les images responsives

Qu'est ce qu'une image responsive ?

Une image responsive est une image qui s'affiche toujours de la meilleure manière dans un site web en prenant en compte le support sur lequel elle s'affiche.

La méthode la plus simple pour rendre une image responsive est d'adapter sa taille au support sur lequel on la consulte sans pour autant changer d'image.

<img src="img/mon-image.jpg" width="300" height="150" alt="ma superbe image">
img {
  max-width: 100%;
  height: auto;
}