Blue MUIOMUIO http://blue.muiomuio.net Blogue sobre tecnologia, internet, web design, etc.. Mon, 05 May 2008 00:05:56 +0000 http://wordpress.org/?v=2.3.3 en O meu portfólio online http://blue.muiomuio.net/o-meu-portfolio-online/ http://blue.muiomuio.net/o-meu-portfolio-online/#comments Mon, 05 May 2008 00:05:56 +0000 Lounge22 http://blue.muiomuio.net/o-meu-portfolio-online/ Acabei de criar uma página com thumbnails e links para alguns dos sites que desenvolvi.

Comentários, sugestões, feedback é sempre benvindo :cool:

Link: http://blue.muiomuio.net/portfolio/

]]> http://blue.muiomuio.net/o-meu-portfolio-online/feed/ Jogar Snake em Lisboa http://blue.muiomuio.net/jogar-snake-em-lisboa/ http://blue.muiomuio.net/jogar-snake-em-lisboa/#comments Mon, 21 Apr 2008 11:44:40 +0000 Lounge22 http://blue.muiomuio.net/jogar-snake-em-lisboa/

Sugiro que visitem get-out-and-play.com e também o A Source of Inspiration para mais informação sobre esta campanha. Eu que ando todos os dias por Lisboa também não vi nada da campanha :(

Já agora fiquem atentos ao Improv Everywhere

]]> http://blue.muiomuio.net/jogar-snake-em-lisboa/feed/ Flickr permite upload e visualização de videos http://blue.muiomuio.net/flickr-permite-upload-e-visualizacao-de-videos/ http://blue.muiomuio.net/flickr-permite-upload-e-visualizacao-de-videos/#comments Wed, 09 Apr 2008 15:10:49 +0000 Lounge22 http://blue.muiomuio.net/flickr-permite-upload-e-visualizacao-de-videos/ Bom, os videos estão limitados a 90 segundos e os utilizadores com contas gratuitas apenas possuem um limite de 150Mb para os seus videos.

Formatos suportados:

  • AVI (Codecs proprietários podem não funcionar)
  • WMV
  • MOV (AVID ou outros codecs proprietários podem não funcionar)
  • MPEG (1, 2 e 4)
  • 3gp

Mais sobre o assunto disponível em: http://www.flickr.com/help/video/

Exemplo

]]> http://blue.muiomuio.net/flickr-permite-upload-e-visualizacao-de-videos/feed/ 8 dicas uteis em CSS http://blue.muiomuio.net/8-dicas-uteis-em-css/ http://blue.muiomuio.net/8-dicas-uteis-em-css/#comments Fri, 04 Apr 2008 12:11:37 +0000 Lounge22 http://blue.muiomuio.net/8-dicas-uteis-em-css/ O CSS Globe publicou á uns tempos um artigo com 8 dicas CSS interessantes. No artigo intitulado 8 Premium One Line CSS Tips podem encontrar exemplos de algumas destas linhas em funcionamento.

  • Alinhamento vertical com Line-Height

    line-height:24px;

    Quando se atribuí uma altura (height) fixa a um bloco pode-se usar a propriedade line-height para centrar verticalmente o conteúdo.
    Mais sobre o line-height:
    http://www.w3schools.com/css/pr_dim_line-height.asp
    http://www.maujor.com/tutorial/elinhas.php

  • Impedir que o conteúdo saia fora do layout

    overflow:hidden;

    Este código irá esconder todo o conteúdo que sair fora do layout. Imaginando que temos um DIV com 500px de largura e um link enorme. O texto do link que ultrapassar a largura definida (500px) não irá aparecer.
    Se quiserem que apareça um scroll para que o conteúdo mostre todo e apenas quando o conteúdo ultrapassar as dimensões definidas podem usar o seguinte código:

    overflow:auto;

  • Impedir que o texto se parta

    white-space:nowrap;

    Podem ver um exemplo aqui do que acontece quando se usa o nowrap.

  • Centrar blocos horizontalmente

    margin:0 auto;

    O valor auto funciona para as margens laterais (esquerda e direita). Isto fará com que o bloco fique centrado horizontalmente.

  • Remover borders de links activos

    Quando se clica num link aparece um border á sua volta. Já falei disso aqui e como remover este link. Nada mais simples:

    outline:none;

