Oui, vous avez bien lu ! Il est possible de faire des textes en 3D en css ! Comme vous le savez surement la 3D anaglyphe a pour but de forcer votre oeil à voir en relief en séparant 2 couleurs, généralement le rouge et le bleu. Comment ça marche ?
Je vous propose de découvrir le travail de Skyler Knight . Au programme 3 superbes rubans animés en css qui seront du plus bel effet sur votre site. Je vous laisse découvrir ce travail par vous même. Voilà j’espère que vous apréciez cette création et je vous conseille de faire un tour sur les autres créations de cet artiste.
Vous cherchez des templates responsive, customisable et libre de droit ? Et bien rendez vous sur HTML5 UP et découvrez ces merveilleux thèmes, pour tous les goûts ! Il ne vous reste plus qu’à télécharger et profiter de cette template. Vous trouverez aussi de nombreuses autres ressources sur Flypixel (par le même créateur).
Pour de nombreux script pour récupérer les flux de votre activité sociale vous aurez besoin de votre id Facebook. Mais où ce dernier se cache-t-il ? Ne cherchez plus ! Voici LA solution. Rendez vous sur http://findmyfacebookid.com/ , collez l’url de votre page fan et récupérez son id. Et voilà, vous pouvez maintenant créer votre bouton “Like” ou votre flux facebook sans problème !
J’étais parti pour vous apprendre à faire un bouton qui disparaissait au survol de la souris, puis, je me suis dit que c’était vraiment inutile. C’est pourquoi je vous propose donc de faire un bouton qui va se modifier quand on passera la souris dessus. Ce tutoriel me permet de vous apprendre la fonction “:hover”
Une galerie… Chic pour mettre ses photos en valeur ! Faire une galerie de A à Z est un peu complexe, c’est pourquoi je vous propose d’utiliser un script pour la réaliser. Ce script se nomme Least.js et est sans doute l’un des plus joli et complet pour faire une galerie responsive.
Concurrent direct de Bootstrap, Foundation by Zurb, gigantesque framework CSS, vient de relacher sa dernière version. Au programme on retrouve des améliorations graphiques avec un design plus “flat”, une amélioration des performances graphiques notamment sur mobile. Mais la grande nouveauté de cette mouture c’est la possibilité de modifier n’importe quel élément très facilement en fonction de la taille de l’appareil.
Dans ce dossier je vais vous présenter tout un tas de fonctions CSS3 super pratiques que vous pourrez utiliser dans vos créations. Vous pouvez aussi regarder mes précédents tutos pour adapter votre site aux mobiles , et pour faire pivoter des objets . Lançons nous dans le grand bain du web design avec ces 5 fonctions :
Dans ce petit tutoriel je vais vous apprendre une manière simple de faire pivoter des objets en css. Alors comment ça se passe ? Tout tiens dans une ligne adaptée pour tous les navigateur ! .mon-objet{ transform: rotate(2deg);-webkit-transform: rotate(2deg);-moz-transform: rotate(2deg);} L’affaire est dans le sac, le style “transform” dispose de nombreuses fonctionnalités dont la rotation.
Dans ce petit tutoriel je vais vous apprendre une manière simple d’adapter votre site web aux mobiles, en le rendant responsive. Alors comment ça se passe ? Et bien, il vous suffit de modifier votre css pour chaque résolution. Je vais vous présenter ici la solution la plus simple. Dans votre feuille de style vous allez définir une largeur d’écran pour laquelle le css de votre objet va changer, voici un example avec le contaioner de votre site.
Cela fait beaucoup de temps que je parcours les blogs à la recherche de la gloire éternelle et .. bon je m’arrête là. En fait j’ai participé à la création de beaucoup de blogs et l’idée m’ai venue de créer mon propre groupe éditorial. Pourquoi un groupe éditorial et pas un partenariat ?
Geek Mexicain c’est un peu la caverne d’Ali Baba, ne vous y méprenez c’est un excellent site de news et je suis très fier d’être maintenant sont partenaire ! Partenaire, partenaire c’est un bien grand mot disons que nous faisons partie maintenant du même groupe éditorial. Je partagerai donc mes articles plus techniques ici et plus détendus sur GM.