Muito curto truque: Como centro elementos na página, mesmo em IE5

Quinta-feira, 4 de dezembro de 2008

Não é por mim estou sempre com o Internet Explorer, é só que cada coisa no desenvolvimento web (HTML e CSS) parece não funcionar com o browser - ainda - mais ampla (um dia alguém vai explicar-me porquê). Um método muito conveniente para colocar um item no centro da janela do navegador é a apropriação sfrutture auto estilo margin por exemplo, aqui tem como colocar uma div no centro da tela:

Plain Text
HTML:
  1. > <div id = "box">
  2. <p> Conteúdo DIV </ p>
  3. </ Div>

Plain Text
CSS:
  1. :300px;height:200px;margin : 0 auto } div # box (width: 300px; height: 200px; margin: 0 auto)

Infelizmente (manco de dizer) sobre IE5 que não funciona! Uma maneira de superar este problema está a explorar um outro "defeito" do IE5 no estilo text-align Na prática, basta escrever:

Plain Text
CSS:
  1. : center } corpo (text-align: center)
  2. :300px;height:200px;margin : 0 auto;text-align: left } div # box (width: 300px; height: 200px; margin: 0 auto; text-align: left)

Em toda a honestidade, pessoalmente, me recuso a escrever "este zozza, no entanto, pode sempre encontrá-lo útil. No entanto, o objectivo deste "truque" era apenas para destacar a técnica de margin auto

Related Post

Tags:
Publicado em CSS, Internet, Desenvolvimento | 3 comentários »

Como suportar e vivem felizes IE6

Quarta-feira, 26 de novembro de 2008

Eu sempre levar algum "doença" quando eu abordar o tema "compatibilidade entre os navegadores." Além disso, e ainda estou a compreender a verdadeira razão, de todos os navegadores que conhecem a maioria dos "desagradáveis" ele sempre permanece: o Microsoft Internet Explorer 6! Infelizmente, o lançamento do IE 6 ainda está em circulação e são freqüentes os relatos de problemas para visualizar as páginas.
Um Web Developer deve organizar de modo que você tem todas as ferramentas de acompanhamento e controlo da sua (suor) funciona em todos os possíveis navegador (e plataformas) estão disponíveis. Microsoft Internet Explorer, a maioria das outras, torna essa tarefa mais difícil, porque - agora - é necessário verificar suas páginas da web está com a última versão 8 (ainda em versão beta) está com as versões anteriores, tais como 6 ou 5.5 . Existem várias maneiras de conviver com diferentes versões do Explorer (consulte Utilizar o Microsoft Internet Explorer 6 e 7 simultaneamente) e como uma alternativa, há também excelentes (embora um pouco de "lentes) serviços online.

imagem

Outra boa possibilidade, que funciona bem no Windows Vista, é representada por IETester, uma completamente livre e construída pelos desenvolvedores DebugBar e Companion.JS. IETester, embora ainda em versão beta e alguns crash em emboscada, permite rapidamente para verificar nossas páginas - de uma só vez - tanto no IE5.5, IE6, IE7 e IE8 beta.

Patch CSS

Se estiver usando IETester podemos encontrar uma falha no estilos, que é diferente entre IE6 e IE7 e Firefox, ou IE6, por exemplo, a solução que temos encontrado até agora que só usa IE6 a nova definição. Para mim, como aconteceu com uma margem! Eu tinha uma classe que define a margem direita de 28px e em todos os navegadores, o resultado foi idêntico, excepto no IE6! Quanto a este último, a fazer o mesmo layout, eu tive que usar um valor de 8px.
Uma muito simples, fácil de lembrar e muito imediatamente para resolver o problema, é o de "substituição" nosso estilo de carga diferentes ad hoc um arquivo somente se o navegador é - receavam - IE6:

Plain Text
CSS:
  1. / ** Arquivo ie_override.css ___
  2. * Use este arquivo para substituir um estilo
  3. * /
  4. :8px } div.mystyle (margin-left: 8px)

