udestudio.com – Blog

O portal de vídeos mais visitado da Internet vai ter uma cara diferente. A equipa do YouTube responsável pelo projecto está a testar um novo interface, com o objectivo de fazer deste sítio mais intuitivo e interactivo.

Ainda não está disponível a versão final, mas podemos ter uma ideia do design / funcionalidade.  Uma página negra como fundo, a distribuição de vídeos em forma de circulo permite a escolha dos mesmos. Quando o rato passa por cima de cada um deles, abre-se o respectivo filme ou hipoteticamente uma categoria.

Ver aqui o link

Ainda é muito cedo para fazer mais comentários, certo é que a udestudio.com vai acompanhar o desenvolvimento deste conceito que o You Tube quer implementar. Está na moda

Deixando de lado a discussão de qual o melhor Browser, parece não existir dúvidas que a grande maioria dos utilizadores da web, mesmo utilizando outro navegador, terão instalado e usam o Firefox.

Mas, relativamente a este Browser, uma das coisas que me leva à sua utilização, é o grande número de Add-Ons que o transformam num verdadeiro canivete Suíço. Assim, o Firefox com um conjunto de pequenas aplicações (extensões) pode-se revelar como uma das ferramentas de grande importância para um Webdesigner/Webdeveloper.

A ideia foi juntar à minha lista de extensões outros add-ons, que embora não utilizandos na totalidade, fossem de grande utilidade para o trabalho web.

E assim, deste modo deixo a listagem para que possam experimentar e dar aqui a vossa opinião.

