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


Des images réactives en toute simplicité avec ResponsifyJS

Le web moderne devrait être 100% réactif et les nouvelles bibliothèques rendent cela de plus en plus possible.

Avec des plugins gratuits, tels que ResponsifyJS, il est encore plus facile de faire fonctionner vos sites Web sur tous les appareils. Ce plugin jQuery gratuit prend un conteneur d'images et les réorganise de manière dynamique en fonction de la taille de l'écran.

Comme les différents conteneurs contiennent des images différemment, ils peuvent être redimensionnés de façon très étrange. Parfois, vous aurez des photos de personnes et leurs visages peuvent être coupés lors du redimensionnement sur mobile.

Le plugin Responsify a été créé pour résoudre ce problème. Cela peut fonctionner automatiquement, mais la vraie magie réside dans la définition de votre propre zone de mise au point sur l'image.

Il utilise un système interne de descriptions décimales pour trouver où le foyer de l'image devrait être. Par exemple, vous pouvez définir des positions telles que data-focus-top qui "bloque" un certain segment de l'image.

Ces données doivent être transmises sous la forme de décimales, par exemple un .5 décimal cible 50% de l'image (gauche / droite ou haut / bas). Naturellement, c'est assez déroutant à faire par vous-même. Mais, il y a une application gratuite de Responsify qui vous permet de calculer les positions de manière dynamique dans votre navigateur.

Il suffit de télécharger une image, définir la zone de mise au point, puis copier / coller le code de l'image dans votre site Web. Le plugin Responsify aura toutes les données dont il a besoin pour redimensionner correctement l'image sur des écrans plus petits.

Vous pouvez trouver quelques liens de démonstration en direct dans le dépôt GitHub, y compris des extraits de code à copier / coller dans votre site.

Ce plugin n'est pas la solution parfaite pour tous les projets. Parfois, vous souhaitez que les images soient redimensionnées sans zones de mise au point fixes. Mais, si vous utilisez des grilles de maçonnerie avec jQuery, cela ne fait pas de mal d'ajouter ResponsifyJS à votre pile.

Pour en savoir plus, visitez la page d'accueil du plugin pour une démonstration en direct, un lien de téléchargement et un guide d'installation complet.

Meet Light Phone - Le smartphone le plus minimaliste à ce jour

Meet Light Phone - Le smartphone le plus minimaliste à ce jour

Les smartphones sont aujourd'hui l'une des technologies les plus omniprésentes, grâce à leurs propriétés de couteau suisse, capables de faire presque tout ce que l'utilisateur veut.Cependant, certains croient que les capacités multi-usages du smartphone en font une énorme distraction quand il s'agit de la vie quotidienne .Les fo

(Conseils techniques et de conception)

Comment construire un Bot Simple Connexion automatique avec Python et Sélénium

Comment construire un Bot Simple Connexion automatique avec Python et Sélénium

L'automatisation est sans aucun doute l'une des compétences les plus convoitées qu'un programmeur peut posséder. L'automatisation est généralement utilisée pour les tâches qui sont répétitives, ennuyeuses, chronophages ou inefficaces sans l'utilisation d'un script.Avec l'automatisation Web, vous pouvez facilement créer un bot pour effectuer différentes tâches sur le Web, par exemple pour surveiller les tarifs concurrentiels des hôtels sur Internet et déterminer le meilleur prix.Personnelleme

(Conseils techniques et de conception)