Plain Text
HTML:
  1. <! - Estilos para todos os navegadores ->
  2. href = "css/style.css" type = "text/css" > <link "stylesheet" rel = href = "css/style.css" type = "text/css">
  3. <! - Estilos para IE6 ->
  4. = "stylesheet" type = "text/css" href = "css/ie_override.css" / > < ! [ endif ] -- > <!--[ Se lt IE 7]> <link rel = "stylesheet" tipo = "text/css" href = "css/ie_override.css" /> <[endif] ->

Related Post

Tags:
Publicado em CSS, Internet, Software, Desenvolvimento, o Windows Vista | 3 comentários »

Adobe AIR Skypemote versão: 1000 download

Segunda-feira, 24 de novembro de 2008

Adobe AIR versão Skypemote

Related Post

Tags:
Publicado em AR, Eventos e Iniciativas, Gráfica & Design, Internet, Desenvolvimento, Tecnologia | Nenhum comentário »

ActionScript 3.0 para iniciantes: lição # 4

Terça-feira, 11 de novembro de 2008

Nós retomar o nosso código de amostra TicTacToe (o que é inteiramente no Google Code) e começamos a analisá-lo em detalhe.

Importar definições

Com o ActionScript 3.0, foi feito um grande trabalho de limpeza e acomodação nell'alberatura classe (contidos nos pacotes, package utilizados durante o desenvolvimento. Em outras linguagens de programação, como C, por exemplo, quando você deseja usar um recurso que você deve explicitamente "importação" no código. Este processo de "importação" é necessária para permitir que o compilador a ter todos os códigos e as definições relacionadas com as características que queremos utilizar. No ActionScript 3.0, no entanto, a Educação import não deve ser confundido com o equivalente C / C + + #include ActionScript 3.0 fornece educação include que é idêntico a #include do C / C + +. A última, na realidade, "incluir" o código real que, se usados ou não, é compilado para a final. Educação import é o mais alto nível e é mais "inteligente" a ser compilado. Serve principalmente para acessar as aulas sem ter de especificar o nome completo. Em vez de usar palavras já formas, tais como:

Plain Text
Actionscript:
  1. . MovieClip = new flash. display . MovieClip ( ) ; var myMC: flash. visor. movieclip = new flash. visor. movieclip ();

Continue lendo ... "

Related Post

Tags:
Publicado em ActionScript 3.0, Flash CS3, Internet, Desenvolvimento, Tutoriais | Nenhum comentário »

Wordpress: remover o menu

Sábado 1 de novembro de 2008

Pode ser útil às vezes, "obscuro" do menu de alguns WordPress, especialmente se você tiver desenvolvido um site / blog para um cliente e não querem permitir o acesso a funcionalidades sensíveis. Existem plugins que já desempenham esta função, mas para um controle completo e pessoais, vemos em detalhes como esse recurso.
Como sempre útil para tirar partido da Acção disponibilizados pelo Wordpress, neste caso admin_menu Através da variável global $menu pode acessar a lista do menu. Podemos encontrar o menu de "eliminar" de duas maneiras: através da etiqueta ou através do link que aponta (ver comentou partes no exemplo abaixo). No âmbito da proposta são "sonegou" o menu Projeto, Definições e Plugins:

Plain Text
PHP:
  1. remove_menu_item função () (
  2. ; global $ menu;
  3. / / Por rótulo
  4. ( 'Design' , 'Impostazioni' , 'Plugins' ) ; $ Remove = array ( 'Design', 'Configurações',' Plugins');
  5. / / Através de ligações
  6. / / Remove $ = array ( 'themes.php', '-general.php opções',' plugins.php ');
  7. $removes as $todel ) foreach ($ remove como todel $)
  8. $menu as $key => $sm ) if ( $sm [ 0 ] == $todel ) { unset ( $menu [ $key ] ) ; break ; } foreach ($ menu as $ key => $ sm) if ($ sm [0] == $ todel) (unset ($ menu [$ key]); break;)
  9. / / Através de ligações
  10. / / Foreach ($ menu as $ key => $ sm) if ($ sm [2] == $ todel) (unset ($ menu [$ key]); break;)
  11. )
  12. / /
  13. , 'remove_menu_item' ) ; add_action ( 'admin_menu', 'remove_menu_item');

