Le choix de votre nom de domaine est une étape stratégique dans la création ou la consolidation de votre présence en ligne.
Parmi toutes les extensions disponibles, le .fr s’impose comme la référence pour les entreprises, associations et particuliers souhaitant affirmer leur identité française.

Disposer d’un nom de domaine .fr vous permet :

• de rassurer vos visiteurs sur la provenance de votre activité
• de bénéficier d’un cadre de gestion fiable et sécurisé, sous la responsabilité de l’AFNIC (+ de 30 ans sans interruption de service ni panne)
• 88 % des français estiment qu’une adresse internet en .fr est digne de confiance (source : AFNIC).

Le respect de la charte de nommage de l’AFNIC

Les noms de domaine en .fr sont soumis à des règles précises de nommage, définies par l’AFNIC.
Cette charte encadre les conditions d’enregistrement, d’attribution et d’usage des domaines, afin de garantir une utilisation responsable et sécurisée de l’espace numérique français.

En tant que bureau d’enregistrement accrédité par l’AFNIC depuis 2000, ICE DEVELOPMENT veille à ce que chaque nom de domaine enregistré respecte rigoureusement cette charte.

Notre prestation de gestion de noms de domaine

Chez ICE Development, nous ne nous contentons pas de réserver votre domaine : nous assurons une gestion complète, sécurisée et sans surcoût tout au long de sa durée de vie.

Tout est inclus dans notre prestation

• Réservation & renouvellement
• Enregistrement immédiat dès votre validation
• Renouvellement automatique 60 jours avant échéance, sauf demande contraire.
• Aucun risque de coupure ou de perte de domaine

Mais aussi toute la configuration technique :

• Création et gestion des zones DNS
• Pointage vers vos serveurs d’hébergement
• Création, modification d’enregistrement (A, TXT, CNAME, MX, etc)
• Configuration SPF, DKIM et DMARC pour sécuriser vos envois d’e-mails (à notre charge si vous nous confiez votre messagerie)
• Support et assistance technique (un simple mail à exploitation@ice-dev.com)
• 4 personnes dans notre équipe sont habilitées à intervenir rapidement sur vos configurations.
• Et bien sûr, nous restons joignables par téléphone pour tout besoin urgent.

*** Aucune facturation supplémentaire ***

Toutes les opérations liées à votre domaine sont incluses dans le tarif annuel. Pas de frais cachés, pas de devis à chaque intervention.

Pourquoi faire confiance à ICE Development ?

• Bureau d’enregistrement accrédité par l’AFNIC – pour une gestion directe et sécurisée de vos .fr
• 25 ans d’expérience dans la gestion technique de domaines et d’infrastructures web
• Réactivité : une équipe disponible et impliquée
• Fiabilité : gestion conforme aux bonnes pratiques de sécurité DNS et mail
• Proximité : 4 personnes dédiées, sans intermédiaire.

En résumé

Confier votre nom de domaine à ICE Development, c’est choisir :

• un accompagnement complet,
• une expertise reconnue,
• et la tranquillité d’esprit d’un partenaire accrédité par l’AFNIC.

Contactez-nous ou écrivez-nous dès aujourd’hui à exploitation@ice-dev.com, ou par téléphone au 04.37.28.14.11 : notre équipe est à votre écoute.

L’article Pourquoi choisir un nom de domaine en .fr — et pourquoi passer par un bureau d’enregistrement accrédité par l’AFNIC comme ICE DEVELOPMENT est apparu en premier sur Ice Development.

Qu’est ce qu’une Progressive Web App ?

Une Progressive Web App est un mixte entre un site web et une application mobile.

Une progressive Web App est une version optimisée d’un site mobile intégrant des fonctionnalités d’applications natives (normalement indisponibles sur un navigateur).

Elle combine les meilleures fonctionnalités d’un site Web et agit comme une application

L’idée générale est de réussir à afficher un raccourci vers un site web sur l’écran d’accueil de son smartphone. (voir ci-dessous)

Cette opération s’effectue en 3 étapes majeures que je vais détailler ci-après:

1. Le Manifeste : fichier JSON qui décrit toutes les métadonnées de votre PWA
2. Passage au protocole https si celui-ci n’utilise pas cette sécurisation. En effet, les Applications Web Progressives doivent être servies via une connexion sécurisée (voir article sur la sécurisation https)
3.  Service Worker : est un script qui fonctionne sur l’arrière-plan du navigateur, sans interaction de l’utilisateur. En outre, il ressemble à un proxy qui fonctionne du côté de l’utilisateur.

Étape 1 : Le Manifeste

Comme expliqué précédemment, le manifeste json regroupe toutes les informations nécessaires à la création de notre PWA (nom, icône etc…)

Cela permet de faire passer aux navigateurs l’information sur comment afficher notre application en tant que « raccourci » installé sur notre téléphone.

Il se place à la racine de notre site web (voir ci-dessous) :

Voici un exemple de manifest pour un site web et les métadonnées de notre PWA

Attention : il ne faut pas oublier d’indiquer, comme pour une feuille de style avec la balise link, l’emplacement du manifest :

<link rel= "manifest" href= "manifest.json"

{
   
    "short_name": "ICE",
    
    "name": "ICE DEV PWA",
    
    "icons": [
      {
        "src": "ice.png",
        "type": "image/png",
        "sizes": "192x192"
      }
   ],
   
    "start_url": "/index.html",	
    
    "background_color": "#000000",
    
    "display": "standalone",
    "theme_color": "#ff0000"
  }

En résumé, voici l’intérêt de chacune des données listées :

• Short_name : Un nom court pour l’application web, compréhensible pour un humain. Il est destiné à être utilisé quand il n’y a pas suffisamment de place disponible pour afficher le nom complet de l’application.

• Name : Fournit un nom pour l’application, lisible pour un humain, car il est destiné à être affiché à l’utilisateur

• Icons : Définit le logo de notre PWA par exemple ici : « ice.png » de 192×192, à la racine de notre site.

• Start_url : Spécifie l’URL qui se charge, lorsque l’utilisateur lance une application à partir d’un périphérique.

• Display : Définit le mode d’affichage préféré du développeur pour l’application web (utiliser standalone).

• Theme color & background_color : définit la couleur du fond lors du chargement et lors de l’utilisation de l’application.

Pour vérifier que tout fonctionne bien , on peut voir le manifeste apparaitre dans la section « application » en faisant clic droit + inspecter

Étape 2 : Protocole HTTPS

Dans le cas ou le site web ne suit pas le protocole https, il faut suivre les deux cas de figure suivants (si vous avez déjà le certificat SSL passez à l’étape 3) :

Si vous gérez votre propre serveur :  Il faut de façon indispensable se procurer une certification SSL

Il existe des solutions comme « Let’s Encrypt » qui permettent d’en obtenir une de façon fiable.

Sinon, dans le cas d’un hébergement mutualisé, il faut utiliser une solution payante à définir avec son hébergeur.

Étape 3 : Le Service Worker

Le Service Worker est le lien qui existe entre l’hôte et le navigateur. Il permet également de gérer le cache que l’on veut sélectionner lorsque on utilise la web app.

Pour le configurer, il faut ajouter deux fichiers JavaScript (à la racine du site).

On les appellera script.js et sw.js

Une fois cela réalisé, il suffit d’ajouter la fonction suivante dans notre script.js :

if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('sw.js')
          .then(function () {console.log('Enregistrement reussi.')})
          .catch(function (e) {console.error(e)});
      }

Cette fonction a pour but de tester si le service worker est présent dans le navigateur et fonctionne efficacement.

Il est possible de vérifier si le Service Worker s’est enregistré correctement dans la console ou s’il renvoie une erreur dans la console du navigateur. (clic droit + inspecter)

On va maintenant ajouter la configuration de base au fichier sw.js

//lors de l'installation
self.addEventListener('install' ,evt =>{
console.log('install evt',evt);

}) 


//capture des events
self.addEventListener('fetch' ,evt =>{
    console.log('events captures : ');
    console.log('fetch evt sur url' ,evt.request.url);
        
})    

Note importante : Il est possible de vérifier que tout fonctionne correctement dans un navigateur dans la section « application » lorsque l’on fait clic droit + inspecter

Test de la Progressive Web App

