Accueil Médias sociaux Web Design: Principes de base de la détection de navigateurs et de lieux -

Web Design: Principes de base de la détection de navigateurs et de lieux -

Table des matières:

Vidéo: Live MOOC Accessibilité numérique 2025

Vidéo: Live MOOC Accessibilité numérique 2025
Anonim

Lorsque vous naviguez sur Internet sur votre téléphone mobile, de nombreux sites Web affichent automatiquement leur version adaptée aux mobiles. Dans les coulisses, les développeurs ont placé un script dans le site qui fonctionne pour déterminer le type de navigateur que vous utilisez (iPhone, iPad, Android, Blackberry, ou même les navigateurs de bureau tels que Firefox et Internet Explorer). En fonction du résultat demandé, le script redirige l'utilisateur vers le site Web approprié pour garantir une expérience optimale. Par exemple, il n'est pas rare d'avoir plusieurs versions d'un site Web. En plus d'un site spécifique au mobile, vous pouvez avoir un site optimisé pour les nouveaux navigateurs de bureau, prenant en charge de nombreuses fonctions HTML et CSS, et un site simplifié pour les anciens navigateurs.

Détection IP et GPS

Selon la nature de vos produits et services, un détail utile à détecter est l'emplacement général de l'utilisateur dans le monde. De nombreux sites, par exemple, sont des sites mondiaux qui desservent de nombreux pays et langues. Il est possible de créer un site Web unique qui affiche un contenu entièrement différent - dans la langue maternelle de l'utilisateur - simplement en utilisant un script de détection IP (Internet Protocol) qui détermine l'emplacement de l'utilisateur. La façon dont cela fonctionne est que quand quelqu'un obtient le service Internet, on lui attribue une adresse IP. Il existe des bases de données d'emplacements d'adresses IP que le script peut vérifier afin de déterminer l'emplacement général de l'utilisateur.

Le site Web de MonsterEnergy, par exemple, fonctionne de cette façon. Si vous êtes en Espagne et tapez MonsterEnergy. com dans votre navigateur, vous obtenez des nouvelles locales espagnoles, des événements et des images sous-titrées en espagnol. Le script de détection IP indique au site le contenu du pays et de la langue à extraire de son système de gestion de contenu (CMS).

crédit: © Monster Beverage Company

Alors que la méthode de détection IP vous donnera une région générale associée à l'adresse IP, il est également possible d'obtenir l'emplacement GPS spécifique d'un utilisateur en utilisant une combinaison de JavaScript et HTML5 La méthode JavaScript, cependant, exige que vous demandiez d'abord l'autorisation de l'utilisateur. Bien que cette méthode nécessite une étape supplémentaire de demande d'autorisation de la part de l'utilisateur, elle vous fournit des résultats de localisation précis, tandis que la méthode de détection IP n'est précise qu'à un niveau régional général. Bien que la plupart d'entre nous connaissent la capacité d'un téléphone portable à obtenir rapidement des données de localisation GPS en utilisant les données hotspot Wi-Fi et la tour cellulaire, vous vous demandez peut-être comment votre ordinateur de bureau peut obtenir ces données.La réponse est que votre ordinateur domestique et de bureau connecté à Internet partage ses données IP avec des réseaux sans fil à proximité. En plus des réseaux Wi-Fi à proximité, l'API Geolocation utilise plusieurs sources d'informations de localisation, en fonction de l'appareil (smartphone ou bureau), y compris les données satellitaires, les dispositifs de repérage radio et le matériel Internet. Pouvez-vous dire "Big Brother regarde? "

Web responsive

Une tendance plus récente est la notion de design responsive dans laquelle une page Web peut détecter la taille du navigateur et la résolution de l'écran - même si elle change lorsqu'un utilisateur redimensionne la fenêtre du navigateur - et reconfigurer dynamiquement disposition pour accueillir la nouvelle taille. La magie qui rend cela possible est la partie Media Queries de la spécification CSS3. Une requête multimédia est un code CSS qui détecte la taille du navigateur et, en fonction du résultat, indique à la page de charger la feuille de style appropriée, telle qu'un écran large. css par opposition à l'écran mobile. css. Ces différentes feuilles de style contiennent différents systèmes de mise en page, tailles de police et paramètres d'optimisation de l'image. Par conséquent, en théorie, quel que soit le nombre de dispositifs différents introduits sur le marché, chacun avec un espace d'écran unique, il est possible de créer simplement un nouveau document CSS qui optimise votre site Web pour l'adapter.

Crédit: © Andersson-Wise ArchitectsLe site web d'Andersson-Wise est un exemple élégant de design réactif. Le site s'affiche dans deux colonnes dans les grandes fenêtres de navigateur.

Crédit: © Andersson-Wise ArchitectsLe même site Web Andersson-Wise se reconfigure en temps réel en une seule colonne lorsque la fenêtre du navigateur devient plus petite.

