Introduza o termo a pesquisar e clique Enter.

Tag: firefox

Desenvolvimento web moderno

Jan 12 05

Escrito por Luis Nabais @ 05/01/12 22:01 | 1 Comentário »

Hoje em conversa com um colega meu comecei a descrever a abordagem que tenho tomado quando procuro desenvolver um website em HTML, CSS e Javascript e pensei que se calhar era uma boa ideia partilhar aqui a forma como o faço.

O objectivo é simples: criar pequenos sites que funcionam desde um telemóvel até um Desktop com ou sem Javascript activo e tentando suportar tanto quanto possível browsers ligeiramente mais antigos como o IE8 ou o Firefox 3.6.

No entanto sou o primeiro a admitir que esta abordagem não serve para todos os casos mas na minha modesta opinião é um bom objectivo para quem tem sites mais pequenos e quer dar aquela pequena dedicação extra que permite cobrir sem grande trabalho extra uma grande fatia dos potenciais visitantes.

Se tiverem dicas ou sugestões não se esqueçam de as deixar nos comentários mas antes disso vamos à minha abordagem ao problema.

Continuar a ler esta entrada >>

Dividir para conquistar: multiplos perfis no Firefox

Dez 10 15

Escrito por Luis Nabais @ 15/12/10 21:12 | Sem Comentários »

Quem usa o Firefox para uso pessoal e para desenvolvimento, como é o meu caso, certamente já reparou que por vezes as inúmeras e indispensáveis extensões que tornam este browser uma quase indispensável ferramenta de trabalho são também alguns dos principais culpados por o deixar sofrivelmente lento no dia a dia.

Pois bem eu encontrei uma possível solução para este problema utilizando uma velha funcionalidade escondida do Firefox que permite possuir mais do que um perfil de utilizador (o que implica bookmarks diferentes, configurações diferentes, cache diferente e acima de tudo extensões diferentes). A parte porreia desta funcionalidade é que pode até ser usada para experimentar versões alpha/beta sem poluir o vosso perfil ou para qualquer outro uso que lhes queiram dar.

Mas vamos ás instruções.

Primeiro que tudo há que criar os perfis correndo o Firefox com os seguintes argumentos

-ProfileManager -no-remote

Somos então brindados com uma janela onde é possível criar novos perfis. Cliquem em “Criar Perfil…” e dêem um nome como “Trabalho” ao novo perfil. Depois cliquem em “Sair” (isto é muito importante se querem manter o perfil actual como omissão).

Depois criem um atalho para o Firefox (no ambiente de trabalho ou em outro local) com os seguintes argumentos:

-P Trabalho -no-remote

Isto vai fazer com que este atalho abra uma nova janela de Firefox a correr o vosso novo perfil onde podem instalar à vontade as extensões de desenvolvimento sem poluir o vosso perfil do dia a dia.

Espero que este truque vos seja tão útil para vocês como foi para mim e se tiverem alguma duvida, critica ou sugestão digam qualquer coisa nos comentários.

TV Wall

Jun 10 26

Escrito por Luis Nabais @ 26/06/10 3:06 | 4 Comentários »

Paleta de Cores do TV WallHá coisa de um mês atrás estava eu ligeiramente aborrecido e com vontade de fazer algo criativo mas sem grandes ideias. Não sei muito bem como mas veio-me à cabeça uma única ideia marada de tentar preparar um design com rectângulos. Não sabia para que é que iam servir os rectângulos nem sequer muito bem o aspecto que queria que a coisa tivesse, só sabia mesmo que tinha de ter rectângulos espalhados por todo o lado e atirei-me ao editor de imagem.

O primeiro passo foi escolher umas cores. É engraçado como a cor castanha, que em tempos praticamente declarei como a minha maior inimiga, se tornou ultimamente numa autentica constante em todos os designs que faço. Um sinal da minha evolução nesta arte suponho.

Escolhidas as cores comecei a brincar com vários tipos de conjugações mas faltava sempre uma razão de ser para aquilo. O que iam conter aqueles quadrados? A resposta veio mais tarde quando decidi colocar em dia as minhas séries ao descobrir que o MyTVShows do Ivo estava novamente em baixo: os quadrados vão ter séries!

E assim surgiu o TV Wall: uma “parede” virtual onde se pode colocar as nossas series favoritas. No inicio a ideia era só isto: não havia cá episódios, nem sequer sinopses, apenas as séries e umas imagens bonitas mas o salto para algo mais completo e funcional era fácil de fazer e a API do TheTVDB estava mesmo ali à mão de semear com virtualmente tudo o que é preciso.

TV Wall - Mockup TV Wall - Mockup de janela modal TV Wall TV Wall - Single

 
Tinha então uma ideia e o aspecto da mesma, duas partes já por si complicadas, mas faltava coloca-la em prática e acima de tudo saber como o fazer. Em que linguagens? Em que meio? Para mim a resposta foi simples: Javascript, HTML e CSS. Andava já há uns bons 3 anos a prometer a mim mesmo que ia aprender mais de Javascript e esta foi uma oportunidade de ouro para o fazer.