Sem dúvida, excelentes dicas :cool:

]]> http://blue.muiomuio.net/8-dicas-uteis-em-css/feed/ Star Wars: The force Unleashed http://blue.muiomuio.net/star-wars-the-force-unleashed/ http://blue.muiomuio.net/star-wars-the-force-unleashed/#comments Fri, 04 Apr 2008 11:17:26 +0000 Lounge22 http://blue.muiomuio.net/star-wars-the-force-unleashed/ Hoje a ler as minhas feeds encontrei no A Source of Inspiration um artigo que apontava para um novo trabalho dos estúdios 2Advaced. Há algum tempo que não acompanho o seu trabalho, my bad, que são sempre excelentes obras e arquitectura em Flash.

star wars the force unleashed

Pelo que vi no site, trailer e imagens o jogo está excelente e tal como o Armando diz, tem capacidade para chamar a atenção de alguém que não liga muito a jogos.

]]> http://blue.muiomuio.net/star-wars-the-force-unleashed/feed/ Botões Liquidos com CSS & HTML http://blue.muiomuio.net/html-css-liquid-button/ http://blue.muiomuio.net/html-css-liquid-button/#comments Sun, 30 Mar 2008 20:37:03 +0000 Lounge22 http://blue.muiomuio.net/html-css-liquid-button/ Por vezes na construção de sites deparo-me com um problema, não quero criar uma imagem para cada botão que crio e não me apetece ter um botão quadrado completamente plano, por vezes pode mesmo quebrar o design do site.

Código HTML

A tag BUTTON tem uma maior capacidade de personalização que usando input type=submit.
Esta tag foi introduzido com a versão 4.01 do HTML e permite, por exemplo, que sejam adicionadas imagens dentro dele.

Fica aqui algumas referencias úteis:

Sem dúvida que a grande vantagem da TAG BUTTON é a sua capacidade de ter conteúdo e é essa capacidade que vou explorar.

<button><span><em>Texto Botão</em></span></button>

O objectivo com este código é criar um botão que permita ter um comprimento variável adaptando-se ao seu conteúdo de forma a que não seja necessário editar o CSS cada vez que quero criar um novo botão.
(more…)

]]> http://blue.muiomuio.net/html-css-liquid-button/feed/ Colecção de scripts para verificar a força de uma password http://blue.muiomuio.net/coleccao-de-scripts-para-verificar-a-forca-de-uma-password/ http://blue.muiomuio.net/coleccao-de-scripts-para-verificar-a-forca-de-uma-password/#comments Thu, 27 Mar 2008 11:47:59 +0000 Lounge22 http://blue.muiomuio.net/coleccao-de-scripts-para-verificar-a-forca-de-uma-password/ Aqui fica uma colecção de scripts úteis para verificar a força de passwords criadas.

URL: http://webtecker.com/2008/03/26/collection-of-password-strength-scripts/

Aproveitei para acrescentar um verificador simples ao ficheiro do meu tutorial de como criar um gerador de passwords com javascript.

Podem ver um exemplo em funcionamento aqui.

]]> http://blue.muiomuio.net/coleccao-de-scripts-para-verificar-a-forca-de-uma-password/feed/ Opera supera teste Acid3 http://blue.muiomuio.net/opera-supera-teste-acid3/ http://blue.muiomuio.net/opera-supera-teste-acid3/#comments Thu, 27 Mar 2008 10:49:02 +0000 Lounge22 http://blue.muiomuio.net/opera-supera-teste-acid3/ Com o IE8 todos os browsers começaram a fazer um esforço para se distanciar novamente da MicroSoft, o primeiro a conseguir uma pontuação perfeita com o teste Acid3. O WebKit também já passou.