Crédit: © Andersson-Wise ArchitectsPrésenté sur un iPhone, le site web d'Andersson-Wise s'affiche en une seule colonne.

Web Design: Principes de base de la détection de navigateurs et de lieux -

Le choix des éditeurs

Spotify Mobile Service avec un compte Premium - Les nuls

Spotify Mobile Service avec un compte Premium - Les nuls

Les deux principaux avantages des abonnés Spotify Premium sur Spotify Free ou Les détenteurs d'un compte illimité ont la capacité d'accéder au catalogue de diffusion en continu de Spotify via un appareil mobile et d'écouter des pistes en mode hors connexion à l'aide de votre application mobile ou informatique. Ce sont les deux caractéristiques qui justifient le fait que Spotify ...

Spotify Listes de lecture de Mobile - mannequins

Spotify Listes de lecture de Mobile - mannequins

Comme sur votre ordinateur, vous pouvez gérer les listes de lecture Spotify sur votre téléphone. Toute modification apportée à votre liste de lecture est synchronisée sur tous les appareils auxquels vous êtes connecté, en temps réel. Lorsque vous démarrez l'application Spotify, toutes vos playlists sont affichées immédiatement, mais vous pouvez y accéder à tout moment en appuyant sur ...

Spotify vous permet de vous lier à peu près n'importe quoi - les tuls

Spotify vous permet de vous lier à peu près n'importe quoi - les tuls

Spotify vous permet de copier des liens Web et des URI vous pouvez coller où vous voulez: dans les blogs, les e-mails, les réseaux sociaux, même les documents de traitement de texte. Cliquez avec le bouton droit de la souris sur ce que vous voulez partager et choisissez une option de copie dans le menu contextuel qui s'affiche généralement. Dans certains cas, si vous savez comment un lien est construit, ...

Le choix des éditeurs

Médias sociaux et marketing par e-mail - nuls

Médias sociaux et marketing par e-mail - nuls

Réseaux sociaux clients potentiels via des sites Web et des e-mails. Rappelez-vous, la suppression des e-mails pour gagner du temps est le mode opératoire pour les gens connectés en ligne dans les affaires ces jours-ci. Certaines entreprises estiment avoir le droit d'envoyer des offres quotidiennes et des promotions accompagnées de fanfares. Est-il même possible pour une entreprise de ...

Social Media Commerce: Enregistrement client par Mobile App - dummies

Social Media Commerce: Enregistrement client par Mobile App - dummies

Certains médias sociaux Les applications récompensent leurs utilisateurs pour l'enregistrement depuis les smartphones au fur et à mesure qu'ils passent d'un endroit à un autre dans le monde des briques et du mortier. Cette activité d'enregistrement mobile est populaire auprès de ceux qui se connectent en ligne. Vous pouvez encourager les gens à se présenter à votre lieu de travail. Le leader actuel sur le marché est Foursquare, un ...

Social Media Commerce: Blog pour votre entreprise - dummies

Social Media Commerce: Blog pour votre entreprise - dummies

Quand vous vous sentez prêt Pour passer à l'étape suivante dans le commerce des médias sociaux et faire quelque chose au-delà d'un site Web d'entreprise, vous pouvez développer un blog pour communiquer avec les clients. Les blogs offrent un espace à votre entreprise pour améliorer son message et répondre aux commentaires des lecteurs. Un blog (à partir du web-journal) peut ...

Le choix des éditeurs

Comment traduire votre réseau Ning en une langue non prise en charge - les nuls

Comment traduire votre réseau Ning en une langue non prise en charge - les nuls

Bien que Ning supporte 18 langues , avec autant de langues dans le monde, vous devrez peut-être traduire votre réseau en un réseau que Ning ne prend pas en charge. Créer une nouvelle traduction:

Comment syndiquer le contenu de votre réseau Ning - des nuls

Comment syndiquer le contenu de votre réseau Ning - des nuls

Votre réseau Ning vous offre de nombreuses façons d'utiliser Flux RSS pour syndiquer le contenu que vous et vos membres contribuent au réseau. Si les titres des éléments des flux RSS de votre réseau sont suffisamment informatifs et convaincants, les internautes qui visitent d'autres sites Web qui affichent le flux RSS de votre réseau peuvent cliquer sur les titres ...

Comment utiliser le mur de commentaires de Ning - mannequins

Comment utiliser le mur de commentaires de Ning - mannequins

Votre page de profil Ning a un mur de commentaires, où autre Les membres de Ning peuvent vous laisser des messages. Le mur de commentaires permet aux membres de vous écrire quelque chose, d'inclure un lien vers un autre site Web, d'intégrer de la vidéo à partir du réseau ou d'autres sites, ou de poster une photo pour que vous puissiez la consulter. N'importe qui dans le réseau peut partir ...