Meti mãos ao trabalho e comecei a desenvolver código javascript para tornar isto funcional. Pelo caminho fui aprendendo a fazer pedidos AJAX, a converter de XML para JSON usando php e até como executar código assíncrono em php. No futuro ainda tenho planeado usar o Local Storage e o Session Storage que vieram com o HTML5 para guardar informações, um interface catita para telemóveis com touchscreen e ligação ao MyTVShows para poder marcar episódios como vistos.

PHP pode parecer uma opção estranha no meio disto tudo mas tem uma razão muito simples: não tenho dinheiro actualmente para um VPS onde montar algo mais catita como Rhyno e CouchDB mas está planeado para um futuro próximo se possível bem como uma forma de tornar isto em algo ainda mais útil do que possam imaginar. Esta ultima porém é uma ideia que pode demorar ainda muito tempo (e dinheiro) a realizar, considerem-se no entanto teased.

Para já fica aqui a minha versão alpha do TV Wall com o código praticamente colado com fita-cola, as engrenagens a funcionarem à base de doses volumosas de WD40 e a exigir Webkit ou Firefox 3.5 (ou superior). Notem no entanto que tenho andado a testar só em Firefox devido ao belo do Firebug que muita dificuldade tenho em largar porém façam favor de me avisar de todos os problemas que encontrem nos comentários deste artigo ou via Twitter. Aguardo com expectativa as vossas opiniões.

Link: TV Wall

Instant CSI

Abr 10 16

Escrito por Luis Nabais @ 16/04/10 0:04 | 3 Comentários »

Hoje passei-me dos carretos e para desanuviar do estado de trabalho constante em que tenho estado há praticamente um mês decidi, como disse no twitter, fazer algo criativo.

O resultado foi meter-me a brincar com a tag audio do HTML5, umas funções engraçadas de CSS3 e polvilhar tudo com Javascript. Deixar marinar e o resultado que sai é a minha versão da famosa entrada do CSI Miami.

Podem encontrar o meu Instant CSI em www.nonsensebb.com/csi/, utilizadores do Internet Explorer não precisam de passar por lá visto que o browser não suporta literalmente nenhuma das funcionalidades que precisei. Talvez se tiver paciência um dia destes tento meter a funcionar no IE8… ou então não.

PS: existe um pequeno bug no Google Chrome que faz com que o som só funcione bem na primeira vez que se clica na imagem. Eu não faço ideia porquê é que isto acontece visto que nos outros browsers funciona bem consequentemente deve ser bug do browser.

Coisas que eu uso nisso dos sites

Dez 09 13

Escrito por Luis Nabais @ 13/12/09 23:12 | 1 Comentário »

Ou 25+ links úteis para web design.

Por nenhuma razão em especial achei que era uma ideia engraçada fazer uma pequena listagem de alguns sites que considero essenciais para o decorrer daquele que é o meu principal hobby e que eu não me importava nada que passasse a caminho profissional por muito suicida que dizer isso seja: Web Design/Development (ainda não percebi bem onde ando, algures no meio).

Desde javascript a css sem esquecer HTML5 e editores aqui vão algumas das ferramentas e recursos que eu pessoalmente gosto de usar para os meus projectos. Relembro que ao contrario de muito malta por ai eu não tenho um mac e tenho de me safar com Linux e Windows portanto não esperem encontrar aqui aplicações para mac.

E posto isto aqui vai a lista.

Continuar a ler esta entrada >>

Novas roupas para 2010

Dez 09 10

Escrito por Luis Nabais @ 10/12/09 18:12 | 14 Comentários »

E finalmente está pronto, o revamp ao meu site que eu queria pronto até ao Sapo Codebits 2009 está finalmente pronto!

Como podem ver o titulo do blog mudou (agora é apenas NonsenseBB :: Blog em vez de Stating My Mind) e tenho todo o site correctamente uniformizado, o portefolio actualizado e um CV usando hresume e demais microformatos.

Deixem nos comentários as vossas opiniões e acima de tudo avisem-me de possíveis bugs no site.

Para quem está interessado na parte técnica o site está feito usando HTML5 (e CSS3 q.b.) o que infelizmente causa um efeito secundário chato de tornar o site totalmente impossível de ver para quem tem Firefox 2.0 devido a um bug no motor do mesmo.

Quanto ao Internet Explorer 6 decidi manda-lo ás favas e quem me visitar com ele vê o site mal e porcamente depois de ser avisado para actualizar ou mudar de browser. Desculpem-me mas estamos em 2010 quase e o IE6 saiu em 2001, é um dinossauro no que toca a software e ainda mais no que toca a browsers.

Maldito Firefox

Jun 08 25

Escrito por Luis Nabais @ 25/06/08 23:06 | 20 Comentários »

Epah eu até gosto muito do firefox 3, é basicamente o firefox 2 com melhorias que este bem precisava e algumas mariquisses que se suportam bem, mas desde a ultima RC que ele me anda a irritar. CRASHA SEMPRE QUE EU FECHO O GMAIL! SEMPRE!

Basta-me fazer qualquer coisa no gmail e fechar a tab e pimba: segmentation fault!

Serei o unico a ter este problema? (testado em Arch Linux tanto com o pacote oficial como com uma compilação minha).

pub: