Artigos com a tag 'firefox'


Muito curto truque: log de ​​objetos JavaScript

Se você está a desenvolver em um ambiente onde não é possível utilizar ferramentas de depuração, como FireBug , como o Apple iPad simulador Xcode, ele pode se tornar frustrante para identificar problemas, um todo o acesso errado para as propriedades de um objeto. Aqui o uso da obra alert() torna-se crucial!

Continuação ...

Firefox 3.5.7: como resolver o defeito de as bordas arredondadas em uma imagem

Às vezes você apenas tem que mover um item, o ponto de vista de mudança, para resolver um problema aparentemente intransponível. Quando então você tem que lidar com compatibilidade cross-browser e CSS, soluções inventar "espetacular" (duplos diria) está na ordem do dia. , per Safari e Google Chrome. O que quero mostrar é uma maneira simples de aplicar bordas arredondadas em suas imagens utilizando -moz-border-radius , disponível para o Mozilla Firefox e -webkit-border-radius para o Safari e Google Chrome.

Continuação ...

5 extensões para o Firefox ter dedicado a Web Developer

Uma das grandes vantagens do Mozilla FireFox , em comparação com outros navegadores, foi, ainda é, de possuir uma grande quantidade de extensões livres que permitem personalizar e estender o aplicativo. Como um desenvolvedor web eu não posso - agora - sem fazer algumas extensões úteis que me ajudam na construção, inspeção e manutenção de páginas da Web

Continuação ...

Como suportar IE6 e viver feliz

Eu sempre encontrar alguma "doença" quando eu enfrentar o tema "compatibilidade cross-browser." Além disso, e eu ainda tenho que entender a verdadeira razão, entre todos os navegadores que eu sei que a maioria "detestável", ele sempre permanece: Microsoft Internet Explorer 6! Infelizmente, o lançamento do IE 6 ainda está em circulação e são freqüentes relatos de problemas para visualizar as páginas.

Continuação ...

jQuery: bordas redondas nas imagens para sobrepor

Devido à diferente renderização entre os navegadores, a Microsoft Internet Explorer definitivamente ver isso em mente, você sempre tem que recorrer a truques para aplicar efeitos especiais que, até agora, deve ser um padrão. Bordas arredondadas do award-discutidos são um exemplo clássico de "desastre", produzido pela completa incapacidade de realizar um padrão sério na página renderizar HTML / CSS. , etc… Existem inúmeras soluções na rede que permitem que você obtenha os "efeitos" (efeitos que isentam do atual HTML como bordas arredondadas, efeitos de sombra, reflexos, etc ...) com manchas nas folhas de estilos, truques especiais com o uso de div enxertadas, bibliotecas Javascript, o uso de canvas , etc ...
Como vou ilustrar ainda mais técnica puramente didático (cross-browser) para aplicar as bordas arredondadas das imagens:

Demo e fonte

Continuação ...

Criar aplicações desktop com o Google Chrome e FireFox?

Google Chrome permite que você crie aplicativos de desktop a partir de uma página Web? De fato, conforme indicado no item de menu, é simplesmente permissão para criar um atalho para um atalho que - por sua vez - abre uma janela sem a barra de endereços e sem toda a "frescura" do navegador. Isso não significa que criamos um aplicativo de desktop, só criou um link para o mesmo Google Chrome modo - por assim dizer-cromo-less.

Simle recurso, mas mais ambicioso, já havia sido proposto pela Fundação Mozilla em 2007, por meio do projeto Prism . Este é sem dúvida o mais versátil e articulada, também acompanhada por uma útil extensão que permite que você crie menu de aplicativos para desktop do Firefox, como o Google Chrome .

No entanto, ambas as soluções estão longe de ser a tecnologia Adobe AIR . Antes que alguém confundi-los é importante notar as diferenças entre um atalho no desktop que abre uma janela com um menu e uma verdadeira difícil aplicação desktop.
Adobe AIR , na verdade, ao contrário das soluções oferecidas pelo Google Chrome e Prism permite:

  • Praticamente completar o acesso ao sistema a execução do aplicativo, com a capacidade de ler e escrever arquivos. Possibilidade de estender sua funcionalidade através de DLLs (dynamic link library), extensões, e produtos de terceiros, como SHU Jogador (ver Implantando aplicativos do Adobe AIR: Pelo ar Badges Player para SHU )
  • Gerencia a aplicação como os outros aplicativos do sistema: Install and Uninstall

Continuação ...