Chrome propose une extension qui permet de vérifier l’efficacité (performances, accessibilité) de son application via une extension Google :

Cela permet de vérifier que tout fonctionne correctement.

L’article Comment ajouter la fonctionnalité PWA à votre site ? est apparu en premier sur Ice Development.

Ice Development vous présente un guide de 11 petits gestes qui réduiront votre empreinte écologique dans votre consommation liée à l’utilisation des nouvelles technologies.

Sélectionner avec soin nos mots clé pour les recherches sur le web, et ajouter des signets pour nos sites préférés.

Un Français saisi en moyenne 949 requêtes par an dans les moteurs de recherche, et nous sommes près de 67 Millions. Le trajet parcouru par une requête est d’environ 15 000 km, le calcul est simple. La consommation d’énergie et l’émission des gaz à effets de serre sont donc considérables. L’astuce est de bien sélectionner les mots clé de nos recherches, de favoriser l’utilisation de marqueurs « et / ou » et de placer les mots clé importants de nos recherches entre guillemets. Placer nos sites préférés dans la barre des favoris réduits notre empreinte écologique, puisque ce simple geste réduit le nombre de recherches sur les moteurs de recherche.

Planter des arbres grâce aux moteurs de recherche engagés

Ecosia, Ecogine, Lilo…Toutes ces alternatives à Google, investissent les sommes récoltées grâce à nos recherches dans des actions environnementales et autres causes solidaires.

Supprimer le logo de notre signature de mail

Ce n’est plus un secret pour personne, l’envoi et la réception de mail génèrent des émissions de CO2. Plus le mail est lourd, plus les émissions sont importantes. Un logo dans une signature alourdi considérablement les mails, le simple fait de supprimer le logo de notre signature après le premier échange a un impact.

Faire le ménage dans nos mails toutes les semaines

Conserver ses mails dans la boite de réception, c’est les stocker sur des serveurs qui émettent des gaz à effets de serre et consomment de l’énergie. Faire le tri hebdomadairement de ses mails en conservant les plus importants et en supprimant les autres, réduit notre empreinte écologique.

Limiter notre inscription aux newsletter inutile

Unroll.me ou CleanFox réduisent la réception de mail publicitaires inutiles, et donc permet par la même occasion de réduire notre empreinte écologique.
En rédigeant cet article, j’ai testé CleanFox. C’est simple et vraiment efficace pour faire un grand ménage et recevoir moins de mails inutiles.

Utiliser les plateformes de partage de fichiers pour le transfert de nos pièces jointes

Wetransfer et Transfer Now sont nos amis. L’envoi d’un mail avec pièce jointe de 2 Mo consiste à laisser allumer 1 heure une ampoule de 60 W.

Protéger nos appareils électroniques

Prenons l’exemple de l’ordinateur. Sa conception nécessite 22 kg de produits chimiques non-renouvelables et non bio dégradables, ainsi que 1.5 tonnes d’eau entre autres. Prenons un échantillon de 50 000 personnes qui allongent la durée de vie de leurs ordinateurs de 1 an et nous obtenons une économie de 3 000 tonnes de gaz à effet de serre. La solution est simple, prenons soin d’éteindre nos appareils lorsque nous ne les utilisons pas et ne cédons pas trop rapidement aux nouveautés technologiques. L’impact sera doublement positif puisque en plus de réduire notre empreinte écologique, nous ferons des économies.

Éteindre nos appareils en veille

10 % de notre facture électricité, c’est ce que représente les appareils électroniques que nous laissons en veille. Une multiprise avec interrupteur est une solution simple, écologique et économique.

Limiter notre utilisation du Cloud

Stocker ses fichiers lourds sur des disques durs externes réduit la consommation énergétique des data centers. Plus de 3 500 kg, c’est l’équivalent en pétrole de consommation énergétique par habitants en 2015, les data centers en consomment entre 5 et 10 %.

Baisser la luminosité de nos écrans

Recharger nos smartphones consomme de l’énergie et réduit leur durée de vie. Baisser la luminosité de nos écrans a un impact considérable sur notre empreinte écologique, mais pas que, sur nos finances et notre santé également.

Limiter notre utilisation du Streaming

