The Design InspirationGo! Lea Verou | Life at the bleeding edge (of web standards) Empty StatesGo! Right Click Logo to Show Logo Download Options I was on the Invision website the other day and I wanted to snag their logo for some reason or another. Sometimes you can have better luck doing that (like when you happily discover it's SVG) than you can Google Image Searching or even regular web searching for something like "Invision Logo" and loping to find some kind of branding page with a logo kit download. So I right-clicked their logo, hoping to "inspect" it with the DevTools and check it out. Rather than showing me a context menu, it triggered a modal: I was pleasantly surprised, because that's exactly what I wanted. Here's a simple zero-dependencies way to do that Your app might already have a whole fancy system for showing modals. logo.addEventListener('contextmenu', function(event) { // do whatever you do to show a modal }, false); If you don't have a modal system in place, it's very easy to make a rudimentary one. <div class="overlay" id="overlay"></div><div class="modal" id="modal"><h3>Looking for our logo? And a plan: No problem:
Land Book Réduire la taille des ressources HTML, CSS et JavaScript | PageSpeed Insights | Google Developers Ces règles se déclenchent lorsque les analyses PageSpeed Insights indiquent que la taille de l'une de vos ressources pourrait faire l'objet d'une réduction. Présentation La réduction de la taille des ressources consiste à supprimer les octets inutiles, ceux utilisés par exemple par les espaces supplémentaires, les sauts de ligne et les mises en retrait. Recommandations Nous vous conseillons de réduire la taille de vos ressources HTML, CSS et JavaScript. Vous pouvez utiliser l'extension PageSpeed Insights pour Chrome afin de générer une version optimisée de votre code HTML et réduire la taille de vos ressources. Pour réduire la taille des ressources CSS, vous pouvez essayer YUI Compressor et cssmin.js. Pour réduire la taille des ressources JavaScript, utilisez Closure Compiler, JSMin ou YUI Compressor.
capptivate.co CssDeck Alternatives AlternativeTo AlternativeTo is a free service that helps you find better alternatives to the products you love and hate. The site is made by Ola and Markus in Sweden, with a lot of help from our friends in Italy, Finland, USA and contributors from all over the world. Feel free to send us your questions and feedback on hello@alternativeto.net, in our discussion forums or tweet us at @AlternativeTo
mediaqueri.es FOIRE AUX QUESTIONS (X)HTML - CSS Auteur : gcyrillus Comment empecher un "block" de passer sous un flottant ? D'abord un petit blabla a propos de ces "satanés " flottants. Les elements placées en "float" , ont des comportements difficiles a apprehender pour les débutants. On ne sait pas trop ou il se trouvent , ni comment ils interagissents avec le reste des élements. comme un élément de type "block". Deuxième réaction, ils se reduisent à la taille de leur contenu . comme s'ils etaient positionné en absolu ! Troisième effet désagréable , ils n'étirent pas leur conteneur ou deborde sur les autres en repoussant leurs contenus. ça ressemble presqu'a du position:absolute; ça . En fait c'est presque ça , le flottant est effectivement retiré du flux , mais pas son contenu auquel il reserve de la place . et pourtant il semble etre invisible aux elements block qu'il le cotoient (excepté pour les contenus qui n'iront ni glisser dessous n'y s'y superposé, arf !) Et pourtant Dans IE Pour les autres : reste le overflow:auto; ou hidden .