Les actualités du Mardi 08 juillet 2014 dans les métiers du web - Marmits.com - Reims
jQuery is a lovely library, and for many years now it has changed the way thousands of developers approached their projects. When jQuery was created, CSS wasn't able to create complex animations, leaving JavaScript as the way to go. jQuery helped a lot with animations thanks to the several methods created for this purpose. Although it comes with a few simple animations (fadeIn(), hide(), slideDown(), and so on), to keep its weight low, the library provides a very flexible method called animate(), which allows us to create any animation we desire. This method is the topic of this article.
jQuery's animate() is a wrapper method, meaning that it operates on a set of previously selected DOM elements, wrapped by jQuery. This method allows you to apply your own custom animation effects to the elements in the set. To do that, we have to provide a set of CSS style properties and values that those properties will reach at the end of the animation. The intermediate values that the style achieves during the effect (automatically handled by the animation engine) are determined by the duration of the effect and the easing function, two options we'll discuss soon.
The list of CSS style properties that can be animated is limited to those that accept numeric values. The value can be an absolute value (like 200), or a relative value from the starting point. In the case of an absolute value, jQuery assumes pixels as the default unit. We can also specify other units like em, rem, or percentages. To specify relative values, we have to prefix it with += or -= to indicate relative target values in the positive or negative direction, respectively.
Now that we know a little about animate(), it's time to look at its signatures and its parameters.
Signatures and Parameters
This method comes in two main forms, and most of its parameters are optional (denoted using the usual square brackets):animate(properties[, duration][, easing][, callback])animate(properties[, options])
properties(Object): A hash containing the values that should be reached at the end of the animation.duration(Number|String): The duration of the effect in milliseconds or one of the predefined strings: "slow" (600ms), "normal" (400ms), or "fast" (200ms). The default is "normal".easing(String): The easing function name to use when performing the transition. The default value is "swing".callback(Function): A function to execute when the animation is completed for each animated element.-
options(Object): A hash containing a set of options to pass to the method. The options available are the followings:always(Function): A function called when the animation completes or stops without completing.complete(Function): A function executed when the animation is completed.done(Function): A function called when the animation completes.duration(String|Number): Same as previously described.easing(String): Same as previously described.fail(Function): A function executed when the animation fails.progress(Function): A function run after each step of the animation. The function is called only once per animated element.queue(Boolean): If the animation has to be placed in the effects queue (more on this in a few moments). The default value istrue.specialEasing(Object): A hash of one or more CSS properties whose values are easing functions.start(Function): A function executed when the animation begins.step(Function): A function to invoke for each animated property of each animated element.
queue option allows us to run animations in sequence when it's set to true, or in parallel when set to false. That's quite a lot of power in our hands that we can use as we like.
In the remainder of this article, we'll demonstrate some of these arguments in action to give you a taste of what's possible with animate().
Example Uses
In this section we'll build some demos to unleash the power ofanimate(). Keep in mind that this method isn't a good fit for very, very complex animations because of issues concerning the performance and the smoothness of the animations.
Running a Single Animation
Running a single animation is pretty easy, and involves just one call of the method. For example, we may want to move an element from one side of a box to the other. To illustrate this animation we'll set up twodiv elements, one inside the other. We'll style them so that the inner div has a red background. The code to complete this is shown below.Continue reading %A Guide to the jQuery animate() Method%
Rémunérations, avantages sociaux... Les salariés ont noté sur Glassdoor les entreprises qui proposaient les meilleures conditions de travail. Voici celles du secteur informatique qui ont eu les meilleures notes.
Détection des fraudes financières, analyse de réseaux complexes dans les télécoms... Le Français propose un outil de graphes qui ne nécessite pas de compétences techniques.
Après que l’un des porte-parole du groupe d’hacktivistes international "Anonymous" ait averti que les sponsors de la Coupe du Monde seraient leurs prochaines "victimes", le mondes des affaires et des technologies est en alerte !
Quand BlackBerry s’exprime au sujet de son Passport à écran carré.
Le Xperia C3, le nouveau smartphone de Sony, est maintenant officiel.
La plupart des entreprises sont aujourd’hui encore confrontées aux enjeux de la gestion de contenu. Malheureusement, le partage réseau reste encore le biais le plus couramment utilisé pour gérer son contenu.
Depuis un an, la tablette commence à se ménager une place en entreprise mais le mouvement reste encore timide en comparaison de l’adoption par le grand public.
En matière de cloud, quels sont les éditeurs qui tirent le mieux leur épingle du jeu ? Quelles solutions sont les plus vendues ? IDC dresse le bilan de l'année 2013.
A list comprised of cool fonts, with multiple shapes, styles and weights for personal and commercial projects.
The post Cool Fonts appeared first on ByPeople.
Marc Andreessen, d'Andreessen Horowitz, décrit dans une salve de tweets comment tuer sa start-up et causer préjudice à la Silicon Valley.
ADP apporte 5 millions d'euros à XAnge Capital 2.
Cet article XAnge boucle une levée de fonds de 62 millions d’euros avec l’arrivée d’Aéroports de Paris est apparu en premier sur FrenchWeb.fr.
L'entrepreneur s'est allié à Xavier Niel pour investir, à travers le fonds Kima Ventures, dans des centaines de start-up. Passionné par le judaïsme, il travaille en Israël, où il s'est installé en 2004.
« Payez, sinon nous faisons tomber votre site Web », telle est la menace qui accompagne en général les cyberattaques destinées à extorquer une rançon. Ces dernières semaines, de grands noms tels Evernote et Feedly ont été victimes de tentatives d’extorsion.
Le marché de la publicité en ligne représente 1,44 milliard d'euros de chiffre d'affaires en France...
Cet article [E-publicité] Les infos à ne pas rater: Proxistore lève 2,7 millions d’euros, Havas lance l’agence Ecselis… est apparu en premier sur FrenchWeb.fr.
Plus besoin de vous chamailler avec votre famille durant les repas du dimanche. Vous pouvez désormais réserver vos prises de position enflammées pour Leadop.
Banlieue Ouest vient de lancer un nouvel annuaire dédié aux Community Managers : L'AnnuaireDesCM.fr.
Il y a peu, je cherchais un moyen de faire une frise chronologique sur une de mes pages et en fouillant un peu le net, je suis tombé sur Timeline.js. Ce script open source et sous licence MPL (Mozilla) utilise Google Spreadsheet (le tableur de Google Drive) où vous mettez vos données, et affiche alors […]
Cet article merveilleux et sans aucun égal intitulé : Comment faire une frise chronologique ? ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
La société suédoise qui l'édite vient de lever 2,4 millions de dollars.
Cet article [Bon App'] FishBrain, quand les pêcheurs partagent leurs bons plans est apparu en premier sur FrenchWeb.fr.
La société a développé un algorithme qui définit, pour chaque produit, quelle est la meilleure marketplace pour le vendre et à quel prix.
Cet article E-commerce: Zoomici lève 1,3 million d’euros pour sa solution de distribution sur les marketplaces est apparu en premier sur FrenchWeb.fr.
L'hébergeur revendique gérer plus de 1,5 million de noms de domaine dans 140 extensions différentes.
Cet article Hébergement : Gandi ouvre un bureau à Taïwan est apparu en premier sur FrenchWeb.fr.
A l’heure du marketing personnalisé, les marques ont (enfin) compris qu'elles ne peuvent plus se contenter de vendre des produits standards. Permettre au client de personnaliser les articles de son choix, c’est aller au bout d’une démarche fidélisante et impliquante par excellence.
Here is a set providing a wide choice of cogwheel/settings icons. Free PSD created and released by Jiri Silha.
The post Cogwheel settings icons PSD appeared first on Freebiesbug.
Nous sommes en mesure de nous demander si de nos jours, les tablettes ne pourraient pas prendre le dessus sur les PC. Beaucoup de chefs d'entreprise se posent la question de l'utilité de ces outils dans le monde professionnel.
Correspondant Informatique et Libertés, "Data Protection Officer" ou "Chief Privacy officer", trois d’entre eux, en charge de la protection des données personnelles dans leur entreprise témoignent de leur expérience.
Correspondant Informatique et Libertés, "Data Protection Officer" ou "Chief Privacy officer", trois d’entre eux, en charge de la protection des données personnelles dans leur entreprise témoignent de leur expérience.
Si les mobiles sont devenus une nouvelle terre d’opportunités pour les annonceurs, il faut comprendre qu’ils deviendront également une mine d’or pour les géants du numérique qui auront su s’adapter.
Découvrez 5 façons simples pour visualiser l’affichage de votre site web sur les terminaux mobiles, smartphones et les tablettes.
Le célèbre festival électronique Tomorrow Land vient de lancer un nouveau concept très prometteur : un bracelet connecté pour l’ensemble de ses festivaliers leur permettant de facilement se demander comme […]
L'article Un bracelet connecté pour devenir ami lors des événements est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Je ne suis pas un grand connaisseur en musique classique, mais je dois constater que plus il m’arrive de subir le tintamarre produit par les chanteurs et les groupes contemporains, plus j’ai envie de faire un effort sur moi-même pour partir à la découverte d’un genre musical qui me parait bien plus intelligent et adapté […]
Si retirer des permissions avec APK Permission Remover ne vous convient pas, il existe une autre solution pour tromper les applications qui abusent de ces droits. Cette solution c'est XPrivacy, un outil qui nécessite que vous ayez rooté votre téléphone et qui permet de nourrir les applications de votre choix avec de fausses données. Faux […]
Cet article merveilleux et sans aucun égal intitulé : XPrivacy – Trompez les applications Android avec de fausses données ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Les blogueurs font partie intégrante de nombreuses campagne de communication dans le secteur de la mode.
Cet article 85% des blogueurs mode et beauté passent des partenariats avec les marques est apparu en premier sur FrenchWeb.fr.
It’s no longer necessary to underline the importance of preparing your site for mobile. The mobile revolution is the single biggest change in the Web’s short history. The only question is whether smart phone and tablet users will make up more than half of your audience this year, or next. Bearing this in mind, optimizing […]
jQuery-doubleTapToGo makes it easy to make drop-down navigation work on touch devices. It’s built as a jQuery UI widget, with a single option for the number of navigation levels.
Frenchweb vous propose aujourd’hui de découvrir Foodraising, une start-up du 17e arrondissement parisien qui édite un site de financement...
Cet article La startup du jour: Foodraising, le financement participatif des fins gourmets est apparu en premier sur FrenchWeb.fr.
APK Permission Remover est une application qui permet de modifier des APK ou des applications déjà installées sur votre téléphone Android, afin de leur retirer des droits. En effet, il existe beaucoup d'applications Android qui demandent à l'installation beaucoup plus de droits qu'elles n'en ont réellement besoin. Droit de passer des appels, droit de créer […]
Cet article merveilleux et sans aucun égal intitulé : Applications Android – Comment retirer des permissions ? ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
J'ai répondu récemment à une question sur le niveau on pouvait attendre d'un professionnel en Python. La réponse était en anglais, alors je me fends d'une petite traduction ici.
We’ve created an elegant jQuery-powered animated slideout menu. We were inspired by the simple effect found at Outdated Browser and extended the menu to also work in a variety of […]
Smart Fixed Navigation is a fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It’s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution. Requirements: JavaScript Framework Demo: http://codyhouse.co/gem/smart-fixed-navigation/ License: License Free
The post Create Smart Fixed Navigation with JavaScript appeared first on WebAppers.
Sponsors
The Simpsons is an American family animated sitcom created by Matt Groening. The Simpsons is the longest-running American sitcom, the longest-running American animated program. The Simpsons is widely considered to be one of the greatest television series of all time. So, how about making Simpsons characters in pure CSS? “First of all I took each [...]
The post How to Create Simpsons Characters in Pure CSS appeared first on WebAppers.
Sponsors
Apple vient de faire l’acquisition d’un champ d’environ 40,50 hectares en vue de créer sa troisième ferme solaire. L’entreprise aurait déboursé pas moins de 1,4 millions de dollars pour cet […]
L'article Apple : Plus de 40 hectares pour une ferme solaire est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
This is a plugin for jQuery which animates a colored optical flare to slide across elements. The flare is white in the center and has a customizable colored glow. The […]
Les géants américains tels que Google, Facebook ou encore Apple ont su tirer parti du Big Data très rapidement en mettant en point de nombreuses solutions. La France compte bien […]
L'article Big Data : La France souhaite concurrencer les géants américains est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Alors que Free Mobile continue progressivement à déployer le roaming à travers les pays européens, Free propose une nouvelle destination concernée par les appels gratuits vers les lignes fixes : […]
L'article Free : Les lignes fixes de Tunisie depuis la Freebox en France est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Les revenus ont progressé de 94% au premier trimestre, à 45 millions de dollars, pour une perte de 38 millions de dollars.
Cet article Box lève 150 millions de dollars en attendant son IPO est apparu en premier sur FrenchWeb.fr.
Les infrastructures cloud représentent 86% du marché, et les logiciels 14%.
Cet article Cloud: un marché à 23% de croissance par an d’ici 2018 est apparu en premier sur FrenchWeb.fr.
La société américaine de réservation en ligne s'étend en Asie du sud-est, un marché qui devrait connaître une croissance de 26% d'ici 2016.
Cet article Expedia rachète l’Australien Wotif pour 658 millions de dollars est apparu en premier sur FrenchWeb.fr.