Articles with tag 'firefox'


Very short trick: log of JavaScript objects

If you are to develop in an environment where it is impossible to use debugging tools such as FireBug , such as the Apple iPad simulator Xcode, it can become frustrating to identify problems, one all wrong access to the properties of an object. Here the use of the works alert() becomes crucial!

Continued ...

FireFox 3.5.7: how to solve the defect of the rounded edges on an image

Sometimes you just have to move an item, changing point of view, to solve a seemingly insurmountable problem. When you then have to deal with cross-browser compatibility and CSS, invent solutions "spectacular" (stunts would say) is on the agenda. , per Safari e Google Chrome. What I show you is a simple way to apply rounded edges in your images using -moz-border-radius , available for Mozilla Firefox and -webkit-border-radius for Safari and Google Chrome.

Continued ...

5 extensions for FireFox to have dedicated to Web Developer

One of the huge advantages of Mozilla FireFox , as compared to other browsers, it was, it still is, to possess a large amount of free extensions that allow you to customize and extend the application. As a web developer I can not - now - do without some useful extensions that help me in the construction, inspection and maintenance of Web pages

Continued ...

How to Endure IE6 and live happily

I always find some "illness" when I face the topic "cross-browser compatibility." Also, and I have yet to understand the true reason, among all browsers I know that most "obnoxious" he always remains: Microsoft Internet Explorer 6! Unfortunately, the release of IE 6 is still in circulation and are frequent reports of problems viewing the pages.

Continued ...

jQuery: round edges on the images to overlap

Because of the different rendering between browsers, Microsoft Internet Explorer definitely see that in mind, you always have to resort to tricks to apply special effects that, by now, should be a standard. The award-discussed rounded edges are a classic example of "disaster" produced by the complete inability to carry out a serious standard on page rendering HTML / CSS. , etc… There are numerous solutions on the net that allow you to get the "effects" (effects which exempt from the HTML current as rounded edges, shadow effects, reflections, etc ...) with patches on the leaves of styles, special tricks with the use of div grafted, libraries Javascript, use of canvas , etc ...
As I will illustrate further purely didactic technique (cross-browser) to apply to the rounded edges of the images:

Demo and source

Continued ...

Create Desktop Applications with Google Chrome and FireFox?

Google Chrome allows you to create desktop applications from a Web page? In fact, as indicated in the menu item, it is simply allowed to create a shortcut to a shortcut that - in turn - opens a window without the address bar and without all the "frills" of the browser. This does not mean that we have created a desktop application, we only created a link to the same Google Chrome mode - so to speak-chrome-less.

Feature simle, but more ambitious, had already been proposed by the Mozilla Foundation in 2007, through the project Prism . This is definitely the most versatile and articulate, also accompanied by a useful extension that allows you to create desktop applications menu of FireFox, like Google Chrome .

However, both solutions are far from the technology Adobe AIR . Before anyone mistake them it is worth noting the differences between a desktop shortcut that opens a window with a menu and a desktop application real hard.
Adobe AIR , in fact, unlike the solutions offered by Google Chrome and Prism allows you to:

  • Virtually complete access to the system running the application, with the ability to read and write files. Possibility to extend its functionality through DLLs (dynamic link library), extensions, and third-party products such as SHU Player (see Deploying Adobe AIR applications: by AIR Badges Player to SHU )
  • Manages the application as the other system applications: Install and Uninstall

Continued ...

FireFox: profile management

Mozilla FireFox allows you to manage multiple profiles , useful feature for those who, like me, develops websites and in need of a whole series of extensions dedicated to debugging and analysis of Web pages Through the use of profiles, you can configure different settings FireFox:

Firefox saves your personal information such as bookmarks, passwords and preferences in a set of files called your profile located in a different location than the program files for Firefox.

On Windows Vista ( see here for other operating systems), you can access the profile management from the command Esegui using:

1
firefox-ProfileManager

Managing profiles

One of the advantages in the use of profiles is that you can have a FireFox to browse, then without all of the toolbars and extensions for debugging and FireFox to develop, together with FireBug and all other development tools.

Continued ...

CSS3: has anyone seen Internet Explorer?

I just do not ...

