Articles Tagged 'firefox'


Very short trick: log JavaScript objects

If you are to develop in an environment where it is impossible to use the debugging tools like FireBug , such as the Apple iPhone simulator in Xcode, it can become frustrating to find problems, including an incorrect access to all properties of an object. Here is that the use of works alert() is fundamental!

Continued ...

Firefox 3.5.7: how to fix the defect of the rounded edges of an image

Sometimes you just move an item, changing the point of view, to solve a problem seems insurmountable. When one has to do with compatibility between browsers and CSS, inventing solutions "spectacular" (stunts would say) is on the agenda. , per Safari e Google Chrome. What I show you an easy way to apply rounded corners to images using -moz-border-radius , which is available for Mozilla FireFox and -webkit-border-radius , Safari and Google Chrome.

Continued ...

5 extensions for FireFox to have dedicated to Web Developer

One of the huge advantages of Mozilla FireFox , 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 - to do without some useful extensions that help me in the construction, inspection and maintenance of Web pages

Continued ...

As IE6 endure and live happy

I always find some "ill" when tackling the subject "compatibility between browsers." Also, and I have yet to understand the real reason, of all the browsers I know the most "annoying" him remains: Microsoft Internet Explorer 6! Unfortunately, the release of IE 6 is still in circulation and there are frequent reports of problems when viewing pages.

Continued ...

jQuery: round edges on the images to overlap

Because of the different rendering across browsers, Microsoft Internet Explorer definitely see that in mind, we must always resort to tricks to apply special effects that now should be a standard. The award-discussed rounded edges are a classic example of "disaster" produced by the complete inability to make a serious standards on page rendering HTML / CSS. , etc… There are many solutions that allow the network to obtain the "effects" (effects of exempting existing HTML 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 ...
On a purely technical teaching I would like to explain further (cross-browser) to apply the rounded edges of the images:

Demo and source

Continued ...

Creating Desktop Applications with Google Chrome and FireFox?

Google Chrome allows you to create desktop applications from a Web page? In fact, as shown in the menu item, it is simply allowed to create a shortcut to a link that - in turn - open a window without address bar and without all the "frills" of the browser. This does not mean that we have created a desktop application, we have 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, via Project Prism . This is definitely the most versatile and articulate, also accompanied by a useful extension that allows you to create desktop applications menu Firefox, like Google Chrome .

However, both solutions are far from technology Adobe AIR . Before anyone confuses it should be noted the substantial differences between a desktop shortcut that opens a window with no menu, and a real desktop application.
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 as a SHU Player (see Deploying Adobe AIR: AIR Badge from a SHU Player )
  • Manages the application as the other system applications: Install and Uninstall

Continued ...

FireFox: profile management

Mozilla Firefox allows you to manage multiple profiles , which is useful to those who, like me, develops Web sites and requires a series of extensions dedicated to debugging and analysis of Web pages via the use of profiles you can configure different settings FireFox:

Firefox saves your personal information such as bookmarks, passwords and preferences in a file called profile group located in a different position compared to the Firefox program files.

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

1
firefox-ProfileManager

Profile Management

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

Continued ...

CSS3: has anyone seen the 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 everyone: a benchmark with 5 browser

image A good developer has no problem to switch 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 may influence the choice of "frameworks" such is the sympathy and affection that can mature over time.
Specifically, I wanted to analyze some - certainly not all - JavaScript frameworks available today, because even "advised" to take a look especially at 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 frameworks: Slickspeed . This test, the outcome is not discounted at all, it is important to operate as client-side Javascript frameworks, that are executed by your 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. Indeed, it may well happen that a particular site is really more "fast" when viewed in Safari, but this does not mean that "all sites" will be faster with Safari! Obviously this is true for any other browser.

The benchmark

In the test I made ​​with Slickspeed I compared the 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 the car crashed, even going out of scale with the results! Once again, congratulations Microsoft.
I crercato to maintain the same status of the PC during the test run, opening the browser and not individually by sending no other processes running.

Note: If you feel like you also run one or more of these tests, you can comment this post in case of "curious" and several results.

image

Google Chrome is really fast results, with a value of 68 (average) in the test with jQuery . The slower, however, was Flock , despite coming from the same "mother" Mozilla. This poor performance of Flock is really curious as its cutting social networks, because it is precisely the Social Network Web 2.0 to take advantage of many JavaScript frameworks available, so as to provide an experience of truly innovative navigation and interaction.
Surprisingly beats FireFox and Opera also has a nice little ', achieving even a 74 in the performance of Dojo ! FireFox and Safari, on balance, are similar, with Safari faster in tests with Mootools and jQuery.

Which framework to choose?

If you do not mind you testing the speed of execution and do not worry about the normal size in Kbytes of the same framework, the answer might be "what you like" or, if you like, "what you know better or is more harmonious with your style of programming. "
Ultimately, these frameworks will look a bit 'all (see for example the use of $), despite 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, everything that can be done with jQuery, for example, you can do very well with mootools or prototype! If jQuery has a very compact syntax, as all methods always return the jQuery object basis, thus creating endless rows of oggetto.metodo().metodo().metodo()... is said that this is all costs a strength, especially for those who will have to debug!
Libraries like prototype.js sin, perhaps in the absence of effects, even simple, forcing the developer to implement as a spinoff scriptaculous.js , heavy and far from the library first choice.

An example

This last reason, for example, led me to replace the coupled prototype / scriptaculous with jQuery to create interactive panels / Animated undolog.com here in the sidebar. In fact, even using Google API to import libraries, it is wasteful to load all the library and scriptaculous for a slideDown 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 } ) ; Effect else new. BlindDown (this. next (), {duration: .3});
event ) ; Event. Stop (event);
}
)
}
);

and it is now with jQuery:

1
2
3
4
5
6
7
8
9
10
/ / JQuery
) . each ( $ ('H2.dropdown'). Each (
i ) { function (s) {
) . 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's one thing that Mozilla browsers are known to do well!

Flock

Flock is a browser with a whole host of features to social networks and blogs. Available for Mac, Linux and Windows offers a new browsing experience for those who, like myself, have multiple accounts on social networking sites (FaceBook, Twitter, YouTube, ...) and also wants to manage the RSS feeds so smooth and fast.

Installation

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

Features

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

  • Blog Editor
    Simple but effective editor for the publication of Post on our Blog. It supports both personal blog platforms like WordPress, Blogger and Live Journal. Excellent the "notes", the Web Clipboard, found in various sections of the browser
  • People Panel
    Using the simple drag and drop you can instantly share pictures and links with our contacts, recovered from Twitter, Facebook, YouTube or Flickr
  • Media Bar
    Flock is able to automatically recognize many features when you enter a Web site (Blog or Social Network). For example, entering a YouTube or Flickr media bar will be opening at the top where you can scroll horizontally, allowing you to send videos and pictures or copy the content immediately
  • Search Engine
    The management of the research is fully customizable (as already happens with Firefox Open Search standard), allowing to easily add a variety of alternative search engines, both from a list proposed on the site of Flock is present through the automatic recognition a site
  • Plugins and extensions
    Even Flock as FireFox already has many extensions, a weapon that has proved successful because of FireFox. Some are specifically for Flock even if you can find some "porting" of known extensions for FireFox
  • Handling the photos
    Thanks to the Photo Uploader you can use an internal application to Flock to quickly send our photos to Flickr or Facebook.

Continued ...