Usando o link como uma chave para a remoção $sm[2] em partes comentou código aqui sorpra) é útil quando não há certeza de linguagem - local - que foi instalado Wordpress. Com esta técnica, no entanto, o menu é removido apenas ao nível da interface, assim você ainda pode acessar a página através de uma ligação directa.

Related Post

Tags:
Publicado na Internet, PHP, Desenvolvimento, Tutoriais, WordPress | 6 comentários »

jQuery: cantos arredondados em imagens de sobreposição

Quinta-feira, 30 de outubro de 2008

Devido às diferentes renderização dos vários navegadores, que são certamente o Microsoft Internet Explorer em mente, devemos sempre recorrer a artifícios para aplicar efeitos que agora deve ser um padrão. O multi-discutidas bordas arredondadas são um exemplo clássico do "desastre" produzido pela completa incapacidade de alcançar um padrão de graves renderização de HTML / CSS. Existem muitas soluções on-line que permitem que você obtenha os "efeitos" (efeitos isentando dall'HTML presentes como cantos arredondados, sombra efeitos, reflexões, etc ...), com manchas nas folhas de estilos, truques especiais com o uso de div enxertadas , Javascript bibliotecas, uso de canvas etc ...
Para puramente educacional gostaria de explicar mais técnica (cross-browser) para aplicar os cantos arredondados para imagens:

Demo e fonte

Continue lendo ... "

Related Post

Tags: Photoshop PNG
Publicado em CSS, Desenho e Gráficas, Internet, Javascript, Desenvolvimento, Tutoriais, jQuery | Nenhum comentário »

Criar aplicações com o Google Desktop eo Firefox, o Chrome?

Terça-feira, 28 de outubro de 2008

Google Chrome permite-lhe criar aplicações desktop em uma página da Web? De fato, conforme mostrado no item de menu, é possível simplesmente criar um atalho para um atalho que - por sua vez - abre uma janela sem barra de endereço, sem todos os "extras" do navegador. Isto não significa que criámos um desktop, e acabamos de criar um link para a mesma do Google Chrome modo - por assim dizer-cromo-menos.

Simle recurso, mas mais ambiciosa, já tinha sido proposto pela Mozilla Foundation em 2007, através do projecto Prisma. Este é certamente mais versátil, assim, acompanhado por uma útil extensão que lhe permite criar aplicações desktop menu FireFox, como o Google Chrome.

No entanto, ambas as soluções estão longe da tecnologia Adobe AIR. Antes que alguém se confunde convém notar a diferença substancial entre um desktop atalho que abre uma janela sem menu, e uma aplicação desktop e sua verdade.
Adobe AIR, na verdade, ao contrário das soluções propostas pelo Google Chrome e Prism permite:

  • Praticamente completo acesso ao sistema em que o pedido com a capacidade de ler e escrever arquivos. Oportunidade para alargar a sua funcionalidade através de uma DLL (biblioteca de vínculo dinâmico), extensões e produtos de terceiros como SRU Player (ver Distribute Adobe AIR: AIR Badge por uma SRU Player)
  • Gere o sistema de aplicação e outras aplicações: instalação e desinstalação

Related Post

Tags:
Postado em Internet, Software, Desenvolvimento, Tecnologia | 1 Comment »

Wordpress: escrever um pessoal logout

Segunda-feira, 27 de outubro de 2008

A partir de pós Wordpress: passo a passo como criar um login, realizou o login procedimento poderá ser útil para indicar no nosso blog um link para fazer logoff, ou sair. Não usar neste caso, os procedimentos normalizados do WordPress, mas vamos ver como sair a um nível baixo. Primeiro de tudo temos de perceber se um usuário está conectado ou não. Isto é possível apenas consultando a variável $user_ID Wordpress. Por exemplo:

Plain Text
PHP:
  1. $user_ID != '' ) { // oppure if( is_user_logged_in() ) { if ($ user_id! ='') (/ / ou se (is_user_logged_in ()) (
  2. / / Usuário é "registrado na" ...
  3. )