1
2
3
4
5
6
7
8
9
p {
/ * Rounded Corners * /
; /* 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 * /
}

Continued ...

jQuery against all: a benchmark with 5 browser

image A good developer has no problem to go from one programming language to another. The choice to focus on a particular language, framework or development environment, is dictated more by the availability of time and the type of work that takes place. However, an important factor that can influence the choice of "framework" similar, it is sympathy or affection that can mature with time.
Specifically, I wanted to analyze some - certainly not all - Javascript frameworks available today, because even "advised" to take a look especially jQuery .
The creators of mootools (one of the most popular Javascript frameworks) have made ​​available a tool to run a speed test and validity of five well-known Javascript framework: Slickspeed . This test, the outcome is not at all obvious, is important as the client-side Javascript frameworks operate, ie they are carried out by our browser. It is precisely for this reason that some find Safari faster than Internet Explorer or Google Chrome faster than Firefox . However, this often depends on the type of page you are viewing. In fact, it may very well happen that a particular site is really "faster" when viewed in Safari, but this does not mean that "all sites" will be faster with Safari! Obviously this is true of any other browser.

The benchmark

In the tests I've done with Slickspeed I compared browsers available on my machine (Windows Vista 64bit Utilmate - Intel core 2 quad 2.4GHz with 8Gb RAM).
Unfortunately, the tests are not able to run with Internet Explorer 7, as it blocked the machine, even going out of scale with the results! Once again congratulations Microsoft.
I crercato to maintain the same PC status during the execution of the tests, individually opening the browser and not sending any other running process.

Note: if you want to run you also one or more of these tests, you can comment on this post in case of "curious" and several results.

image

Google Chrome was really fast, with a value of 68 (average) in the test with jQuery . The slower, however, is the result Flock , despite coming from the same "mother" Mozilla. This poor performance of Flock is really curious saw her cutting Social Network, because it is the Social Network Web 2.0 to take advantage of the many JavaScript frameworks available, so as to provide a truly innovative navigation and interaction.
Surprisingly beats FireFox and Opera also has a nice little ', getting even a 74 in the execution of Dojo ! FireFox and Safari, after all, look alike, with Safari faster in tests with Mootools and jQuery.

Which framework to choose?

If you do not mind to test the speed of execution and not worry about the normal size in Kbytes of the frameworks themselves, the answer could be "what you like" or if you prefer, "what you know best or there is more harmonious with your style of programming. "
Ultimately these frameworks will look a bit 'all (see the use of the $ for example), although some important and substantial differences that can jump in the eyes of an expert or really pushed the use of a particular library. In principle, in fact, all that can be achieved with jQuery, for example, you can do fine with mootools or prototype! If jQuery has a very compact syntax, since all methods always return the jQuery object basis, thus creating endless rows of oggetto.metodo().metodo().metodo()... it is said that this is at all costs a strength, especially for those who have to do the debugging!
Libraries such as prototype.js sin perhaps in the absence of graphic effects, even simple, forcing the developer to implement spinoff as scriptaculous.js , heavy and distant from the library first choice.

An example

This last reason, for example, has led me to replace the coupled prototype / scriptaculous with jQuery to create interactive panels / animated here in the sidebar of undolog.com. In fact, even using Google API to import libraries, it is a waste load the entire library scriptaculous by one slideDown and slideUp. For information and an example, here is the Javascript code as it was coupled with the prototype / scriptaculous:

1
2
3
4
5
6
7
8
9
10
11
12
13
/ / Prototype / scriptaculous
) . each ( $ $ ('H2.dropdown'). Each (
element ) { function (element) {
= "pointer" ; element. style. cursor = "pointer";
'click' , element. observe ('click',
event ) { function (event) {
this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration : .5 } ) ; if (this. next (). style. display == "") new Effect. BlindUp (this. next (), {duration: .5});
Effect. BlindDown ( this . next ( ) , { duration : .3 } ) ; else new Effect. BlindDown (this. next (), {duration: .3});
event ) ; Event. Stop (event);
}
)
}
);

and as it is now with jQuery:

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

All in all, a closer look, I do not think there is a lot of difference! But as I said before ... the question is "also" of personal taste.

Continued ...

Flick and Flock

If there is one thing that Mozilla can do well are the browser!

Flock

Flock is a browser with a variety of functions for social networks and blogs. Available for Mac, Linux and Windows offers a new browsing experience to those who, like me, you have several accounts in social networks (Facebook, Twitter, YouTube, ...) and also wants to manage your RSS feeds in a harmonious and quick.

Installation

If you have FireFox (you do not need to uninstall) all your settings can be transferred Flock during the first use cookies, passwords, bookmarks, you name it. After using Flock for a few minutes, I was tempted to remove the excellent FeedReader, useless given the excellent management of Feed Flock.

Features

In addition to having many features similar to FireFox, which makes it immediately usable, Flock allows you to:

  • Blog Editor
    Simple but effective editor for publishing posts on our blog. It supports both personal blog platforms like WordPress, Blogger and Live Journal. Excellent tool "notes," the Web Clipboard, present in various sections of the browser
  • Panel People
    By simply dragging and dropping the link and you can instantly share pictures with our contacts, recovered from Twitter, Facebook, YouTube or Flickr
  • Media Bar
    Flock is able to automatically recognize many features when you enter a website (Blog or Social Network). For example entering YouTube or Flickr will Apera a media bar at the top where you can scroll horizontally movies and photos allowing you to send or copy the contents immediately
  • Search Engine
    The management of the research is completely customizable (as already happens in FireFox thanks to the Open Search standard), allowing you to easily add a variety of alternative search engines, either from a list proposed on the site of Flock is through an automatic in this a site
  • Plug-ins
    Even Flock as FireFox already has numerous extensions, a weapon that has proved successful for your Firefox. Some are specifically for Flock although you can find some "porting" of known extensions for FireFox
  • Handling the photo
    Thanks to the Photo Uploader you can use an internal application to Flock to quickly send our photos on Flickr or Facebook.

Continued ...