Le Streaming représente 82% du trafic internet à l’échelle mondiale. Les bonnes pratiques ? Enregistrer les programmes pour les visionner plus tard, les supprimer après, et réduire la définition de nos visionnages. En effet, réduire la définition d’un film peut diviser par 10 notre consommation énergétique

Ici, chez Ice Development, nous sommes nombreux l’impact qu’un petit geste peut avoir, notamment l’impact d’une simple image en signature de mail.

Et vous ? Connaissiez-vous toutes ces astuces ? Avez-vous déjà adopté une ou plusieurs de ces pratiques ? N’hésitez pas à partager cet article sur les réseaux sociaux pour maximiser l’impact et sensibiliser les gens à de simples gestes qui font la différence.

D’après l’article de la Fondation pour la nature et l’homme intitulé « les éclairés pour l’énergie »

L’article 11 gestes surprenants qui feront la différence dans notre consommation d’énergie est apparu en premier sur Ice Development.

Une pratique en augmentation, malheureusement…

On constate une forte augmentation des sites ayant recours à ce système pour inciter les visiteurs à s’inscrire à leur newsletter, ou pour mettre en avant une actualité par exemple.
Certains vous diront, oui mais depuis que j’ai mis ce système, j’ai augmenté fortement mon nombre d’inscrits à la newsletter. OK… Et sinon, combien ont fermé le site après avoir été interrompu dans leur navigation ?

Le bon usage des interstitiels/colorbox/pop-in ou pop-up, un peu d’UX s’il vous plait !

En soit, il n’y a pas de contre-indication à utiliser ce système de fenêtre pop-up à l’intérieur d’un site, tant qu’elles apparaissent après action de l’internaute (clic sur un bouton par exemple).
Mais faire apparaitre une fenêtre sans que l’utilisateur ne s’y attende, c’est se tirer une balle dans le pied !

Posez-vous quelques questions :
Avez-vous pensé à la personne qui est déjà inscrite à la newsletter ? Pourquoi l’ennuyer avec cela à chaque fois qu’elle revient sur votre site ?
Pensez-vous que les personnes sont venues jusqu’ici pour s’inscrire à votre newsletter ?

La colorbox indésirable IRL ( = dans la vraie vie véritable)

Est-ce que vous trouveriez naturel qu’un vendeur de vêtement chez qui vous entrez pour la toute première fois, vous aborde avec un : « Bonjour, vous voulez une carte de fidélité ? » ?
Ne trouverez-vous pas plus normal qu’il vous serve un : « Bonjour, est-ce que je peux vous aider, vous recherchez quelque chose de particulier ? » ?

Comment se débarrasser de ces nuisibles ?

En attendant que Google trouve le moyen de sanctionner les sites ayant recours à ce genre de procédé, il existe une solution pour les utilisateurs de Chrome ou Firefox.

Il s’agit d’AdGuard AdBlocker.

Fonctionnement de ce bloqueur d’interstitiels

Vous êtes en train de lire un article très intéressant, quand soudain, vous êtes agressé par une pop-up : « Inscrits-toi à la newsletter, tu verras, c’est super cool !! Aie confiance… Crois-en moi…Les spams c’est pas not’ truc ».

Télécharger Adguard : le bloqueur de pop-up

• Plugin Firefox : https://addons.mozilla.org/fr/firefox/addon/adguard-adblocker/
• Plugin Chrome : https://chrome.google.com/webstore/detail/adguard-adblocker/bgnkhhnnamicmpeenaelnjfhikgbkllg/related?hl=fr

L’article Comment bloquer les interstitiels ou autres pop-up, modal, colorbox, pop-in qui nous pourrissent la vie ? est apparu en premier sur Ice Development.

L’article .htaccess bloquer tout sauf une url définie est apparu en premier sur Ice Development.

Cette page est crée par WordPress de manière automatique, ainsi vous pouvez vous retrouver avec une longue liste de pages indexées dont l’intérêt est vraiment très discutable, c’est pourquoi je vous propose une solution pour supprimer ces pages.

Voici une solution simple pour supprimer ces pages indésirables.
Créez une page image.php dans votre thème enfant et collez-y ce code :

