Articles taggés avec 'WebKit'

Très court astuce: log des objets JavaScript

Si vous êtes à développer dans un environnement où il est impossible d'utiliser les outils de débogage tels que FireBug , tels que le simulateur d'iPhone d'Apple dans Xcode, il peut devenir frustrant de trouver les problèmes, y compris un accès à toutes les propriétés incorrectes d'un objet. C'est ici que l'utilisation d'œuvres alert() est fondamentale!

Suite ...

Firefox 3.5.7: comment corriger le défaut des bords arrondis d'une image

Parfois vous avez juste déplacer un élément, changer le point de vue, pour résoudre un problème semble insurmontable. Quand on a à faire avec la compatibilité entre les navigateurs et les CSS, en inventant des solutions "spectaculaire" (cascades dirais) est à l'agenda. , per Safari e Google Chrome. Qu'est-ce que je vous montre une manière facile d'appliquer les coins arrondis des images en utilisant -moz-border-radius , qui est disponible pour Mozilla Firefox et -webkit-border-radius , Safari et Google Chrome.

Suite ...

Personnalisation d'un formulaire graphique

On m'a demandé comment personnaliser une forme graphique, en particulier une boîte de recherche comme celui sur ce blog. La technique utilisée, ou plutôt que j'utilise, est évidemment valable pour tout type de forme de module. Ce qui change est que la complexité du travail à faire en fonction de la complexité de la forme elle-même.

Suite ...

Très court astuce: désactiver le redimensionnement d'un textarea sur Safari

En tout navigateur développé à partir du moteur de rendu WebKit (sur rendez-vous que Safari ou Google Chrome ), les champs textarea montrent, en bas à droite, le trait caractéristique de redimensionnement. Si ce caractère spécifique peut s'avérer très utile dans certains cas, dans d'autres il devient un élément de nuisance.

Suite ...

jQuery: bords arrondis sur les images pour les chevauchements

En raison de la rendu différent entre les différents navigateurs, Microsoft Internet Explorer certainement voir dans cet esprit, nous devons toujours recourir à des astuces pour appliquer des effets spéciaux qui doivent être désormais un standard. Le prix-discuté des bords arrondis sont un exemple classique de «désastre» produite par l'incapacité totale à faire une sérieuse normes à la page de rendu HTML / CSS. , etc… Il existe de nombreuses solutions qui permettent au réseau pour obtenir des "effets" (effets d'exempter HTML existants comme les bords arrondis, les effets d'ombre, des reflets, etc ...) avec des taches sur les feuilles de styles, de trucs spéciaux à l'utilisation de div greffés, des bibliothèques JavaScript, l'utilisation de canvas , etc ...
Sur un enseignement purement technique, je tiens à expliquer davantage (cross-browser) d'appliquer les bords arrondis des images:

Démo et la source

Suite ...

CSS3: quelqu'un at-il vu le navigateur Internet Explorer?

Je ne comprends pas ...

1
2
3
4
5
6
7
8
9
{P
/ * Coins arrondis * /
; /* CSS 3 */ border-radius: 9px; / CSS * 3 * /
; /* Opera */ -O-border-radius: 9px; / * Opera * /
; /* iCab */ -ICab-border-radius: 9px; / * * iCab /
; /* Konqueror */ -Khtml-border-radius: 9px; / * Konqueror * /
; /* Firefox */ -Moz-border-radius: 9px; / * Firefox * /
; /* Safari */ -Webkit-border-radius: 9px; / * Safari * /
}

Suite ...


Arrêtez SOPA