hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Google Fonts ne fonctionne pas en Chine - Comment y remédier

La raison pour laquelle nous utilisons l'API Google pour servir des bibliothèques telles que jQuery et Web Fonts est qu'elle sert rapidement les infrastructures fiables de Google. Il est utilisé presque partout, et à tel point que certains utilisateurs peuvent avoir déjà le cache stocké dans leur navigateur, ce qui accélère le chargement des bibliothèques.

Malheureusement, ce n'est pas le cas en Chine. Le gouvernement chinois a fermé l'accès à de nombreux services de Google, y compris l'API Google en 2014. Il est possible que votre site Web apparaisse partiellement défectueux en Chine, car les polices jQuery et Web hébergées sur Google sont inaccessibles.

Dans ce post, nous allons voir comment contourner la Grande Muraille «numérique» de la Chine, afin que notre site web puisse fonctionner comme s'il était vu en dehors de la Chine. Nous allons utiliser une bibliothèque de polices alternative qui reflète les polices et les bibliothèques Google, mais nous devrons d'abord mettre en place des mesures pour identifier les utilisateurs originaires de Chine.

Identification de l'emplacement de l'utilisateur

Pour commencer, nous aurons besoin de trouver d'où vient notre visiteur, et nous utiliserons cette API WIPMania qui permet la récupération de la géolocalisation d'un visiteur, y compris le nom de son pays:

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', function (données) {swal ('Vous êtes de', data.address.country);}); 

Nous utilisons jQuery $.getJSON pour appeler l'API. Nous passons ensuite data.address.country qui devrait nous dire d'où vient le visiteur. Voici une démo.

Fournir une source de polices Web alternative

Ainsi, maintenant que nous pouvons récupérer notre emplacement de visiteur, nous allons remplacer Google Fonts par des bibliothèques Useso, un service CDN qui reflète les polices et les bibliothèques de Google API, pour servir les visiteurs de Chine.

À ce stade, nous avons toujours nos styles de police pointant vers l'API Google:

Nous remplacerons le href dans l'élément link par une fonction JavaScript.

 function replaceGoogleCDN () {$ ('link'). chaque (function () {var $ intial = $ (this) .attr ('href'), $ replace = $ intial.replace ('// fonts.googleapis.com / ', ' //fonts.useso.com/ '); $ (this) .attr (' href ', $ replace);}); } 

Cette fonction remplace chaque lien pour faire référence à //fonts.useso.com/ au lieu de pointer vers l'adresse API Google, //fonts.googleapis.com/ .

La fonction ne fonctionnera que si le visiteur est du CN, le code de pays international de la Chine.

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', fonction (données) {if (data.address.country_code == 'CN') {replaceGoogleCDN ();}}); 

Nous sommes tous ensemble. Maintenant, les visiteurs de la Chine seront servis des polices via //fonts.useso.com/ qui n'est pas bloqué par le gouvernement chinois.

20 idées de décoration sur le thème de la Saint-Valentin pour les romantiques

20 idées de décoration sur le thème de la Saint-Valentin pour les romantiques

Donc, vous prévoyez une date spéciale pour la Saint-Valentin et que vous voulez déclarer votre amour à votre moitié. Ne faites pas l'erreur d'oublier les décorations festives qui peuvent faire de cette expérience une expérience inoubliable.Quand il s'agit de décorer, il ne suffit pas d'éclabousser de rouge ou de tout transformer en forme de cœur. Il existe

(Conseils techniques et de conception)

Bibliothèques JavaScript pour les effets de défilement cool

Bibliothèques JavaScript pour les effets de défilement cool

Une conception de site Web prend vie avec une animation bien exécutée. Si vous recherchez les bibliothèques appropriées pour ajouter des effets à votre projet, voici une liste de certaines bibliothèques que vous pouvez utiliser pour donner des effets basés sur l'événement scroll .Lorsqu'un utilisateur fait défiler votre page Web, l'action peut être conçue pour déclencher une variété d'options d'animation, telles que les effets de fondu, le flou, la 3D, la parallaxe, etc. Il y a 25 bib

(Conseils techniques et de conception)