Path-Tech
Les news les plus vitaminées du web
Testez rapidement et facilement la compatibilité de vos sites avec tous les navigateurs
25/05/10
Bonjour à tous !
Il est bien connu que l’une des principales difficultés du développement web est l’inter-compatibilité d’un site sur tous les navigateurs existant.
C’est pourquoi je souhaite vous faire découvrir un outil très pratique qui vous permettra de tester l’affichage de vos pages sous différents navigateurs et le tout en quelques secondes.
Appelé BrowserShot, cet outil se présente sous forme d’une simple page web ou vous devrez y renseigner l’adresse de la page que vous souhaitez tester. Il vous suffira ensuite de simplement choisir le ou les systèmes d’exploitation à tester et enfin avec quel navigateur vous souhaitez afficher vos pages.
Une fois validé, le système va tester votre page et vous renvoyer le résultat sous forme de screenshots !
Vous pourrez ainsi tester vos différentes page et le tout en quelques secondes !
Pratique non ?
Je vous laisse découvrir cet outil plus qu’utile !
Have Fun !
Site : http://browsershots.org/
Merci à Mathilde pour cette petite trouvaille !
Créez un menu organisé style iPhone
24/05/10
Bonjour tout le monde !
Il est important de prendre en compte sur vos sites web l’organisation de vos donnée, en effet on retrouve trop souvent des sites web avec informations des intéressantes mais mal organisées !
Aujourd’hui je vous propose une petite solution en javascript qui vous permettra de créer un menu organisé de la même façon que le répertoire d’un iPhone.
Ce genre de petits effets rend tout de suite votre site plus interactif et plus agréable pour l’utilisateur.
De plus le style de menu que je vous propose de générer avec ce script, peut vous permettre d’organiser et de trier les différentes catégories ou objets de votre site, ce qui peut être intéressant pour optimiser la navigation et donc faciliter l’utilisation de votre application !
Simple à mettre en place, il faudra néanmoins penser à intervenir au niveau du design car l’interface proposée dans les exemples est un peu … austère …
Je vous laisse découvrir ce script afin que vous vous fassiez votre propre point de vue sur cette solution !
Have Fun !
Site : http://devgrow.com/slidernav/
Demo : http://devgrow.com/slidernav-jquery-plugin/
Créez un magnifique mur de photos avec jQuery
21/05/10
Bonjour à tous !
Il existe un grand nombre d’outils différents pour créer des galeries de photos, mais je pense que vous serez d’accord avec moi pour dire qu’ils se ressembles un peu tous !
C’est justement pourquoi aujourd’hui je souhaite vous faire découvrir un tutoriel qui vous permettra de créer une galerie de photos plutôt originale.
En effet, la galerie que vous obtiendrez après avoir suivi toutes les directives du tutoriel se présente sous forme d’un mur de photos !
Une présentation pour le moins originale qui n’aura pas de mal à se faire remarquer en comparaison aux différentes galeries simples de type slideshow qu’on trouve un peu partout.
Très simple à mettre en place, cette galerie est basé sur l’utilisation de la célèbre librairie Javascript jQuery, ce qui vous évitera de passer par des interfaces lourde à l’image de Flash …
Je vous laisse découvrir en live le rendu que ça peut donner.
Have Fun !
Site : http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/
Demo : http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/
RSS
Twitter
Facebook
LinkedIn
