Articles avec le tag 'Firefox'


Très court astuce: journal d'objets JavaScript

Si vous êtes à se développer dans un environnement où il est impossible d'utiliser les outils de débogage comme Firebug , tels que l'iPad d'Apple Xcode simulateur, il peut devenir frustrant pour identifier les problèmes, un tout faux l'accès aux propriétés d'un objet. Ici, l'utilisation de la œuvres alert() devient cruciale!

Suite ...

FireFox 3.5.7: comment résoudre le défaut des bords arrondis sur une image

Parfois vous avez juste à déplacer un élément, le point de vue de l'évolution, pour résoudre un problème apparemment insurmontable. Lorsque vous avez alors à faire face à la compatibilité cross-browser et CSS, inventer des solutions «spectaculaire» (cascades diraient) est au programme. , per Safari e Google Chrome. Qu'est-ce que je vous montre est un moyen simple d'appliquer des bords arrondis dans vos images à l'aide -moz-border-radius , disponible pour Mozilla Firefox et -webkit-border-radius pour Safari et Google Chrome.

Suite ...

5 extensions pour Firefox ont consacré à Web Developer

Un des grands avantages de Mozilla FireFox , par rapport aux autres navigateurs, il était, il est encore, de posséder une grande quantité d'extensions gratuites qui vous permettent de personnaliser et d'étendre l'application. En tant que développeur web, je ne peux pas - maintenant - faire sans quelques extensions utiles qui m'ont aidé dans la construction, l'inspection et la maintenance de pages Web

Suite ...

Comment Endure IE6 et vivre heureux

Je trouve toujours un peu de "maladie" quand je fais face à la question «compatibilité cross-browser». En outre, et je n'ai pas encore de comprendre la vraie raison, parmi tous les navigateurs, je sais que la plupart "odieux" il reste toujours: Microsoft Internet Explorer 6! Malheureusement, la version de IE 6 est encore en circulation et sont des rapports fréquents de problèmes d'affichage des pages.

Suite ...

jQuery: bords arrondis sur les images se chevauchent

En raison de la différence de rendu entre les navigateurs, Microsoft Internet Explorer certainement voir cela à l'esprit, vous avez toujours de recourir à des astuces pour appliquer des effets spéciaux qui, maintenant, devrait être une norme. Bords arrondis The award-évoqués sont un exemple classique de «désastre» produite par l'incapacité totale à mener une norme sérieux sur le rendu des pages HTML / CSS. , etc… Il existe de nombreuses solutions sur le net qui vous permettent d'obtenir les «effets» (effets qui exonèrent de l'actuel HTML comme des bords arrondis, des effets d'ombres, reflets, etc ...) avec des taches sur les feuilles de styles, des trucs spéciaux avec l'utilisation de div greffés, les bibliothèques Javascript, utilisation de canvas , etc ...
Comme je vais l'illustrer technique purement didactique (cross-browser) à appliquer aux bords arrondis des images:

Démo et la source

Suite ...

Créer des applications de bureau avec Google Chrome et Firefox?

Google Chrome vous permet de créer des applications de bureau à partir d'une page Web? En effet, comme indiqué dans le menu, il est simplement autorisé à créer un raccourci vers un raccourci qui - à son tour - ouvre une fenêtre sans la barre d'adresse et sans tous les "fioritures" du navigateur. Cela ne signifie pas que nous avons créé une application de bureau, nous avons seulement créé un lien vers la même Google Chrome en mode - pour ainsi dire-chrome-less.

Simle d'entité, mais plus ambitieux, avait déjà été proposée par la Fondation Mozilla en 2007, à travers le projet Prism . C'est sans aucun doute le plus polyvalent et articulé, également accompagné par un utile prolongement qui vous permet de créer menu des applications desktop de Firefox, comme Google Chrome .