Quando sabemos que um usuário estiver conectado no sistema, podemos adicionar um simples link para a nossa página logout. Então nós criamos uma página, por exemplo logout.php e incluindo o seguinte código:

Plain Text
PHP:
  1. / **
  2. * Realiza o logout
  3. *
  4. * @ Autor Giovambattista Fazioli
  5. * @ @ Email g.fazioli undolog.com
  6. * @ Web http://www.undolog.com
  7. * /
  8. / / Invoke WordPress bootstrap
  9. 'wp-config.php' ) ; @ Require_once ( 'wp-config.php');
  10. 'wp-includes/pluggable.php' ) ; @ Require_once ( 'wp-includes/pluggable.php');
  11. / / Wp logout
  12. wp_logout ();
  13. / / Carregar qualquer outra página
  14. "Location: /" ) ; header ( "Location: /");

E só então a nossa página de links para fornecer um registro dos procedimentos:

Plain Text
PHP:
  1. $user_ID != '' ) { if ($ user_id! ='') (
  2. ; echo '<a href="logout.php"> Executar logout </ a>';
  3. )

Related Post

Tags:
Publicado na Internet, PHP, Desenvolvimento, WordPress | 1 Comment »

Muito curto truque: indefinido valores em Javascript

Quarta-feira, 22 de outubro de 2008

Existe uma forma abreviada para atribuir "voar" um valor a uma variável, se outro não é definido (indefinido), usando o operador lógico OR (| |) - Duplo-pipe:

Plain Text
JavaScript:
  1. / / Plutão mostra indefinido
  2. var Plutão;
  3. ; var foo = Plutão | |'5 ';
  4. pippo ) ; alert (foo);
  5. / / Resultado: 5

Essa técnica é útil para escrever funções com parâmetros:

Plain Text
JavaScript:
  1. param ) { miaFunc function (param) (
  2. ; var p1 = param | | 'parâmetro';
  3. / / ...
  4. )

Mas temos de ter cuidado para utilizar esta forma como zero valores como 0 ou false são mal interpretados, devido a "culpa" da lógica ou utilizados:

Plain Text
JavaScript:
  1. ; Plutão var = 0;
  2. ; var foo = Plutão | |'5 ';
  3. pippo ) ; alert (foo);
  4. / / Resultado: 5
  5. ; Plutão var = false;
  6. ; var foo = Plutão | |'5 ';
  7. pippo ) ; alert (foo);
  8. / / Resultado: 5
  9. ; Plutão var = 1;
  10. ; var foo = Plutão | |'5 ';
  11. pippo ) ; alert (foo);
  12. / / Resultado: 1

Related Post

Tags:
Publicado na Internet, Javascript, Desenvolvimento, Tutoriais | Nenhum comentário »

CSS3: alguém já viu o Internet Explorer?

Quinta-feira, 16 de outubro de 2008

Eu próprio não ...

Plain Text
CSS:
  1. p (
  2. / * Cantos arredondados * /
  3. border-radius: 9px; / * CSS 3 * /
  4. -o-border-radius: 9px; / * Opera * /
  5. -icab-border-radius: 9px; / * iCab * /
  6. -khtml-border-radius: 9px; / Konqueror * * /
  7. -moz-border-radius: 9px; / * Firefox * /
  8. -webkit-border-radius: 9px; / * Safari * /
  9. )

Related Post

Tags: Firefox Sheet,
Publicado em CSS, Internet, Desenvolvimento | 3 comentários »