FireFox: gerenciamento de perfis

Mozilla Firefox permite que você gerencie vários perfis , recurso útil para quem, como eu, desenvolve sites e precisa de toda uma série de extensões dedicadas a depuração e análise de páginas Web através do uso de perfis, você pode configurar definições diferentes FireFox:

Firefox salva suas informações pessoais, tais como bookmarks, senhas e preferências em um conjunto de arquivos chamado seu perfil localizado em um local diferente do que os arquivos do programa para o Firefox.

No Windows Vista ( veja aqui para outros sistemas operacionais), você pode acessar o gerenciamento de perfil do comando Esegui usando:

1
firefox-ProfileManager

Gerenciamento de perfis

Uma das vantagens do uso de perfis é que você pode ter um FireFox para navegar, então, sem todas as barras de ferramentas e extensões para depuração e FireFox a desenvolver, juntamente com FireBug e todas as outras ferramentas de desenvolvimento.

Continuação ...

CSS3: alguém viu o Internet Explorer?

Eu só não ...

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

Continuação ...

jQuery contra todos: a referência com cinco navegador

imagem Um bom programador não tem nenhum problema para ir de uma linguagem de programação para outra. A escolha de se concentrar em um determinado idioma, estrutura ou ambiente de desenvolvimento, é ditada mais pela disponibilidade de tempo eo tipo de trabalho que se realiza. No entanto, um fator importante que pode influenciar a escolha do "quadro" similar, é a simpatia ou afeição que pode amadurecer com o tempo.
Especificamente, eu queria analisar alguns - certamente não todos - frameworks JavaScript disponíveis hoje em dia, porque mesmo "aconselhado" para dar uma olhada, especialmente jQuery .
Os criadores do mootools (um dos mais populares frameworks JavaScript) disponibilizaram uma ferramenta para executar um teste de velocidade e validade de cinco framework Javascript conhecido: Slickspeed . Neste teste, o resultado não é de todo óbvio, é importante que os quadros JavaScript do lado cliente operar, ou seja, são realizadas pelo nosso browser. É precisamente por esta razão que alguns acham Safari mais rápido do que o Internet Explorer ou Google Chrome mais rápido do que o Firefox . No entanto, isso muitas vezes depende do tipo de página que você está visualizando. Na verdade, ele pode muito bem acontecer que um determinado site é realmente "mais rápido", quando vistos no Safari, mas isso não significa que "todos os sites" será mais rápida com o Safari! Obviamente, isso é válido para qualquer outro browser.

O benchmark

Nos testes que fiz com Slickspeed eu comparei os navegadores disponíveis no meu computador (Windows Vista 64bit Utilmate - Intel Core 2 Quad de 2,4 GHz com 8GB de RAM).
Infelizmente, os testes não são capazes de funcionar com o Internet Explorer 7, uma vez que bloqueou a máquina, mesmo saindo da escala com os resultados! Mais uma vez parabéns Microsoft.
I crercato para manter o mesmo estatuto de PC durante a execução dos testes, individualmente abrindo o navegador e não enviar qualquer outro processo de execução.

Nota: se você quiser correr-lhe também um ou mais desses testes, você pode comentar sobre este post, no caso de "curiosos" e vários resultados.

imagem

Google Chrome foi muito rápido, com um valor de 68 (média) no teste com jQuery . Quanto mais lento, no entanto, é o resultado Flock , apesar de vir da mesma "mãe" Mozilla. Este fraco desempenho do rebanho é muito curioso viu Rede Social de corte, porque é a Rede Social Web 2.0 para tirar proveito dos muitos frameworks JavaScript disponíveis, de modo a proporcionar uma navegação e interação verdadeiramente inovador.
Surpreendentemente bate Firefox e Opera também tem um pouco agradável ", ficando ainda a 74 na execução do Dojo ! Firefox e Safari, afinal de contas, são parecidos, com o Safari mais rápido em testes com Mootools e jQuery.

Qual quadro para escolher?