Toutefois, les deux solutions sont loin d'être la technologie Adobe AIR . Avant que quelqu'un ne les prennent, il est intéressant de noter les différences entre un raccourci sur le bureau qui ouvre une fenêtre avec un menu et une application vraiment dur de bureau.
Adobe AIR , en effet, contrairement aux solutions proposées par Google Chrome et Prism vous permet de:

  • Pratiquement compléter l'accès au système d'exécuter l'application, avec la capacité de lire et écrire des fichiers. Possibilité d'étendre ses fonctionnalités par des DLL (bibliothèque de liens dynamiques), les extensions et les produits tiers comme joueur SHU (voir Déploiement d'applications Adobe AIR: par AIR Badges Player pour SHU )
  • Gère l'application que les autres applications du système: Installation et désinstallation

Suite ...

FireFox: gestion profil

Mozilla FireFox vous permet de gérer plusieurs profils , fonction très utile pour ceux qui, comme moi, développe des sites web et ont besoin de toute une série d'extensions dédiées à débogage et d'analyse des pages Web grâce à l'utilisation de profils, vous pouvez configurer différents paramètres FireFox:

Firefox enregistre vos informations personnelles telles que des signets, mots de passe et vos préférences dans un ensemble de fichiers appelé votre profil situé dans un endroit différent de celui des fichiers de programme pour Firefox.

Sous Windows Vista ( voir ici pour d'autres systèmes d'exploitation), vous pouvez accéder à la gestion des profils de la commande Esegui en utilisant:

1
firefox-ProfileManager

Gestion des profils

Un des avantages de l'utilisation des profils, c'est que vous pouvez avoir un Firefox pour naviguer, puis sans tous les outils et les extensions pour le débogage et FireFox pour développer, en collaboration avec Firebug et tous les autres outils de développement.

Suite ...

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

Je ne sais 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 ...

jQuery contre tous: un benchmark avec 5 navigateur

Image Un bon développeur n'a aucun problème pour passer d'un langage de programmation à l'autre. Le choix de se concentrer sur une langue, un cadre particulier ou environnement de développement, est dicté plus par la disponibilité de temps et le type de travail qui se déroule. Cependant, un facteur important qui peut influer sur le choix de «cadre» similaire, il est sympathie et d'affection que peut mûrir avec le temps.
Plus précisément, je voulais analyser certains - certainement pas tous - frameworks JavaScript disponibles aujourd'hui, parce que même «conseillé» de jeter un regard particulier jQuery .
Les créateurs de mootools (l'un des cadres les plus populaires Javascript) ont mis à disposition un outil pour exécuter un test de vitesse et la validité des bien connu cinq framework Javascript: SlickSpeed ​​. Ce test, le résultat n'est pas du tout évident, est important que les cadres de JavaScript côté client fonctionnent, c'est à dire qu'ils sont effectués par notre navigateur. C'est précisément pour cette raison que certains trouvent Safari plus rapide que Internet Explorer ou Google Chrome plus rapide que Firefox . Toutefois, cela dépend souvent du type de page que vous consultez. En fait, il peut très bien arriver que le site est vraiment particulier "plus rapide" lorsqu'il est affiché dans Safari, mais cela ne signifie pas que «tous les sites" seront plus rapides avec Safari! Évidemment, cela est vrai pour n'importe quel autre navigateur.

L'indice de référence

Dans les tests que j'ai fait avec SlickSpeed ​​J'ai comparé les navigateurs disponibles sur ma machine (Windows Vista 64bit Utilmate - Intel Core 2 Quad 2,4 GHz avec 8 Go de RAM).
Malheureusement, les tests ne sont pas en mesure de fonctionner avec Internet Explorer 7, comme il a bloqué la machine, allant même hors d'échelle avec les résultats! Encore une fois félicitations Microsoft.
Je crercato de maintenir le même état de l'ordinateur lors de l'exécution des tests, ouvrant individuellement le navigateur et ne pas envoyer n'importe quel autre processus en cours d'exécution.

Note: si vous voulez vous lancer également une ou plusieurs de ces tests, vous pouvez commenter sur ce post en cas de résultats "curieux" et solidaire.

Image

Google Chrome a été très rapide, avec une valeur de 68 (en moyenne) à l'essai avec jQuery . Le plus lent, cependant, est le résultat Flock , malgré provenant de la même «mère» de Mozilla. Cette mauvaise performance de Flock est vraiment curieux vu son réseau social de coupe, parce qu'il est le réseau social Web 2.0 pour profiter des nombreux frameworks JavaScript disponibles, de manière à fournir un système de navigation et d'interaction véritablement innovant.
Bat étonnamment Firefox et Opera possède également un joli petit ", devient encore un 74 dans l'exécution du Dojo ! FireFox et Safari, après tout, se ressemblent, avec Safari plus rapide dans les essais avec Mootools et jQuery.

Quel cadre pour choisir?

Si vous n'avez pas peur de tester la rapidité d'exécution et ne pas s'inquiéter de la taille normale en kilo-octets des cadres eux-mêmes, la réponse pourrait être "ce que vous aimez» ou si vous préférez, «ce que vous connaissez le mieux ou il est plus harmonieux avec votre style de programmation. "
En fin de compte ces cadres vont chercher tout un peu »(voir l'utilisation de l'$ par exemple), même si des différences importantes et substantielles qui peuvent sauter aux yeux d'un expert ou vraiment poussé l'utilisation d'une bibliothèque particulière. En principe, en fait, tout ce qui peut être réalisé avec jQuery, par exemple, vous pouvez le faire très bien avec mootools ou d'un prototype! Si jQuery a une syntaxe très compact, puisque toutes les méthodes renvoient toujours la base de l'objet jQuery, créant ainsi des rangées interminables de oggetto.metodo().metodo().metodo()... il est dit que ce n'est pas du tout coûte une force, surtout pour ceux qui ont à faire la mise au point!
Les bibliothèques comme prototype.js péché peut-être en l'absence d'effets graphiques, même les plus simples, ce qui oblige le développeur à mettre en œuvre dérivée comme scriptaculous.js , lourd et distant du premier choix de la bibliothèque.

Un exemple

Cette dernière raison, par exemple, m'a conduit à remplacer le prototype couplée / Scriptaculous avec jQuery pour créer des panneaux interactifs / animés ici dans la barre latérale de undolog.com. En effet, même en utilisant l'API Google pour importer des bibliothèques, c'est une charge de déchets toute la bibliothèque Scriptaculous par une slideDown et slideUp. Pour plus d'informations et un exemple, voici le code Javascript comme il a été couplé avec le prototype / scriptaculous:

1
2
3
4
5
6
7
8
9
10
11
12
13
/ / Prototype / Scriptaculous
) . each ( $ $ ('H2.dropdown'). Chaque (
element ) { fonction (element) {
= "pointer" ; .. élément style du curseur = "pointeur";
'click' , élément. observer («clic»,
event ) { function (event) {
this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration : .5 } ) ; if (.. this. next () le style d'affichage == "") nouvel effet BlindUp (this. next (), {duration: .5});.
Effect. BlindDown ( this . next ( ) , { duration : .3 } ) ; . autre nouvel effet BlindDown (this. next (), {duration: .3});
event ) ; . Evénement Stop (événement);
}
)
}
);