Agora é esperar pelo Firefox e IE8…

]]> http://blue.muiomuio.net/opera-supera-teste-acid3/feed/ Links 26 Março 2008 http://blue.muiomuio.net/links-26-marco-2008/ http://blue.muiomuio.net/links-26-marco-2008/#comments Wed, 26 Mar 2008 14:43:57 +0000 Lounge22 http://blue.muiomuio.net/links-26-marco-2008/
  • Ranking of Language OpenCourseWare Education Sources
  • Browser testing
  • Save the Developers - Campanha para acabar com o uso do IE6
  • Suporte para WAI-ARIA no Internet Explorer 8
  • 10 CSS Navigation Menus
  • FlexGrid
  • Mais de 45 Plugins jQuery
    • ]]>     http://blue.muiomuio.net/links-26-marco-2008/feed/     Bugfix para imagens PNG no Internet Explorer http://blue.muiomuio.net/bugfix-para-imagens-png-no-internet-explorer/ http://blue.muiomuio.net/bugfix-para-imagens-png-no-internet-explorer/#comments Wed, 26 Mar 2008 00:24:49 +0000 Lounge22 http://blue.muiomuio.net/bugfix-para-imagens-png-no-internet-explorer/ Em 2006 publiquei um artigo que ensinava como colocar transparência em imagens PNG no Internet Explorer 6.

    Há uns tempos atrás dei de caras com uma library em javascript que torna o IE mais de acordo com os standards nomeadamente no que se trata des CSS e transparência em imagens PNG.

    Site do Script: http://dean.edwards.name/IE7/

    Como instalar

    Basta colocarem o seguinte código dentro das tags <HEAD></HEAD>

    <!--[if lt IE 8]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
    <![endif]-->

    Podem fazer download do ficheiro JavaScript aqui: http://code.google.com/p/ie7-js/downloads/list.

    O ficheiro ZIP trás diversos ficheiros:

    • ie7-core.js - É um modulo fundamental. Contem um motor que permite que CSS funcione correctamente.
    • ie7-html4.js - Arranja tags HTML incorrectas.
    • ie7-layout.js - Permite o suporte do box-model do W3C e permite o suporte das propriedades CSS min-width, max-width e min-height.
    • ie7-css2-selectors.js - Permite usar selectores do CSS2.
    • ie7-graphics.js - Permite que o browser suporte transparencia PNG.
    • ie7-fixed.js - Permite o uso da propriedade Fixed no posicionamento de imagens.
    • ie7-standard-p.js - Um compacto de todos os scripts em cima, desta forma basta chamar apenas 1 script.
    • ie7-css3-selectors.js - Permite o suporte de selectores CSS3.
    • ie7-css-strict.js - Todos os selectores CSS são convertidos em classes do IE7.
    • ie7-overflow.js - Permite o uso de overflow:visible.
    • ie7-recalc.js - Permite o uso de document.recalc().
    • ie7-dynamic-attributes.js- Permite o suporte de selectores com atributos dinâmicos.
    • ie7-squish.js - Bug fixes.

    Mais informações sobre os ficheiros em:
    http://dean.edwards.name/IE7/usage/configure.html

    Para que o script saiba quais os ficheiros em que deve actuar devem incluir -trans.png no nome das imagens.

    Este script usa a propriedade filter que impede, no IE6, que se consiga posicionar ou repetir uma imagem de fundo PNG, a solução pode passar por criar um div que permite a inclusão da imagem como fundo.

    Podem ler mais sobre este script em:
    http://trevordavis.net/blog/tutorial/the-ultimate-png-guide/

    Site Oficial: IE7-JS

    ]]>     http://blue.muiomuio.net/bugfix-para-imagens-png-no-internet-explorer/feed/