Se você não se importa para testar a velocidade de execução e não se preocupar com o tamanho normal em Kbytes dos próprios quadros, a resposta poderia ser "o que você gosta" ou, se preferir, "o que você sabe melhor ou há mais harmonioso com o seu estilo de programação ".
Em última análise, estes quadros vão olhar tudo um pouco "(veja o uso do $, por exemplo), apesar de algumas diferenças importantes e substanciais que podem saltar aos olhos de um especialista ou realmente empurrou o uso de uma biblioteca particular. Em princípio, na verdade, tudo o que pode ser conseguido com jQuery, por exemplo, você pode fazer muito bem com mootools ou protótipo! Se jQuery tem uma sintaxe muito compacta, já que todos os métodos sempre retornam a base objeto jQuery, criando, assim, filas intermináveis ​​de oggetto.metodo().metodo().metodo()... diz-se que esta é de todo custa uma força, especialmente para aqueles que têm de fazer a depuração!
Bibliotecas como prototype.js pecado, talvez, na ausência de efeitos gráficos, mesmo simples, forçando o desenvolvedor a implementar spinoff como scriptaculous.js , pesado e distante da primeira escolha biblioteca.

Um exemplo

Esta última razão, por exemplo, levou-me a substituir o protótipo acoplado / scriptaculous com jQuery para criar painéis interativos / animação aqui na barra lateral do undolog.com. Na verdade, mesmo usando o Google API para importar bibliotecas, é uma carga de resíduos a biblioteca inteira scriptaculous por um slideDown e slideUp. Para mais informações e um exemplo, aqui está o código Javascript como foi juntamente com o protótipo / scriptaculous:

1
2
3
4
5
6
7
8
9
10
11
12
13
/ / Protótipo / scriptaculous
) . each ( $ $ ('H2.dropdown). Cada (
element ) { function (element) {
= "pointer" ; .. elemento de estilo cursor = "ponteiro";
'click' , elemento. observar ('click',
event ) { function (event) {
this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration : .5 } ) ; if (.. this. next () estilo de exibição == "") new Effect BlindUp (this. next (), {duration: .5});.
Effect. BlindDown ( this . next ( ) , { duration : .3 } ) ; . mais novo Efeito BlindDown (this. next (), {duration: 0,3});
event ) ; . Evento Parar (evento);
}
)
}
);

e como é agora com jQuery:

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

Tudo somado, um olhar mais atento, eu não acho que haja muita diferença! Mas como eu disse antes ... a pergunta é "também" de gosto pessoal.

Continuação ...

Flick e Flock

Se há uma coisa que a Mozilla pode fazer bem é o browser!

Flock

Flock é um navegador com uma variedade de funções para redes sociais e blogs. Disponível para Mac, Linux e Windows oferece uma nova experiência de navegação para aqueles que, como eu, você tem várias contas em redes sociais (Facebook, Twitter, YouTube, ...) e também quer gerir os seus feeds RSS em uma rápida e harmoniosa.

Instalação

Se você tem o Firefox (você não precisa desinstalar), todas as suas configurações podem ser transferidos Flock durante os primeiros utilizam cookies, senhas, favoritos, you name it. Depois de usar o Flock por alguns minutos, eu estava tentado a remover o excelente FeedReader, inútil, dada a excelente gestão de Flock alimentação.

Características

Além de ter muitas características semelhantes ao FireFox, o que o torna imediatamente utilizável, Flock permite:

  • Editor do Blog
    Editor simples, mas eficaz para a publicação de mensagens no nosso blog. Ele suporta ambas as plataformas de blog pessoais, como WordPress, Blogger e Live Journal. Excelente ", observa," tool o Web Clipboard, presentes em várias seções do navegador
  • Painel de Pessoas
    Simplesmente arrastando e soltando o link e você pode compartilhar instantaneamente fotos com nossos contatos, recuperado de Twitter, Facebook, YouTube ou Flickr
  • Media Bar
    Flock é capaz de reconhecer automaticamente muitos recursos quando você entra em um site (Blog ou rede social). Por exemplo entrar YouTube ou Flickr vai Apera uma barra de mídia, na parte superior, onde pode rolar horizontalmente filmes e fotos que lhe permite enviar ou copiar o conteúdo imediatamente
  • Search Engine
    A gestão da pesquisa é totalmente personalizável (como já acontece no Firefox graças ao padrão Open Search), permitindo que você facilmente adicionar uma variedade de motores de busca de alternativas, a partir de uma lista proposta no site do Flock é através de uma caixa automática nesta um sítio
  • Plug-ins
    Ainda Flock como FireFox já tem inúmeras prorrogações, uma arma que tem sido bem sucedida para o seu Firefox. Alguns são especificamente para o rebanho, embora você pode encontrar alguns "porting" de extensões conhecidas para o Firefox
  • Manuseio da foto
    Graças à Photo Uploader você pode usar um aplicativo interno de Flock para enviar rapidamente nossas fotos no Flickr ou Facebook.

Continuação ...