et comme il est maintenant avec jQuery:

1
2
3
4
5
6
7
8
9
10
/ / JQuery
) . each ( $ ('H2.dropdown'). Chacun (
i ) { fonction (i) {
) . css ( 'cursor' , 'pointer' ) . click ( $ (This). Css ('cursor', 'pointeur'). Cliquez (
function () {
$ ( this ) . next ( ) . is ( ':hidden' ) ) $ ( this ) . next ( ) . slideDown ( ) ; else $ ( this ) . next ( ) . slideUp ( ) ; if (.. $ (this) next () est (': hidden')) $ (this) next () slideDown () else $ (this) next () slideUp ();....
}
);
}
);

Dans l'ensemble, un peu plus près, je ne pense pas qu'il y ait beaucoup de différence! Mais comme je le disais avant ... la question est "aussi" de goût personnel.

Suite ...

Flick Flock et

Si il ya une chose que Mozilla peut bien faire sont le navigateur!

Flock

Flock est un navigateur avec une variété de fonctions pour les réseaux sociaux et les blogs. Disponible pour Mac, Linux et Windows offre une nouvelle expérience de navigation à ceux qui, comme moi, vous avez plusieurs comptes dans les réseaux sociaux (Facebook, Twitter, YouTube, ...) et veut également gérer vos flux RSS dans un rapide et harmonieux.

Installation

Si vous utilisez Firefox (vous n'avez pas besoin de désinstaller) tous les paramètres peuvent être transférés Flock pendant les premières utilisent des cookies, mots de passe, signets, you name it. Après l'utilisation de Flock pendant quelques minutes, j'ai été tenté de supprimer l'excellent FeedReader, inutile compte tenu de l'excellente gestion de RSS Flock.

Traits

En plus d'avoir de nombreuses caractéristiques similaires à Firefox, ce qui le rend utilisable immédiatement, Flock vous permet de:

  • Blog Editor
    Éditeur simple mais efficace pour la publication de messages sur notre blog. Il prend en charge les plates-formes de blogs personnels comme WordPress, Blogger et Live Journal. Excellent "notes," outil le Presse-papiers Web, présents dans les différentes sections du navigateur
  • Panneau people
    Par simple glisser-déposer le lien et vous pouvez partager instantanément des images avec nos contacts, remis de Twitter, Facebook, YouTube ou Flickr
  • Media Bar
    Flock est capable de reconnaître automatiquement de nombreuses fonctions quand vous entrez dans un site web (blog ou réseau social). Par exemple entrer YouTube ou Flickr seront Apera un bar médias au sommet où vous pouvez faire défiler horizontalement les films et photos vous permettant d'envoyer ou de copier le contenu immédiatement
  • Moteur de recherche
    La gestion de la recherche est complètement personnalisable (comme cela se passe déjà dans Firefox grâce à la norme Open Search), vous permettant d'ajouter facilement une variété de moteurs de recherche alternatifs, que ce soit à partir d'une liste proposée sur le site de Flock se fait par une boîte automatique à cette un site
  • Plug-ins
    Même Flock comme FireFox a déjà de nombreuses extensions, une arme qui a fait ses preuves pour votre Firefox. Certains sont spécifiquement pour Flock mais vous pouvez trouver un "portage" des extensions connues pour Firefox
  • Manipulation de la photo
    Merci à la Photo Uploader vous pouvez utiliser une application interne de Flock pour envoyer rapidement nos photos sur Flickr ou Facebook.

Suite ...