Blue MUIOMUIO » Web Design http://blue.muiomuio.net Blogue sobre tecnologia, internet, web design, etc.. Fri, 18 Jul 2008 21:50:16 +0000 http://wordpress.org/?v=2.5.1 en É tempo de largar o IE6 http://blue.muiomuio.net/e-tempo-de-largar-o-ie6/ http://blue.muiomuio.net/e-tempo-de-largar-o-ie6/#comments Sat, 05 Jul 2008 11:28:14 +0000 Lounge22 http://blue.muiomuio.net/?p=746 Continuam cépticos? A 37 Signals já avisou…

On August 15th, 2008 we will begin phasing out support for Internet Explorer 6 across all 37signals products. In order to continue using the products without any hiccups, Internet Explorer 6 users should upgrade to a newer browser.

Visto que já existem versões do Internet Explorer 8 e que o Internet Explorer 6 remota a 2001. Porque é que algumas pessoas teimam em não actualizar?

Save the Developers

]]> http://blue.muiomuio.net/e-tempo-de-largar-o-ie6/feed/ Speedlinking 18 junho 2008 http://blue.muiomuio.net/speedlinking-18-junho-2008/ http://blue.muiomuio.net/speedlinking-18-junho-2008/#comments Wed, 18 Jun 2008 18:43:13 +0000 Lounge22 http://blue.muiomuio.net/?p=741
  • 20 soluciones a problemas comunes de CSS
  • 60 ridiculously useful tools for your blog or website
  • SenCSS - CSS Framework
  • 25 Websites With Beautiful Background
  • Web Design Resource for Free Patterns, Backgrounds and Textures
  • jQuery For Absolute Beginners
  • Using CSS and GIF’s to animate a menu
  • 33 New Places to Get Design Inspiration
    • ]]>     http://blue.muiomuio.net/speedlinking-18-junho-2008/feed/     Javascript: Teclado Virtual http://blue.muiomuio.net/javascript-teclado-virtual/ http://blue.muiomuio.net/javascript-teclado-virtual/#comments Mon, 19 May 2008 17:37:11 +0000 Lounge22 http://blue.muiomuio.net/javascript-teclado-virtual/ Por vezes é necessário alguma segurança nos campos de input dos sites. Para essas ocasiões uma boa forma de controlar se o utilizador é humano ou maquina usa-se um teclado virtual.
    As plataformas de home banking adoptaram esta solução e em alguns casos é bastante útil.

    Grey Wyvern criou um teclado virtual em JavaScript bastante interessante.

    javascript keyboard

    Instalação

    A sua instalação é relativamente simples:

    1. Faz download do código (Copy/Paste) para um ficheiro e chama esse ficheiro keyboard.js
    2. Copia o código CSS e guarda-o num ficheiro que poderá ser keyboard.css
    3. Coloca esses ficheiros online
    4. Insere o seguinte código dentro da HEAD da página onde queres que apareça o teclado:

      <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
      <link rel="stylesheet" type="text/css" href="keyboard.css">

      Nota: Este código assume que os ficheiros estão na mesma directoria que a página.

    5. Para definir qual o campo de input onde o teclado deverá actuar basta atribuir a class keywboard:

      <input type="text" value="" class="keyboardInput">

    » Javascript Graphical / Virtual Keyboard Interface

    ]]>     http://blue.muiomuio.net/javascript-teclado-virtual/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/     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/     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/     Simplicidade & Usabilidade http://blue.muiomuio.net/simplicidade-usabilidade/ http://blue.muiomuio.net/simplicidade-usabilidade/#comments Mon, 24 Mar 2008 11:29:29 +0000 Lounge22 http://blue.muiomuio.net/simplicidade-usabilidade/ Deja vu, não é por escolha minha mas é o que tem de ser feito em prol do que o cliente quer.

    simplicity usability simplicidade no web design

    ]]>     http://blue.muiomuio.net/simplicidade-usabilidade/feed/     FlowPlayer - Flash video player http://blue.muiomuio.net/flowplayer-flash-video-player/ http://blue.muiomuio.net/flowplayer-flash-video-player/#comments Mon, 17 Mar 2008 03:53:28 +0000 Lounge22 http://blue.muiomuio.net/flowplayer-flash-video-player/ flow player flash player

    É um video player desenvolvido em flash que suporta flv, swf, mp3, mp4, H.264 video, jpg e png. Tem inúmeras opções e possibilidades de personalização.
    Foi liberado com licença para uso não comercial (GPL 3), comercial para apenas um site e uma licença especial sem restrições que custa 200 dólares.

    Flow Player

    ]]>     http://blue.muiomuio.net/flowplayer-flash-video-player/feed/     Acid3 Test - Onde todos chumbam http://blue.muiomuio.net/acid3-test-onde-todos-chumbam/ http://blue.muiomuio.net/acid3-test-onde-todos-chumbam/#comments Thu, 06 Mar 2008 19:37:29 +0000 Lounge22 http://blue.muiomuio.net/acid3-test-onde-todos-chumbam/ Foi oficialmente lançado o teste Acid3 que faz parte do Web Standards Project.

    O Acid3 testa primariamente especificações para aplicações dinâmicas, assim como alguns gráficos e web fonts.
    Infelizmente todos os browsers actuais falham o teste incluindo o Internet Explorer 8 embora ainda em fase beta. Curiosamente os melhores resultados parecem vir dos browsers usados no sistema operativo Ubuntu.

    Referências & leituras interessantes:
    BrowserShots.org Acid3 Test
    http://en.wikipedia.org/wiki/Acid3
    http://ejohn.org/blog/acid3-tackles-ecmascript/
    http://www.drunkenfist.com/temp/acid3.html
    Win XP IE 8 Acid 3 Test Screenshot

    Performance is everything

    ]]>     http://blue.muiomuio.net/acid3-test-onde-todos-chumbam/feed/     IE8 irá usar modo Standards por defeito http://blue.muiomuio.net/ie8-ira-usar-modo-standards-por-defeito/ http://blue.muiomuio.net/ie8-ira-usar-modo-standards-por-defeito/#comments Tue, 04 Mar 2008 09:40:44 +0000 Lounge22 http://blue.muiomuio.net/ie8-ira-usar-modo-standards-por-defeito/ A noticia anda a correr o mundo. Desta vez a equipa de desenvolvimento da Microsoft ouviu mesmo a comunidade de web developers.
    Desta forma o IE8 será seguirá completamente os os padrões da W3C e reserva o direito, para quem desejar, de visualizar a página como se visualiza no IE7.
    De acordo com o IEBlog num tópico chamado Microsoft’s Interoperability Principles and IE8 Dean Hachamovitch, gestor geral do projecto, afirma:

    Now, IE8 will show pages requesting “Standards” mode in IE8’s Standards mode. Developers who want their pages shown using IE8’s “IE7 Standards mode” will need to request that explicitly (using the http header/meta tag approach described here).

    Noutra Press Release intitulada Microsoft Expands Support for Web Standards a Microsoft afirmou que existe uma clara vantagem em beneficiar Web Designers aplicando os standards usados na profissão.

    Ray Ozzie deixa ainda o apelo á educação dos web designers e web developers que não usam web standards:

    we will work with content publishers to ensure they fully understand the steps we are taking and will encourage them to use this beta period to update their sites to transition to the more current Web standards supported by IE8

    Finalmente aperceberam-se de que os Web Standards eram uma enorme mancha negra na camisa azul clara da Microsoft. Problema é que agora duvido que os milhões de utilizadores do Firefox o troquem pelo IE8. São excelentes noticias, agora resta esperar e novamente voltar a referenciar a toda a gente a importância de actualizar o software.

    ]]>     http://blue.muiomuio.net/ie8-ira-usar-modo-standards-por-defeito/feed/