Articles taggés avec 'Firefox'


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 Apple Xcode, il peut devenir frustrant de trouver des problèmes, notamment un accès à toutes incorrectes des propriétés 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 ...

5 extensions pour FireFox pour avoir dédié au Web Developer

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

Suite ...

Comme IE6 supporter et vivre heureux

Je trouve toujours quelques "malades" quand aborder le sujet "la compatibilité entre les navigateurs." Aussi, et je n'ai pas encore de comprendre la vraie raison, de tous les navigateurs je sais plus "ennuyeux" lui reste: Microsoft Internet Explorer 6! Malheureusement, la version d'IE 6 est encore en circulation et il ya des rapports fréquents de problèmes lors de la visualisation des pages.

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 ...

Création d'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 fait, comme indiqué dans l'élément du menu, il est simplement permis de créer un raccourci vers un lien qui - à son tour - ouvrir une fenêtre sans 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 le même Google Chrome en mode - pour ainsi dire-chrome-moins.

Simle fonctionnalité, mais plus ambitieux, avait déjà été proposée par la fondation Mozilla en 2007, par le biais de projets Prism . C'est certainement le plus polyvalent et articulé, également accompagné par un utile prolongement qui vous permet de créer des menu des applications de bureau Firefox, comme Google Chrome .

Toutefois, les deux solutions sont loin d'être la technologie Adobe AIR . Avant que quelqu'un ne confond il convient de noter les différences substantielles entre un raccourci sur le bureau qui ouvre une fenêtre sans menu, et une application de bureau réel.
Adobe AIR , en fait, contrairement aux solutions offertes par Google Chrome et Prism vous permet de:

  • Pratiquement un accès complet au système d'exécuter l'application avec la capacité de lire et écrire des fichiers. Possibilité d'étendre ses fonctionnalités grâce à des DLL (Dynamic Link Library), les extensions et les produits tiers comme un joueur SHU (voir Déploiement d'Adobe AIR: Badge AIR à partir d'un lecteur SHU )
  • Gère l'application que les autres applications système: Installation et désinstallation

Suite ...

FireFox: gestion des profils

Mozilla Firefox vous permet de gérer plusieurs profils , ce qui est utile à ceux qui, comme moi, développe des sites Web et nécessite une série d'extensions dédiées au débogage et d'analyse des pages Web via l'utilisation de profils que vous pouvez configurer différents paramètres FireFox:

Firefox enregistre vos informations personnelles comme les signets, mots de passe et vos préférences dans un fichier appelé groupe de profil situé dans une position différente par rapport aux fichiers du programme Firefox.

Sur Windows Vista ( voir ici pour les autres systèmes d'exploitation) peuvent accéder à la gestion du profil de la commande Esegui en utilisant:

1
firefox-ProfileManager

Gestion des profils

Un des avantages de l'utilisation des profils est que vous pouvez avoir un Firefox pour naviguer sans la barre d'outils puis toutes les extensions pour le débogage et FireFox pour développer, accompagné par Firebug et tous les autres outils de développement.

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 ...

jQuery contre tout le monde: un benchmark avec 5 navigateur

l'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 un environnement particulier la langue, le cadre ou le développement, est plus dicté par la disponibilité de temps et le type de travail qui prend place. Cependant, un facteur important qui peut influencer le choix des "cadres" telle est la sympathie et l'affection que peut mûrir au fil du temps.
Plus précisément, j'ai voulu analyser certains - certainement pas tous - JavaScript cadres disponibles aujourd'hui, parce que même «conseillé» de jeter un regard particulier à jQuery .
Les créateurs de mootools (l'un des principaux frameworks JavaScript) ont mis à disposition un outil pour exécuter un test de vitesse et de la validité de cinq frameworks JavaScript bien connu: SlickSpeed ​​. Ce test, le résultat n'est pas actualisé à tous, il est important d'opérer en tant frameworks JavaScript côté client, qui sont exécutées par votre 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 effet, il peut bien arriver que d'un site particulier est vraiment plus "rapide" lorsqu'il est affiché dans Safari, mais cela ne signifie pas que «tous les sites" sera plus rapide avec Safari! Évidemment, cela est vrai pour n'importe quel autre navigateur.

L'indice de référence

Dans le test 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 la voiture accidentée, allant même hors d'échelle avec les résultats! Encore une fois, félicitations Microsoft.
J'ai crercato de maintenir le même statut de l'ordinateur lors de l'essai, l'ouverture du navigateur, et non individuellement par l'envoi d'aucun autre processus en cours.

Remarque: Si vous vous sentez comme vous avez également exécuter une ou plusieurs de ces tests, vous pouvez commenter ce post en cas de résultats «curieux» et plusieurs.

l'image

Google Chrome est vraiment rapide des résultats, avec une valeur de 68 (moyenne) à l'essai avec jQuery . Le ralentissement a toutefois été Flock , malgré provenant du même «mère» de Mozilla. Cette mauvaise performance de Flock est vraiment curieux que sa coupe de réseaux sociaux, car c'est précisément le Web Social Network 2.0 pour profiter des frameworks JavaScript de nombreux disponibles, afin de fournir une expérience de navigation réellement innovants et d'interaction.
Étonnamment bat FireFox et Opera dispose également d'une «belle petite, atteignant même un 74 dans l'exercice de Dojo ! FireFox et Safari, sur l'équilibre, sont similaires, avec Safari plus rapide dans les essais avec Mootools et jQuery.

Quel cadre choisir?

Si vous n'avez pas à vous tester la rapidité d'exécution et ne vous inquiétez pas au sujet de la taille normale en kilo-octets d'un même cadre, la réponse pourrait être "ce que vous aimez», ou, si vous voulez, "ce que vous savez mieux ou plus harmonieuse avec votre style de programmation. "
Finalement, ces cadres se penchera un peu "tout (voir par exemple l'utilisation de $), malgré 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 fait avec jQuery, par exemple, vous pouvez faire très bien avec mootools ou prototype! Si jQuery a une syntaxe très compact, comme toutes les méthodes retournent toujours la base objet jQuery, créant ainsi d'interminables rangées de oggetto.metodo().metodo().metodo()... est dit que tout cela est coûts une force, surtout pour ceux qui auront à déboguer!
Bibliothèques comme prototype.js le péché, peut-être en l'absence d'effets, même simple, forçant le développeur à mettre en œuvre, une entreprise dérivée scriptaculous.js , lourd et loin d'être le choix première bibliothèque.

Un exemple

Cette dernière raison, par exemple, m'a amené à remplacer le prototype couplé / scriptaculous avec jQuery pour créer des panneaux interactifs / undolog.com animé ici, dans la barre latérale. En fait, même en utilisant l'API Google pour importer des bibliothèques, il est inutile de charger toutes les bibliothèques et scriptaculous pour un slideUp slideDown. 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'élément style du curseur = "pointeur";
'click' , élément. observer («clic»,
event ) { fonction (event) {
this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration : .5 } ) ; if (.. this. next () le style d'affichage == "") Effet de nouvelles BlindUp (this. suivante () {durée: 0.5});.
Effect. BlindDown ( this . next ( ) , { duration : .3 } ) ; . Effet chose de nouveau BlindDown (this. suivante () {durée: 0.3});
event ) ; Arrêtez événement (event).;
}
)
}
);

