background preloader

Développement Web

Facebook Twitter

What colour is it? CSS3 Generator.

Ruby On Rails

Qu'est-ce que Ruby on Rails ? Node.js : mais à quoi ça sert ? Mise en route. Animate Your Name. About You. .mouseleave. Description: Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.

.mouseleave

This method is a shortcut for .on('mouseleave', handler) in the first two variations, and .trigger('mouseleave') in the third. The mouseleave JavaScript event is proprietary to Internet Explorer. Because of the event's general utility, jQuery simulates this event so that it can be used regardless of browser. This event is sent to an element when the mouse pointer leaves the element. Any HTML element can receive this event. For example, consider the HTML: The event handler can be bound to any element: Now when the mouse pointer moves out of the Outer <div>, the message is appended to <div id="log">.

After this code executes, clicks on Trigger the handler will also append the message. Comment insérer des vidéos Youtube HTML5 sur votre site ? Lorsqu'on insère une vidéo Youtube dans une page web, on se retrouve avec un super player flash et notre vidéo en FLV qui se joue dedans.

Comment insérer des vidéos Youtube HTML5 sur votre site ?

Impecc... Pour faire ça, il suffit simplement de copier coller le code qui se trouve sous la vidéo youtube. Ce qui donne un truc comme ça : Bon, ça on le savait tous. Rien de nouveau sous le soleil... Mais comment faire pour insérer une vidéo Youtube qui soit affichée en HTML5 (avec la balise vidéo) ou en flash selon le navigateur de vos visiteurs ? Si je prend par exemple l'url de la dernière bande annonce de TRON, voici ce que j'obtiens : J'adapte un peu l'url pour avoir ceci : C'est à dire pour avoir le player directement, qui sera soit du HTML5 si votre navigateur le supporte, soit du flash si votre browser est à la masse ;-)

Le contexte de formatage block en CSS. Certaines spécifications CSS sont plus obscures que d'autres.

Le contexte de formatage block en CSS

Mais il est du devoir d'un intégrateur de les connaître pour être plus efficace dans son métier. Qui n'a jamais pesté contre des éléments flottants qui ne se comportent pas comme espéré ? Qui n'a pas été une fois au-moins dérouté par des marges verticales venues de nulle part ? Ces comportements, comme d'autres, sont décrits et expliqués au sein d'une spécification concernant le “Visual Formatting Model”, qui décrit globalement le concept de flux d’affichage, de boîtes et de modes de rendu visuel. Voyons comment déchiffrer cette ressource cruciale… Block et Inline sont sur un bateau (qui float) Pour commencer, la spécification chamboule nos croyances établies et nous apprend à distinguer les blocks… des blocks.

Si vous pensiez qu’un élément block est simplement un élément qui possède la règle display: block, eh bien en fait, non, c’est un peu plus subtil que ça Mais c’est quoi un “contexte de formatage block” ? 3- Fusion de marges : Développement web. Comment centrer verticalement sur tous les navigateurs ? Ce tutoriel présente des solutions pour centrer verticalement des éléments de tailles variables dans des conteneurs de hauteur fixe ou fluide.

Comment centrer verticalement sur tous les navigateurs ?

Les techniques exposées sont compatibles avec tous les navigateurs actuels, à partir d'Internet Explorer 8 et n'utilisent ni <table>, ni JavaScript. Note : ce tutoriel a été initialement rédigé en mai 2010. Il a subi une grosse refonte en mars 2016 pour se mettre à jour. Le temps du valign=middle sur nos tableaux de mise en page est bel et bien révolu. La démocratisation de la sémantique (X)HTML a donné naissance à de jolis gabarits standardisés, mais a également marqué la disparition des techniques simples pour centrer verticalement. Avec CSS2 et l'arrivée de nouvelles valeurs pour la propriété display reconnues par Internet Explorer 8, beaucoup ont vu en table-cell une nouvelle ère pour le centrage vertical.

Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. JS - jQuery.