Si vous ne désirez pas supprimer l’accès à ces pages mais simplement empêcher leur indexation, le plugin Yoast SEO permet d’ajouter un meta noindex sur ces pages.

Yoast Seo / Titres et Métas

Save

Save

Save

Save

L’article Supprimer la page du fichier attaché sur WordPress est apparu en premier sur Ice Development.

Dans le tutoriel ci-dessous nous verrons :

• Comment savoir que mon image n’est pas adaptée pour le Web ?
• Quel logiciel gratuit me permet de redimensionner les images (via le logiciel gratuit XnView)
• Comment bien nommer ses images ?

Erratum : le conseil à propos de l’image qui doit être en 72 Dpi n’est pas correcte. C’est une ancienne légende qui perdure, la vérité, c’est que la résolution n’impacte pas le rendu sur écran ou le poids de l’image. Seule la largeur/hauteur compte. Il suffit de faire un essai à 3000 dpi et à 1 dpi pour s’en convaincre.

Redimensionner, puis retailler une image

Il arrive que le format des images à préparer ne soient pas standard. Voici par exemple, comment préparer une image au format 1230 * 600 à partir d’une image source de 3500 * 2234

1. Définir la largeur à 1230 px
   

   

2. « Recadrer » l’image pour réduire sa hauteur à 600px
   Faire un rectangle de sélection, puis cliquer sur le bouton « retailler »

   

3. Enregistrer l’image.

Trouver la taille d’un élément

Une autre question nous est fréquemment posée lors des formations :
« Je comprends qu’il faille redimensionner mes images, mais comment puis-je connaitre la bonne taille d’image à utiliser sur mon site Internet ? »

Save

L’article Comment optimiser et redimensionner facilement ses images ? est apparu en premier sur Ice Development.

Voici différents modèles à copier/coller qui vous aideront dans cette fastidieuse tâche.

Modèle de Mentions Légales

Il faut savoir que toute personne éditant un site Internet doit mettre à disposition facilement et sur toutes les pages de son site un accès aux mentions légales.

Modèle de Conditions Générales de Vente

Les CGV sont obligatoires sur les sites E-commerce. Véritable gage de confiance pour vos clients, ces conditions doivent être accessibles et complètes. Pour être sûr de ne pas oublier une mention obligatoire, voici un modèle complet à remplir :

Modèle de Conditions Générales d’Utilisation CGU

Les CGU ne sont pas obligatoires, mais recommandées afin de vous préserver en cas de litige.

L’article Comment rédiger ses CGU, CGV et Mentions Légales ? est apparu en premier sur Ice Development.

Voir la vidéo : gagnez du temps en utilisant les raccourcis windows

Rappel des raccourcis de base sous windows :

• Windows + D : retour au bureau
• Windows + E : afficher l’explorer
• Ctrl + A : sélectionner tout
• Ctrl + X : couper
• Ctrl + C : copier
• Ctrl + V : coller
• Ctrl + Z : annuler
• Clic milieu : ouvre un lien dans un nouvel onglet
• F5 : rafraîchir la page
• Alt + Tab : parcourt les programmes ouverts
• Shift + Alt + Tab : parcourt les programmes ouverts dans l’autre sens.

Connaissez-vous d’autres raccourcis de base pour gagner du temps ?

L’article Comment gagner beaucoup de temps lors de la mise à jour de votre site internet ? est apparu en premier sur Ice Development.

Il existe de nombreuses manières de faire une capture de page web, en voici deux :

• La capture de base dans windows : touche Impr. Écran
• La capture via un plugin : Nimbus Screenshot

Voir la vidéo : Comment faire une capture d’écran et l’annoter

Rappel des touches

Impr. Écran : capture tout l’écran
Alt + Impr. Écran : capture la fenêtre sélectionnée

Notez que vous pouvez coller (Ctrl + V) la capture, dans un mail outlook directement.

Plugin

Sur Firefox
https://addons.mozilla.org/fr/firefox/addon/nimbus-Screenshot/

Sur Chrome
https://chrome.google.com/webstore/detail/nimbus-screenshot/bpconcjcammlapcogcnnelfmaeghhagj

L’article Comment faire facilement des captures d’écran et les annoter ? est apparu en premier sur Ice Development.