My fonts - Online Font Converter. Obtenir la transparence PNG avec Internet Explorer 6. Le format PNG permet de gérer des images RVB dotées d'une couche alpha, c'est à dire d'indications de transparence graduelle.
Contrairement au format GIF, il ne s'agit pas d'une transparence binaire (un pixel est soit transparent, soit opaque), mais bien d'une transparence graduelle: chaque pixel peut être un peu, beaucoup ou pas du tout transparent (256 nuances). C'est donc un format très pratique pour le design web. Sauf que… Papy IE6, version vieillissante et en perte de vitesse d'Internet Explorer (mais toujours parmi nous en 2010), ne supporte pas la transparence PNG. Heureusement, les versions 7 et 8 d'Internet Explorer interprètent correctement le format PNG. Mais pour la version 6, lorsque l'on doit assurer son support, on peut avoir besoin de trouver une parade.
Les moyens disponibles sont nombreux. Le PNG8 avec couleurs RGBA Si cette propriété du PNG8 est peu connue, c'est que des logiciels populaires comme Photoshop ne la gèrent pas! Créer des graphiques dynamiques via Google. Présentation de l'API ? Google propose son API qui vous permet de faire vos propres graphiques très simplement. Tout comme l'API Google map ou Google Search ce service est gratuit. L'avantage c'est qu'il sont dynamique, vous passer en paramètres vos valeurs et le graphique s'adapte automatiquement. Le système fonctionne via une URL personnalisée à placer dans la source d'une balise image.
Voici un exemple d'URL que l'ont peut trouvé : &chl=Moi|Vous Ce qui donnera : Comment intégrer le graphique ? Pour arriver au résultat vu plus haut vous devez insérer dans votre code HTML, une balise image comme ci dessous : Quel sont les différents graphique disponibles ? Comment modifier la taille des graphiques ? Un paramètre permet de définir la taille de l'image générer, il s'agit de chs (chart size). la taille ce défini en pixel, on défini la longueur puis la hauteur de cette manière : Comment intégrer mes données au graphique ? L'envoi des valeurs ce gère par le paramètre chd (chart data). 10 Best Free Chart APIs. Créa-Labs, Magazine d'actualités pour les webmaster - Webmastering et WebDesign. Sass - Syntactically Awesome Stylesheets. Compass Documentation. Code smarter CSS with Sass.
3D CSS Tester. 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.
Les techniques exposées sont compatibles avec tous les navigateurs actuels, à partir d'Internet Explorer 7 (IE6 n'est volontairement pas abordé) et n'utilisent ni <table>, ni JavaScript. Sommaire Introduction 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, beaucoup ont vu en table-cell une nouvelle ère pour le centrage vertical.
Bref, le dossier "display:table-cell et centrage vertical" fût rangé au placard, on s'est dit qu'on le ressortirait après les funérailles d'IE6 et d'IE7. Et au fait, le vertical-align ça marche comment ? jQuery UI 1.7.2 Themes List at Google Code. Working with jQuery UI for the first time and looking for a theme?
Tired of using the same theme over and over again? Google hosts a number of pre-constructed jQuery UI themes on their Google Code repository. I have always used the same handful of themes with every jQuery UI project I have done. Today, I had a project that didn’t really fit with any of my established themes and didn’t feel like going through the process of construction my own. I always use the Google Code repository when accessing common libraries and I know they have a number of themes stored and available for use, however, this list was quite difficult to find. JSizes ― jQuery extension plugin for CSS properties - bramstein.com. JSizes ― jQuery extension plugin for CSS properties JSizes is a small plugin for the jQuery JavaScript library which adds convenience methods for querying and setting the CSS min-width, min-height, max-width, max-height, border-*-width, margin, and padding properties.
Additionally it has one method for determining whether an element is visible. In total it adds six new methods to the jQuery element API. It internally calls the jQuery built-in css method, so syntax and use is identical to calling css('property-name', ...). An example of its use follows. jQuery(function($) { var myDiv = $('#myDiv'); myDiv.minWidth(100); // set 'min-width' to 100px alert(myDiv.minWidth()); // displays '100' }); Note that all returned values are converted to pixel values, without the px suffix. The plugin adds the following methods to the JQuery object: minSize()