Undolog.com

Créer un chargeur Ajax (ou d'un indicateur d'activité pour ceux habitués à utiliser l'iPhone d'Apple) pour le Web n'est pas une chose difficile: il ya des services qui génèrent des images gif animées de toutes sortes. Cependant, le format GIF a le gros inconvénient de ne pas soutenir la transparence comme il se doit. Transparence dans le format GIF aujourd'hui, ne comporte qu'une seule plan de bits avec la conséquence que, si nous n'avons pas une couleur de fond uniforme, bords de l'image sont nettement granuleux et fragmentés.

En savoir plus ...

WordPress offre de nombreuses fonctionnalités pour naviguer à travers les différents postes et des pages avant et arrière. Ils sont utilisés dans les thèmes, souvent dans un environnement complètement interchangeable, bien qu'ils contiennent quelques différences. C'est, en fait, créer une certaine confusion dans le choix de la fonction à utiliser. Voici quelques notes:

En savoir plus ...

Rien de nouveau, mais le signe de me rappeler: comment ajouter une image à tous les liens qui ouvrent une nouvelle page:

En savoir plus ...

En raison de la prestation différente selon les navigateurs, Microsoft Internet Explorer certainement voir dans cet esprit, nous devons toujours avoir recours à des astuces pour appliquer des effets spéciaux qui devraient maintenant être une norme. Le prix-discuté des bords arrondis sont un exemple classique de «catastrophe» produite par l'incapacité totale de faire quelques normes sérieuses sur les pages rendent HTML / CSS. , etc… Il existe de nombreuses solutions qui permettent au réseau pour obtenir des "effets" (effets qui présentent comme étant exemptées à partir des coins arrondis HTML, des effets d'ombre, des reflets, etc ...) avec des taches sur les feuilles de styles, des astuces spéciales en utilisant div greffé, les bibliothèques Javascript, utilisation de canvas , etc ...
Sur un purement pédagogique, je vais illustrer autre technique (cross-browser) à appliquer aux bords arrondis des images:

Démo et la source

• Complète du projet sur ​​Google Code
• démo
• jquery.roundborders.js
• image au format Photoshop
• image au format PNG

En savoir plus ...

Conitnua d'étonner la différence totale de rendement entre les différents navigateurs sur le marché. IE7 est la PNG (8-bits ou 24) de façon différente à partir de Firefox. Même Opera n'est pas exempt de quelque événement étrange à ce sujet. En particulier, le format PNG utilisé comme fond d'écran sont faites différemment que IE7, Opera et Firefox. C'est ce que réalise le meilleur de tous, et à cet égard, il est temps de nommer navigateur "siècle"! Félicitations à l'équipe de développement.

IE7 crée un bel effet de cisaillement sur une image PNG utilisé comme arrière-plan dans repeat-x. Si vous essayez de créer une image de 200 × 200 pixels avec un dégradé du noir (0 × 000000) au gris (0xEEEEEE) verticalement et placé dans le corps dans le CSS comme une répétition orizzonale fond (repeat-x), réglage de la fond couleur de la carrosserie 0xEEEEEE - c.-à-la fin de la pente, vous remarquerez que seul FireFox, il est parfait détachement, IE7 et Opera montrent un effet coupe sympa (mais un peu différent!): dans la pratique, nous voyons la fin de notre image 200 × 200 et le début de l'arrière-plan à la plaque de couleur.

Une manière de résoudre ce problème est de sauver notre image au format GIF ...

Mais les PNJ ne sont pas pris en charge par IE7?

En savoir plus ...

Dans Redmond doit avoir un problème important sur l'absorption! Il est merveilleusement absurde que, à la fin de l'année 2006 il ya encore la base d'une - bien - compatibilité approximative entre IE7 et Firefox! Malgré la sortie officielle - mais avec un ensemble limité d'endroits - 7 d'Internet Explorer, le moteur de rendu de page souffre encore de défauts de programmation évidente! Sans entrer dans les détails de nombreuses évité la liste des bugs que deux très médiatisées encore présents dans ce communiqué de presse officiel!

Tout d'abord, les PNJ sont fait différemment de GIF ... et, pire encore, en position absolue subir contours étranges, selon la façon dont il fonctionne sur IE! Bug évident? La folie de certains O développeur junior?

Sur la classe CSS pseudo: hover n'est toujours pas supporté sur tous les TAG, bien que beaucoup prennent pour le bon blog! Mais quel système? Voir le W3C ...
Un p simple: last-child est pratiquement ignorée! Microsoft a justement pris en charge p: first-child. Maintenant, si elle met en œuvre la première chose qui vous coûte la mise en œuvre, même la dernière? Mystère ...

Le sommet de l'absurde, alors, est obtenu avec des listes à puces! Bravo! IE7 se comporte exactement comme IE6! De la série: vous avez apporté avec le code défectueux? Trop nombreux et copie coller bien sûr! Si Definitie une liste avec les canons et une image personnalisée comme UL LI liste-là, ne pas essayer d'utiliser un élément flotteur LI, l'image disparaît mystérieusement, tout comme ils l'ont fait sur ​​IE6! L'un, inutile de dire, de faire les choses est l'habituelle - vieille - FireFox!

Blog IE7 il ya de nombreuses plaintes. Bien qu'il apprécie les efforts de Microsoft le géant de commencer un blog au cours du développement d'un logiciel comme IE7, cependant, reste la question de l'efficacité de cette démarche. Ils ont vraiment écouté les demandes des usagers des développeurs? Le blog a été ouvert avec IE7 trop tard?

Une fois de plus nous devons attendre pour une aventure service pack prochaine ...

En savoir plus ...