CSS3 Animation Cheat Sheet - Justin Aguilar
How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). Add the animation stylesheet to the <head> element of your webpage: Replace css with the name of the directory where the animation stylesheet is. Add an animation class to the element you want animated: Replace slideUp with the desired animation class. For entrance animations, you need to make them invisible by adding the visibility: hidden property to the animated element: visibility: hidden; is used to hide elements before the animation is activated. The values for these animations are relative to the element's size. Adding effects Add jQuery to the <head> element of your webpage: Replace slideUp with an animation class.
Gestion de projet référencement : test d’Analytics SEO
Les outils de gestion de projet et d’aide à l’optimisation du référencement ne manquent pas, nous avons d’ailleurs déjà testé Yooda Webtools , SemVisu et MyPoseo . Aujourd’hui, je vous propose de découvrir la solution proposée par Analytics SEO . Ce service regroupe dans une même interface tous les outils nécessaires à l’analyse du référencement d’un site et à l’optimisation. C’est parti pour une présentation… Un outil fonctionnel en quelques minutes 1ère bonne surprise, le paramétrage se fait très rapidement, 5 minutes suffisent à mettre en place le suivi d’un site. Suivi de l’optimisation technique du site Vous trouverez une multitude d’outils qui vous aideront à analyser l’optimisation d’un site et ainsi repérer les points à améliorer. Ex : Un exemple d’application : vous voyez en rouge la rubrique “Liens morts”, en cliquant dessus, vous pouvez obtenir un rapport des différents liens morts présents sur votre site afin de les corriger. Suivi de la stratégie de netlinking Conclusion
Live Tools - Form Builder
Form Container Form Title Corner Roundness Border Thickness Highlights & Shadows Container Colors Form Fields Field Titles Field Colors Button Settings Highlights The Ui Store is packed with tons of Ui tools, premium quality design resources and other cool Ui design goodies. <form class="form-container"> <div class="form-title"><h2>Sign up</h2></div> <div class="form-title">Name</div> <input class="form-field" type="text" name="firstname" /><br /> <div class="form-title">Email</div> <input class="form-field" type="text" name="email" /><br /> <div class="submit-container"> <input class="submit-button" type="submit" value="Submit" /> </div> </form>
Un truc infaillible (et étonnant) pour améliorer la réception de son iPhone
Repéré chez The Next Web, ce truc inédit mais apparemment efficace pour améliorer la réception de son iPhone, mais qui devrait normalement fonctionner avec d’autres téléphones mobiles. Repéré chez The Next Web, ce truc inédit mais apparemment efficace pour améliorer la réception de son iPhone, mais qui devrait normalement fonctionner avec d’autres téléphones mobiles. Alors qu’il s’apprête à poster un message sur Twitter pendant qu’il prend l’apéritif au bar d’un restaurant italien réputé d’Amsterdam, Boris, rédacteur chez The Next Web constate avec effroi qu’il n’y a aucun réseau disponible. Le barman lui propose alors un verre. En fait le truc semble connu des clients de ce restaurant, qui affiche une belle collection de mobiles sous verre derrière le bar. Je ne connaissais pas pour ma part, et n’écoutant que le scientifique aguerri et impartial qui sommeille en moi, j’ai pris mon iPhone et un verre (ça tombe bien, j’ai les deux chez moi) et j’ai fait le test.
Raccourcis Photoshop (mac et pc) « Blog Tuto
On s’est dit que ça vous ferait plaisir.. Un joli et joyeux regroupement, de ce qui nous semble être les raccourcis clavier Photoshop les plus importants. Un peu manuel d’utilisation, aussi, qui assume pleinement le rose ; cette couleur à travers laquelle vous allez, désormais, voir votre life ! De quoi gagner en efficacité, en confort d’utilisation et en dextérité. N.B. Raccourcis Photoshop Pc Raccourcis Photoshop Mac
Plus de 100 astuces pour obtenir un maximum d'inscriptions
Plus de 100 astuces pour obtenir un maximum d’inscriptions Mais avant de découvrir toutes ces astuces pour obtenir un maximum d’inscriptions, vous avez peut-être besoin de beaucoup plus de trafic … Quel que soit votre support, vous avez certainement déjà entendu parler de l’importance d’avoir une liste de prospects. Que ce soit pour une page de capture, un site de membre, ou encore pour l’envoi d’une newsletter, la création d’une liste est indispensable. Sans liste, pas de vente. Techniques pour obtenir un maximum d’inscriptions Les différentes techniques pour obtenir un maximum d’inscriptions étant très nombreuses, la meilleure manière de vous les présenter est donc de faire une compilation réalisée lors d’un évènement inter-blogueurs. Vous pourrez de cette manière ressortir ce livre numérique gratuit, dès que vous serez en manque d’inspiration ou en manque d’idées. Voilà ce que vous allez découvrir: Pour télécharger ce livre, il vous suffit de cliquer sur l’image ci-dessous.
Beautiful Examples of Flat Icons Design
Flat Design is one of the newest approaches in web design, aiming for simplicity and powerful visual impact and using shapes as patterns and backgrounds. Microsoft’s Metro user interface is probably the most popular Flat Design example. We already discussed the Flat Design approach in-depth, and we did it for quite some time now. Responsive Icon This icon can be used to mark themes and layouts which are responsive and fit every device perfectly. Calendar and Night Icon There are two icons here: there is the calendar icon, which in my opinion is the result of some amazing work, and a more abstract icon, which could be used for activating a “sleep mode” for example. Mail Icon This is actually a great icon created by us at Designmodo and can be used for any mail purposes. Iconex Iconex showcases four different icons: a photo camera, a heart, a megaphone and a game controller. Misc. This pack has four vector items. Flat Design Icons Set Vol. 1 Two Flat Icons Glyph Profiles We Are Hiring Filetypes
Bien rédiger votre message pour votre communication online
Par Julie Mercredi 29 août 2012 Dans la communication online, le message est un des éléments les plus importants. Il est donc nécessaire de bien le choisir et de bien le rédiger. Voici nos conseils. Etre clair A l’heure actuelle, les internautes sont de moins en moins sensibles à la publicité et leurs actes d’achat sont souvent dus à leur entourage qui leur a recommandé tel ou tel produit. Par ailleurs, les internautes survolent les publicités, encore plus si celles-ci « surgissent de nulle part » sans qu’ils ne les aient sollicité. Choisir le bon ton Pour cela il faut bien déterminer votre cible et adapter votre message à celle-ci, en utilisant une intonation adéquate dans le but de susciter l’intérêt. Il faut éveiller la curiosité des consommateurs et provoquer chez eux diverses émotions. Néanmoins, certaines campagnes n’hésitent pas à choquer et heurter la sensibilité du public. Un petit plus
