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.

Remplacer les boîtes d'alerte JavaScript par cette alternative réactive

Remplacer les boîtes d'alerte JavaScript par cette alternative réactive

Les pop-ups d'alerte JavaScript sont détestés par à peu près tout le monde. Ils forcent votre attention et dépassent le navigateur, vous devez donc les fermer avant de pouvoir interagir avec la page.À l'ère moderne, nous pouvons faire mieux que les boîtes d'alerte JavaScript . SweetAlert2 est probablement la meilleure solution.C'e

(Conseils techniques et de conception)

Wine 2.0 est maintenant disponible en téléchargement

Wine 2.0 est maintenant disponible en téléchargement

Si vous êtes un utilisateur Mac ou Linux qui dépend fortement de Wine, vous serez heureux de savoir que Wine 2.0 est maintenant disponible au téléchargement à partir d'aujourd'hui.L'une des améliorations majeures apportées par Wine 2.0 inclut la prise en charge de l'API Web Services . Avec

(Conseils techniques et de conception)