et il est maintenant avec jQuery:

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

Tout compte fait, un examen plus attentif, je ne pense pas qu'il ya beaucoup de différence! Mais comme j'ai dit avant ... la question est "aussi" de goût personnel.

Suite ...

Flick et Flock

S'il ya une chose que Mozilla navigateurs sont connus pour bien faire!

Troupeau

Flock est un navigateur avec une multitude de fonctionnalités pour les réseaux sociaux et blogs. Disponible pour Mac, Linux et Windows offre une nouvelle expérience de navigation pour ceux qui, comme moi, avoir plusieurs comptes sur des sites de réseaux sociaux (Facebook, Twitter, YouTube, ...) et veut aussi gérer le flux RSS si lisse et rapide.

Installation

Si vous avez Firefox (qui n'ont pas à désinstaller) tous vos réglages peuvent être transférées dans le troupeau lors de la première utilisation des cookies, mots de passe, signets, you name it. Après l'utilisation de Flock pour quelques minutes, j'ai été tenté de retirer le FeedReader grande inutiles étant donné l'excellente gestion de paître le troupeau de.

Caractéristiques

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

  • Blog Editor
    Simple mais efficace éditeur pour la publication de message sur notre blog. Il supporte deux plates-formes blog personnel comme WordPress, Blogger et Live Journal. Excellente les «notes», le presse-papiers Web, trouvés dans diverses sections du navigateur
  • Panneau de gens
    Utilisation de la simple glisser-déposer, vous pouvez partager instantanément des photos et des liens avec nos contacts, récupéré de Twitter, Facebook, YouTube ou Flickr
  • Media Bar
    Flock est capable de reconnaître automatiquement de nombreuses fonctionnalités lorsque vous entrez dans un site Web (blog ou réseau social). Par exemple, entrer dans un YouTube ou Flickr media bar sera ouverture au sommet où vous pouvez faire défiler horizontalement, vous permettant d'envoyer des vidéos et des photos ou copier le contenu immédiatement
  • Moteur de recherche
    La gestion de la recherche est entièrement personnalisable (comme c'est déjà le cas avec Firefox standard Open Search), permettant d'ajouter facilement une variété de moteurs de recherche alternatifs, à la fois sur une liste proposée sur le site de Flock est présent à travers la reconnaissance automatique un site
  • Plugins et extensions
    Même Flock que FireFox a déjà de nombreuses extensions, une arme qui a été couronnée de succès en raison de FireFox. Certaines sont spécifiquement pour Flock, même si vous pouvez trouver quelques "portage" des extensions connues pour FireFox
  • Manipulation des photos
    Merci à l'Photo Uploader vous pouvez utiliser une application interne à Flock pour envoyer rapidement nos photos sur Flickr ou Facebook.

Suite ...