Reste chez toi ! Le cours de ton choix OFFERT.

En général je teste les choses avant de les présenter, mais cette fois-ci je ne l’ai pas encore fais. J’ai regardé les présentations de cours de John Taieb (Codeur) sur Udemy et il me paraît compétant et sympathique (c’est important pour pouvoir suivre un cours), j’ai même acheté un cours que je n’ai pas commencé …

Alors je vous partage ce message promotionnel à saisir 🙂

Bonjour Paul, une annonce vient d’être envoyée par John, formateur du cours Formation Complète Développeur Web.

T’es coincé chez toi? Tu tournes en rond, tu sais plus quoi faire?
Et si on tranformait quelque chose de négatif en positif? Et si t’utilisais tout ce temps pour apprendre à coder?
L’avantage du code c’est que c’est 100% confinement-friendly! Tout se fait sur ton ordi grâce à Internet sans sortir de chez toi!

Donc reste chez toi et stop au corona…
Je t’offre n’importe lequel de mes cours sur le site apprendre-a-coder .com 🙂
Utilise le code promo CONFINEMENT et c’est parti…
Partage cette info à tous tes amis et commençons ensemble à confiner utile!

Une petite rectification :
le code promotionnel ne fonctionne pas sur tous les cours …

HTML & CSS avec Dreamweaver

Trois tutoriels d’à peu-près d’une heure trente pour créer une page web en HTML et CSS avec Dreamweaver (version 2020). Une très bonne façon de découvrir les nouveautés de DW qui facilite la vie :
    • Les raccourcis pour les “éléments HTML”
    • Les raccourcis d’écriture des “classes”
    • L’ajout direct des “polices”
    • Le panneau des requêtes multimédias

Cliquez ici pour voir l’exemple réalisé et les vidéos des cours.

Les vidéos sont en anglais …

Ajout d’un post Linkedin (Iframe)

J’ai fait un post sur LinkedIn suite à l’obtention de notre diplôme de CMN. Voilà les étapes pour l’intégrer dans une page web :

    1. Rendez-vous sur votre post sur LinkedIn (c’est à peu près la même chose sur les autres réseaux sociaux).
    2. Ouvrez le menu “plus” et choisissez “le code d’intégration sur une page web”
    3. Sur votre site, accédez à la partie ajout de code (sur WordPress voir l’image plus bas)
    4. Collez le code 
    5. Il est généralement possible de modifier la taille de l’affichage de l’iframe (voir image)
Copier le code
Copiez le code d'intégration 01
Copier le code 02
Copiez le code d'intégration 02
Ajout de code HTML
Sur votre site, accédez à la partie ajout de code (WP Elementor)
Coller le code
Coller le code

Le résultat ci-dessous pour ce post :

Un pack complet pour commencer un projet web

Pour se faciliter le travail lors d’un nouveau projet de site web, il existe HTML5 Boilerplate.

C’est le fruit de l’expérience et du partage de plus de 100 développeurs. Il s’agit du “minimum” complet qui permet de ne pas oublier par exemple de rajouter un fichier normalize.css 

Ce template front-end simple permet de démarrer un site robuste, rapide et adaptable …

L'aperçu du contenu du pack à télécharger sur html5boilerplate.com
Aperçu de la page index.html
Aperçu de la page index.html et (dans la barre du haut) des fichiers associés

Revolut : un compte en-ligne gratuit

Un test de banque en-ligne.

J’ai testé Revolut : une application pour ouvrir un compte en-ligne directement à partir d’un smartphone. 

Le compte standard est gratuit. La carte bancaire est gratuite (l’envoie par la poste coûte 6€). Je l’ai reçu sans surprise. 

Le compte standard comprend :

    • Compte UK gratuit
    • Compte IBAN Euro gratuit
    • Possibilité de régler dans plus de 150 devises au taux de change interbancaire
    • Possibilité d’échanger dans 30 monnaies fiduciaires jusqu’à €6,000 par mois et sans frais cachés
    • Pas de frais de retrait aux DAB jusqu’à €200 par mois

Il y a bien un IBAN pour faire des virements mais pas de RIB
comme le demande parfois certains employeurs ! 

Dreamweaver

Après avoir utilisé le Dreamweaver CS3 pendant des années (c’était suffisant pour moi …) j’ai installé le Dreamweaver 2020.

La première chose que je remarque c’est que la page HTML du site (codé à la main) qui ne s’affichait pas en “en création” sur Dw CS3, s’affiche sur la version 2020.

Mais le plus pratique c’est que maintenant à la création d’une page Bootstrap peut être automatiquement ajouté (voir ci-dessous) :

Dw CS3 (code)
Dw CS3 (création)
Dw 2020 (code)
Dw 2020 (création)

Pour en savoir plus sur les nouveautés Dreamweaver 2020 c’est ici : https://helpx.adobe.com/fr/dreamweaver/using/whats-new.html

La présence de votre site dans les résultats de recherche Google

Le moyen le plus simple de vérifier pourquoi votre site n’apparaît pas dans les résultats de recherche de Google et d’aller voir dans Google Search Console.

Cet outil gratuit, plutôt indispensable lors du lancement d’un nouveau site, permet aussi :

  • Améliorer vos performances dans la recherche Google
  • Optimiser le contenu avec l’analyse de la recherche
  • Héberger votre contenu sur Google
  • Recevoir une alerte en cas de problème et corriger votre site
  • Déterminer comment la recherche Google accède à vos pages

Ouvrir un menu déroulant en survol dans Bootstrap

Pour économiser un clic aux visiteurs du site qui connaissaient déjà la 1ère page du blog, et atteindre directement la page des articles, sur le menu Bootstrap de la page HTML d’entrée, j’ai ajouté un menu déroulant (selon le code Bootstrap existant).

Mais par défaut, il faut cliquer dessus pour que le menu se déroule, ce qui n’est pas très pratique.

La recherche Google m’a amené à ce site IT-Swarm.Net

Je le note ici car la solution proposée est exactement ce dont j’avais besoin et peut-être que cela pourra servir à d’autres.

Site web indisponible …

Voilà ce qui arrive quand on ne règle pas le renouvellement de son hébergement. 

Je ne l’ai toujours pas réglé à ce jour (ça fait quelques mois que c’est la fin du mois), mais j’ai demandé un délais à OVH, ils m’ont accordé 5 jours … et pour l’instant le site est disponible.

Cette expérience montre que le contenu n’est pas effacé lorsque le site est mis en “indisponible”, du moins au début …

Mais les “applets” IFTT pour faire des posts automatique vers Facebook et Twitter ont “sauté” et j’ai du les re-créer, cet article permettra aussi de tester qu’ils fonctionnent.

Cela montre aussi l’importance de faire une sauvegarde en local.