Google Fonts fungerer ikke i Kina - Slik løser du det

Grunnen til at vi bruker Google API for å vise biblioteker som jQuery og Web Fonts, er at den tjener fort gjennom Googles pålitelige infrastrukturer. Den brukes nesten overalt, og så mye at noen brukere allerede har cachen lagret i nettleseren, noe som gjør at bibliotene lastes enda raskere.

Dessverre er det ikke tilfellet i Kina. Kinas regjering stengte tilgang til mange av Googles tjenester, inkludert Google API, i 2014. Sjansen er at nettstedet ditt kan vises delvis ødelagt i Kina, fordi jQuery og web-fonter som er vert i Google, er utilgjengelige.

I dette innlegget skal vi se hvordan vi går forbi Kinas "digitale" Great Wall, slik at nettstedet vårt kan løpe som hvordan det blir sett utenfor Kina. Vi skal bruke et alternativ skriftbibliotek som speiler Google Fonter og biblioteker, men først må vi sette inn noen tiltak for å identifisere brukere som hagler fra Kina.

Identifisere brukerplassering

Til å begynne med må vi finne hvor vår besøkende kommer fra og for å gjøre det, vi bruker denne WIPMania API som tillater henting av en besøkers geolokasjon, inkludert landets navn:

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', funksjon (data) {swal ('Du er fra', data.address.country);}); 

Vi bruker jQuery $.getJSON å ringe til API. Vi sender deretter data.address.country som skal fortelle oss hvor den besøkende er fra. Her er en demonstrasjon.

Gir Alternative Web Font Source

Så nå som vi kan hente vår besøkendes beliggenhet, skal vi erstatte Google Fonts med Useso-biblioteker, en CDN-tjeneste som speiler fonter og biblioteker fra Google API, for å betjene besøkende fra Kina.

På dette stadiet har vi fortsatt skrifttypestiler som peker på Google API:

Vi erstatter href i linkelementet med en JavaScript-funksjon.

 funksjon () / ', ' //fonts.useso.com/ '); $ (dette) .attr (' href ', $ erstatte);}); } 

Denne funksjonen erstatter hver lenke for å henvise til //fonts.useso.com/ i stedet for å peke til Google API-adressen, //fonts.googleapis.com/ .

Funksjonen vil bare løpe når den besøkende er fra CN, Kinas internasjonale landskode.

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

Vi er alle satt. Nå vil besøkende fra Kina bli servert skrifter via //fonts.useso.com/ som ikke er blokkert av den kinesiske regjeringen.

Angi timer og nedtelling til eventuelle hendelser med denne appen

Ingenting genererer forventning, akkurat som en nedtellingstimer, så hvorfor ikke få en til din iOS- eller Android-enhet som lar deg sette en for en kommende hendelse ved hjelp av den aptlyngte nedtellingen .Utviklet av de ansvarlige for timeanddate.com, Countdown er en app som lar deg sette ned nedtellingstimer for ulike hendelser som skal skje .Å

(Tekniske og design tips)

10 måter Internett er Gaming Real Life (for bedre eller verre)

Helt siden begynnelsen av moderne spill har vi vært litt mer tiltrukket av verdener som etterligner livet, i stedet for å forandre reglene. Spillene er mer gripende når de gir oss tilgang til hjørner av den virkelige verden som vi ellers ikke kan engasjere seg med, eller når de lar oss ta avgjørelser som ellers ikke er våre til å lage (som å bygge skyliner og samfunn i SimCity ), eller ville få oss i trøbbel hvis vi skulle lage dem (som glede i Grand Theft Auto).Det er det

(Tekniske og design tips)