1.Web developer`s toolbar

Web Developer `s barra de ferramentas provavelmente se tornará um dos melhores plugins You` ve viu. Ele vem com sua própria barra de ferramentas que oferece muitas ferramentas úteis para a análise, validação e optimização web-pages. A grande coisa sobre este plugin é que é diferente em alguns browsers, por isso, se você alternar entre elas você será capaz de utilizar a mesma em todos os plugins.

2.Firebug

Firebug é bastante semelhante como desenvolvedor web, mas ele vem com toda a poucos poderosos diferentes opções. Você tem uma capacidade de editar, depurar e monitorar CSS, HTML e JavaScript direito em qualquer página web.

3.ColorZilla

ColorZilla Você oferece um avançado eyedropper, ColorPicker, página Zoomer coloridas e outros goodies.

4.MeasureIt

Little extensão Firefox que lhe permite desenhar uma régua em qualquer página web para verificar a largura ou altura de um elemento.

5.HTML Validator

Este plugin exibe o número de erros encontrados do site que você está vendo. Acrescenta validação HTML dentro Firefox e Mozilla.

6.IE Tab

Bastante útil extensão para ver como o seu site é exibido no Internet Explorer.

7.YSlow

YSlow, Yahoo um produto, analisa páginas da web e diz-lhe a razão pela qual eles são lentos com base nas regras para a alta performance web sites. YSlow Firefox é um add-on integrado com o popular ferramenta Firebug desenvolvimento web.

Este plugin Firebug completa funcionalidade para fazer um Firefox imbatível desenvolvimento web ferramenta.

8.Greasemonkey

Permite que você personalize a forma como uma página da Web exibe usando pequenos pedaços de JavaScript;

9.FireFTP

FireFTP é simplesmente um cliente FTP embutido no navegador Firefox. Coisa importante, é gratuito e você pode virar para ele, tal como qualquer página no seu navegador.

10.Live HTTP Headers

Ela permite que você visualizar e analisar os cabeçalhos HTTP (pedidos e respostas) na web-browser com várias funcionalidades úteis built-in. É uma grande ferramenta para assistir a uma série de solicitações HTTP e seus códigos resultado.

11.ScreenGrab!

Screengrab salva páginas inteiras da web como imagens. Esta ferramenta irá permitir-lhe tirar screenshots do que está actualmente no seu ecrã – você pode até escolher a parte da tela que você quer “agarrar”!

12.StumbleUpon

StumbleUpon te ajuda a encontrar novos sites muito fácil você é um web-developer, StumbleUpon podem conduzir uma enorme quantidade de visitantes ao seu site.

13.SEO for Firefox

Excelente plugin para todos aqueles que, tal como a direita para ver estatísticas do Google e Yahoo resultados de pesquisa. Você pode obter Alexa, o Google PageRank, Tehnorati rankings e muitas outras informações úteis.

14.Adblock Plus

Adblock é um adblocker e realmente ajuda a se livrar dos anúncios e banners desnecessários, para pesquisar páginas da web muito mais rápido.

15.Delicious Bookmarks

Delicious bookmarks é oficial Firefox addon para del.icio.us. Integra o seu browser bookmarks e tags, para mantê-las em ordem e “fácil de encontrar” caminho.

16.X-Ray

Não é suportado pelo Firefox 3.0

Você pode conferir todas as tags HTML direita na página sem utilizar a opção ver página fonte. Infelizmente ainda não suportado pelo Firefox 3.0

17.CSSViewer

Com esta extensão você pode visualizar a página relacionada CSS propriedades de elementos. Muito útil, quando você tem grandes arquivos CSS com estilos sobrepostos uns aos outros, para analisar por que alguma coisa não é apresentado na forma como você queria.

18.Foxmarks Bookmark Synchronizer

Se você usar o Firefox em mais de um computador, você Foxmarks. Instale o Foxmarks em cada computador, e ele irá funcionar silenciosamente no fundo para manter seus favoritos sincronizados. Tal como del.icio.us.

19.Aardvark

Esta ferramenta pode ser utilizada para limpar página de banners e anúncios indesejados, especialmente antes de imprimir uma página. Muito útil para programadores Web para analisar a estrutura de uma página.

20.Tab Mix Plus

Se você sempre tem muitos Firefox abas abertas ao mesmo tempo, então você precisa ter este plugin. Este plugin oferece uma melhor gestão destes guias.

21.NoScript

Vencedor do “2006 PC World World Class Award”, uma boa opção para bloquear o JavaScript, Java e outros executáveis conteúdo em determinadas páginas Você não confia.

22.Unhide Passwords

Reexibir Senhas é uma ferramenta para quem é mau, lembrando senhas ou digitando corretamente. É bom para usar em casa, mas não deve ser utilizado em público acessível PC!

23.Image Zoom

Se você alguma vez teve uma imagem que era demasiado grande para caber na tela ou demasiado pequenos para ver o detalhe fino em seu navegador ou e-mail e, em seguida, ampliar imagem pode ajudar. Imagem zoom lhe dá o controle completo do tamanho da maioria das imagens apresentadas no mozilla software baseado. Ambas as imagens individuais ou todo páginas de imagens pode ser ampliada.

24.JavaScript Debugger

Um poderoso meio para depurar JavaScript baseado navegadores Mozilla.

25.FireShot

FireShot Firefox é uma extensão que cria screenshots de páginas web. Ao contrário das outras extensões, este plugin fornece um conjunto de ferramentas de edição e anotação, o que permite que os usuários rapidamente modificar capta e inserir texto e gráficos anotações.

26.IE View

Permite que você carregue páginas no IE com um único clique com o botão direito, ou marcar determinados sites para sempre * * carga no IE.

27.Dummy Lipsum

Este add-on interessante gera automaticamente “lorem ipsum” dummy texto. Achei que ela parece ser muito útil como web designer.

28.Font Finder

Basta destacar e clique direito para ver todas as informações que você poderia exigir styling incluindo font-size, font-family, cor (em ambos os hex e RGB), line-height, carta-espaçamento, e muito, muito mais ..

29.Opera View

Extensão baseado em IE View. Se você quer ver na ópera rápido, basta clicar em algum lugar da página e escolher “View this page Na Ópera”.

30.Total Validator

Proporciona verdadeira validação HTML (HTML 2.0 para XHTML 1.1), utilizando o funcionário DTDs, com adição atributo verificação. Então você já não tem de colocar-se com as limitações do W3C Validator (nenhum tipo de verificação) e ferramentas como HTML Tidy, que interpreta incorretamente as normas (que não utilizam o funcionário DTDs).

Também realiza validação acessibilidade (WCAG, US-508), broken link controlo, verificação ortográfica (5 línguas), e leva 32 screenshots usando navegadores em Windows, Linux e OS / X.

31.Poster

Um programador ferramenta para interagir com serviços web e outros recursos da web que permite fazer solicitações HTTP, definir a entidade corpo e tipo de conteúdo.

32.EditCSS

Verdadeiramente um tempo saver se você estiver experimentando com o estilo CSS do seu site. Evita a modificar, guardar, carregar, atualizar, repita o ciclo.

33.PicLens

Full-Screen, 3D – PicLens transforma seu navegador em um visual deslumbrante experiência on-line para encontrar e visualizar fotos e vídeos.

Trabalho sobre: YouTube, Google Images, Flickr, Facebook, Myspace, Photobucket e mais ..

34.RSS Validator

Valida uma página usando o W3C RSS Validator.

35.CSS Validator

Valida uma página usando o CSS W3C Validator. Adiciona uma opção para o botão direito do mouse e menu de contexto no menu Ferramentas para permitir a fácil validação do CSS da página atual. Abre os resultados em uma nova guia.

36.MinimizeToTray

Não suportado no Firefox 3.0

Uma poderosa extensão para minimizar o Windows versões do Firefox, Thunderbird, Mozilla Suite, e Nvu a bandeja do sistema.

37.Tab Scope

Mostra um popup sobre guias e lhe permite visualizar e navegar na guia conteúdo através de popup. Muito útil para ajudar a navegar entre muitos separadores.

38.FasterFox

Não suportado no Firefox 3.0

Fasterfox permite que você tweak muitos rede e tornar as configurações, como conexões simultâneas, pipelining, cache, cache DNS, e pintar atraso inicial.

39.Server Switcher

Server Switcher é uma ferramenta para ajudar a navegação na web desenvolvedores. Ele permite alternar facilmente entre os sites em seu desenvolvimento (que hospeda a versão temporária em que você está trabalhando) e viver servidores, para que você possa ver imediatamente as diferenças.

40.Smart Bookmarks Bar

Smart Bookmarks Bar modifica a barra de favoritos para mostrar apenas ícones favoritos.

Guardar nomes serão exibidos no mouse over. Esta funcionalidade pode ser disactivated se você deseja apenas ícones sem efeito o capotamento.

41.Favicon Picker
Não suportado no Firefox 3.0

Cansado desse ícone padrão aborrecido ao lado de seus favoritos? Esta extensão acrescenta uma interface que permite que você selecione o ícone para cada um dos seus favoritos.

42.Download Statusbar

Ver e gerir downloads a partir de um statusbar arrumado – sem a janela do download ficar no caminho de sua navegação na web.

43.Stylish

Elegante é um Firefox, Thunderbird, Flock, SeaMonkey, Mozilla Suite, ave canora e extensão que permite um fácil gerenciamento de usuários estilos. Elegante é a CSS que é Greasemonkey para JavaScript.

44.Selenium IDE

Selenium IDE é um ambiente integrado do desenvolvimento para Selénio testes. Ele é implementado como uma extensão Firefox, e permite-lhe gravar, editar e depurar os testes.

45.ScrapBook

Scrapbook Firefox é uma extensão, o que ajuda a você salvar páginas da Web e de fácil gerir colecções. As características-chave são leveza, rapidez, precisão e multi-língua de apoio. Pessoalmente um dos favoritos.

46.Platypus

Platypus Firefox é uma extensão que permite que você modificar um site a partir de seu navegador. Além do que você pode salvar suas alterações como um script Greasemonkey para torná-los “permanente”!

47.ColorfulTabs

Muito bonito addon – firefox guia automaticamente muda cor e torna fácil distinguir uma da outra.

48.Window Resizer

A janela do navegador Resizer é útil para testar diferentes tamanhos de ecrã.

Apoia a 640 × 480, 800 × 600, 1024 × 768, 1280 × 800, 1280 × 1024, 1600 × 1200 resoluções.

Apoia a 640 × 480, 800 × 600, 1024 × 768, 1280 × 800, 1280 × 1024, 1600 × 1200 resoluções.

49.Autofill Forms

Formas Autopreenchimento lhe permite preencher formulários na web com um clique ou um atalho de teclado.

50.Clippings

Defesas e gere frequentemente texto inscrito para mais tarde colando na página Web formulários no Firefox ou correio electrónico e mensagens de notícias no Thunderbird. Colar um recorte é realizado com apenas dois cliques do mouse, eliminar o hassle de retyping ou repetitivos copiar e colar.

Para mim nem todos são importantes ou pelo menos não têm tanta importância já agora a fonte deste post é: http://www.1stwebdesigner.com

Dançar e ouvir musica no Cabaret Maxime depois da actuação de “Os Funk Off And Fly” A verdadeira banda vencedora do festival Termómetro 2008 podemos ouvir o Dj “Mr Cookie”

Aqui está o Poster, executado pela udestudio.com

Pois é… vamos lá dançar á moda do ié-ié como nos anos 70 no Cabaret Maxime

Grande noite no Cabaret Maxime com DISCO HITS & DANCE BEATS a pedido de muitas e muitas familias…

Entrada: 5 euros só… já esquecia! (com oferta de uma bebida)

Ainda existe muito boa gente que não dá importância á usabilidade. Vou inumerar aqui alguns erros comuns na falta dela ou apenas detectados.

Navegação inconsistente

A navegação de um site deve conter duas coisas: mostrar uma lista de locais que você pode ir e mostrar a sua localização actual. Ele deve manter-se consistente ao longo do site pois ele é uma âncora – deve ser familiar para que as pessoas entendam que possuem controle de onde estão e para continuar a navegar. Alterando a navegação de página para página cria-se confusão mental, então mantenha-os simples e consistentes.

Links não identificados

Links são os elementos-chave de um site – eles são a fundação da web. Faça-os fáceis de serem identificados. A convenção é que os links sejam azuis e sublinhados. No entanto, você não precisa de seguir esta regra se não lhe convém este estilo no seu site, mas você deve destacá-los de uma maneira ou outra. Eu prefiro não utilizar links simplesmente de cor preta, a não ser que sejam localizados no contexto certo (por exemplo, uma barra de navegação).

Formulários de registo longos

E não são apenas os formulários longos que são cansativos – qualquer coisa que seja longa é cansativa. Os formulários de registro são uma barreira séria: você está a forçar um usuário a trabalhar por vezes sem necessidade. As pessoas odeiam preencher formulários extensos sem motivo aparente, então remova tudo aquilo que não é absolutamente necessário. Existe técnica para chegar aos resultados pretendidos, exibir formulários por diversas fases, assim passaram despercebidas ao longo do processo. Lembre aos usuários que podem preencher determinados campos opcionais mais tarde.

Registo necessário para visualizar determinada área ou simplesmente para visualizar conteúdo.

Não se deve começar por interditar o acesso ao site por meio de registo mas reservar áreas quando se pretende que assim seja. Já esteve provavelmente numa situação onde esteve a procura de algo no Google e que depois de encontrar encontra uma barreira para o visualizar? um site que pede um registro para o poder visualizar, pode estar a esconder conteúdo valioso é uma barreira séria e frustrante para seu visitante, é caso para não voltar mais…

Paginação excessiva

Lembra-se daquele artigo interessante que começou bem, e que a meio dele notou que ele possue outras páginas mais? É muito frustrante, vai precisar de abrir mais páginas, esperar que o browser as carregue para terminar de ler o artigo. Esta acção até pode até aumentar seus pageviews e fazer com que você possa ganhar mais com publicidade, mas vale a pena? Além de ser irritante para seus usuários, é também mau para o SEO, pois você estara a separar conteúdo relevante em páginas. Isso faz com que o robô dos sistemas de busca fiquem confusos a ponto de não entender sobre o que é cada página contêm.

Texto longo

E pá este texto é longo! Os seus visitantes raramente leêm a página na totalidade, geralmente eles procuram por algo específico ou algo do seu interesse. Eles fazem vão lendo por topicos a respectiva página inteira á procura por algo no qual focar o seu interesse. Use texto em negrito, títulos grandes e imagens para providenciar uma estrutura possível de leitura rápida para seu conteúdo.

Sem informação para contacto

Por último e não menos importante, seja responsável pelo que escreve e forneça a hipótese de comentarem o que disponibiliza na Internet coloque no mínimo o seu email.

Existem outros erros de usabilidade provavelmente… Deixe o seu comentário!!!

Mais uma newsletter do Maxime eleborada e publicada pela udestudio.com

Ver mais aqui

Criar um Avatar para conquistar um espaço no Ciberespaço. Existem por ai alguns Web sites e Software capaz de o fazer, mas este é o melhor…

Bora lá conhecer

Um console Wii pode salvar em sua memória 100 Miis. O controle Wii Remote comporta até 10 Miis em sua memória interna, no qual podem ser transferidos para outro console Wii. Os Miis podem também ser transferidos via o WiiConnect24.

–Clique no Link ou Faça Copy & Paste –

http://www.joystiq.com/media/2006/10/mii.swf

Divirta-se a fazer o seu Avatar

Para salvar a figura, aperte a tecla “Print Screen” do seu teclado, vá em algum editor de imagem e cole o conteúdo da área de transferência (CTRL+V).

Voltam as boas novas, mais concertos no Maxime:

- Sexta-feira, 29 de Agosto – Ena Pá 2000

Abertura de Portas: 22h00

Início do Espectáculo: 23h30

Bilhetes: 10 Euros

- Sábado, 30 de Agosto – DJ MR. MITSUHIRATO (vintage pop – easy listening)

Abertura de Portas: 22h00

Bilhetes: 5 Euros

- Quarta – feira 3 de Setembro – WOODS

Abertura de Portas: 22h00

Início do Espectáculo: 23h30

Bilhetes: 5 Euros

- Quinta – feira 4 de Setembro – MOTELx Festival Internacional de Cinema de Terror de Lisboa + THE ACT UPS + OS CAMPEÕES DO IÈ-IÉ dj set

Abertura de Portas: 22h00

Início do Espectáculo: 23h30

Bilhetes: 5 Euros

- Sexta-feira, 5 de Setembro – DARREN HANLON(au) + DJ MR.MITSUHIRATO (indie)

Abertura de Portas: 22h00

Início do Espectáculo: 23h30

Bilhetes: 7 Euros

- Sábado, 6 de Setembro – ATHLETIC COCKTAIL dj/vj set

Abertura de Portas: 22h00

Bilhetes: 3 Euros