Artigos com a tag 'Internet'


jQuery: bordas redondas sobre as imagens se sobrepõem

Por causa da renderização diferente entre os navegadores, Microsoft Internet Explorer definitivamente ver isso em mente, devemos sempre recorrer a truques para aplicar efeitos especiais, que agora deve ser um padrão. O prêmio discutido bordas arredondadas são um exemplo clássico de "desastre" produzido pela completa incapacidade de fazer uma padrões graves em páginas renderizar HTML / CSS. , etc… Existem muitas soluções que permitem que a rede para obter os "efeitos" (efeitos que se apresentam como isentos os cantos arredondados HTML, efeitos de sombra, reflexos, etc ...) com manchas nas folhas de estilos, truques especiais usando div enxertados, bibliotecas Javascript, uso de canvas , etc ...
Em um puramente educacional Vou ilustrar outra técnica (cross-browser) para aplicar as bordas arredondadas das imagens:

Demo e fonte

Leia mais ...

Criar aplicativos de desktop com o Google Chrome e Firefox?

Google Chrome permite criar aplicativos de desktop a partir de uma página da Web? De fato, como mostrado no item de menu só é permitido para criar um atalho para um link que - por sua vez - abre uma janela sem barra de endereço e sem toda a "frescura" do navegador. Isso não significa que criamos uma aplicação desktop, que acabamos de criar um link para o mesmo Google Chrome modo - por assim dizer-cromo-menos.

Simle recurso, mas mais ambicioso, já havia sido proposto pela Fundação Mozilla em 2007, através do Projeto Prisma . Este é certamente o mais versátil e articulada, mesmo acompanhado por uma útil extensão que permite que você crie menu de aplicativos para desktop do Firefox, da mesma forma que o Google Chrome .

No entanto, ambas as soluções estão longe de tecnologia Adobe AIR . Antes que alguém confunde é de notar as diferenças substanciais entre um atalho que abre uma janela sem menus, e uma aplicação desktop e sua verdade.
Adobe AIR , de fato, ao contrário das soluções oferecidas pela Google Chrome e Prism permite que você:

  • Praticamente acesso completo ao sistema executar o aplicativo com a habilidade de ler e gravar arquivos. Possibilidade de estender sua funcionalidade através de dll (dynamic link library), extensões e produtos de terceiros, tais como SHU jogador (ver Deploy Adobe AIR: AIR emblema de um jogador SHU )
  • Gerencia a aplicação como os outros aplicativos do sistema: Install and Uninstall

Leia mais ...

WordPress: escrever um pessoal sair

Baseado no post WordPress: passo a passo como criar seu próprio login , execute o procedimento de login pode ser útil para indicar em nosso Blog Link para desconectar ou sair. Nós não vamos usar novamente os procedimentos padrão do WordPress, mas como vamos ver sair a um nível baixo. Primeiro temos que determinar se um usuário está logado ou não. Isto é possível apenas por meio de consulta a variável $user_ID WordPress. Por exemplo:

1
2
3
$user_ID != '' ) { // oppure if( is_user_logged_in() ) { if ($ ID_usr! ='') {/ / ou se (is_user_logged_in ()) {
/ / Um usuário está "logado" ...
}

Uma vez que sabemos que um usuário está "logado" no sistema, podemos inserir um simples link para a nossa página de logout. Nós, assim, criar uma página, por exemplo, logout.php seguende, e digitar o código:

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

E logo então "link" para a nossa página para fornecer um logout procedimentos:

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

Leia mais ...

Muito curto truque: valores indefinidos em Javascript

Existe um atalho para atribuir "on the fly" um valor a uma variável, se a pessoa não está definido (indefinido), usando o operador OR lógico (| |) - tubo duplo:

1
2
3
4
5
/ / Foo é indefinido
var bar;
pluto || '5' ; var foo = bar | | '5 ';
pippo ) ; alert (foo);
/ / Resultado: 5

Leia mais ...

CSS3: alguém viu o Internet Explorer?

Eu só não ...

1
2
3
4
5
6
7
8
9
{P
/ * Cantos arredondados * /
; /* CSS 3 */ border-radius: 9px; / * CSS 3 * /
; /* Opera */ -O-border-radius: 9px; / * Opera * /
; /* iCab */ -ICab-border-radius: 9px; / * iCab * /
; /* Konqueror */ -KHTML-border-radius: 9px; / * Konqueror * /
; /* Firefox */ -Moz-border-radius: 9px; / * Firefox * /
; /* Safari */ -Webkit-border-radius: 9px; / * Safari * /
}

Leia mais ...

Uma contagem regressiva de classe em Javascript

No post com o 3D CountDown FIVe3D (ver também como eu fiz: escrever uma contagem regressiva em Flash ), foi dada uma classe para a criação de um objeto em Actionscript contagem regressiva, aqui está uma versão similar em Javascript:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
/ **
* Classe CountDown
*
* @ Autor Giovambattista Fazioli
* E-mail @ @ g.fazioli undolog.com
* @ Web http://www.undolog.com
*
* @ Param dd (string) 'dia, mês, ano
*
* /
dd ) { função de contagem regressiva (dd) {
/ / Init alvo tempo
new Date ( dd ) ; var target = new Date (dd);
= target. getTime ( ) ; . este targetTime = getTime alvo ().;

/ **
* Atualizar contagem regressiva
* /
= function ( ) { isso. refresh = function () {
new Date ( ) ; var hoje = new Date ();
today. getTime ( ) ; var hoje = currentTime getTime ().;
/ Time / esquerda
( this . targetTime - currentTime ) ; este _leftMilliseconds = (this. targetTime - currentTime).;
Math. floor ( this ._leftMilliseconds / 1000 ) ; Neste piso _leftSeconds = Math (_leftMilliseconds this. / 1000)..;
Math. floor ( this ._leftSeconds / 60 ) ; Neste piso _leftMinutes Math = (_leftSeconds this. / 60)..;
Math. floor ( this ._leftMinutes / 60 ) ; . este _leftHours = andar Math (this. _leftMinutes / 60).;
/ / No módulo
= Math. floor ( this ._leftHours / 24 ) ; . este leftDays = andar Math (_leftHours this. / 24).;
/ / Para impressão
= this ._leftMilliseconds % 1000 ; este leftMilliseconds = Esta _leftMilliseconds% 1000..;
= this ._leftSeconds % 60 ; este leftSeconds = Esta _leftSeconds 60%..;
= this ._leftMinutes % 60 ; este leftMinutes = esta _leftMinutes 60%..;
= this ._leftHours % 24 ; .. este leftHours = esta _leftHours 24%;
}
( ) ; este refresh ().;
}

Exemplo

1
2
3
new countDown ( '1 1, 2009' ) ; var cd = new CountDown (1 '1, 2009 ');
/ / Mostra quantos dias, horas, minutos, segundos e milésimos de segundo para primeiro de janeiro de 2009

Leia mais ...

Muito curto truque: evitar a mensagem de erro em PHP

Se não queremos uma função PHP para emitir quaisquer avisos ou erros, basta digitar a primeira chamada para a natureza espiral - ou menos - (@):

1
2
3
4
/ / Em vez de usar a forma canônica
miaFunc ( ) ; $ Res = miaFunc ();
/ / Você pode usar
miaFunc ( ) ; $ Res = @ miaFunc ();

Leia mais ...

Muito curto truque: PHP carro eco

Em PHP você pode usar uma forma abreviada, ou contratados, para exibir variáveis ​​ou retornos de funções:

1
2
3
4
5
6
7
8
/ / Em vez de
$miavar ?> <? Php echo $ miavar>
/ / Você pode escrever
?> <? Miavar = $>
/ / Em vez de
miaFunc ( ) ?> <? Php echo miaFunc ()?>
/ / Você pode escrever
?> <? MiaFunc = ()?>

Leia mais ...

Skypemote versão do Adobe AIR

Instale o Adobe AIR Download Versão Skypemote

Este é o primeiro lançamento, 0,8 (alinhado com a versão on-line ), Editor de Emoções Skype - Skypemote - versão do Adobe AIR . Por enquanto, os recursos são todos a mesma versão on-line , com a vantagem de ser uma aplicação desktop, em seguida, instalar o Windows, Mac e Linux.
Antes da instalação, lembre-se de actualizar e / ou instalar pela primeira vez, o tempo de execução do Adobe AIR , se você não tiver feito isso.

Baixar

Você pode baixar Air Skypemote do Google Code .

Leia mais ...

ActionScript 3.0 para iniciantes: lição # 3

Continuamos a análise do exemplo do jogo Tic Tac Toe, apresentado em ActionScript 3.0 para iniciantes: lição # 2 . Tínhamos chegado à função que cria a grade do jogo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/ **
* Grade de design gráfico (3x3) na tela
*
Void * @ param
* @ Return void
* @ Privada
* /
createGrid ( ) : void { createGrid private function (): void {
/ / Ponteiro temporário para um MovieClip
/ / Nota: aqui você também pode usar um Sprite
/ / Mas neste caso eu preciso estender o objeto
/ / Adicionando alguns proproetà pessoal. A Sprite
/ / É um círculo fechado e tempo de execução, portanto, não extensível, enquanto
/ / A classe MovieClip é dinâmico e, portanto, faz
/ / Possível adição de propriedade runtime
MovieClip , i : uint = 0 ; var tm: MovieClip , i: uint = 0;
/ / Adiciona o MovieClip em um padrão 3x3
; i < 9 ; i ++ ) { for (; i <9; i + +) {
( ) ; tm = new MovieClip ();
tm ) ; addChild (tm);
= OFFSETX + ( ( i % 3 ) * ( PLAYER_WIDTH + PLAYER_OFFSET ) ) tm. offsetX = x + ((i% 3) * (PLAYER_WIDTH PLAYER_OFFSET +))
= OFFSETY + Math . floor ( i / 3 ) * ( PLAYER_HEIGHT + PLAYER_OFFSET ) tm. OffsetY + y = Math chão. (i / 3) * (+ PLAYER_HEIGHT PLAYER_OFFSET)
tm _index = i.;
0 ) ; drawPlayer (tm, 0);
}
/ / Desenha as linhas 2 e 2 veriticali horizontal
this . graphics ) { com (this. gráficos) {
6 , 0x666666 ) ; lineStyle (6, 0x666666);
OFFSETX , OFFSETY + ( PLAYER_HEIGHT + 15 ) ) ; moveTo (offsetX, OffsetY + (PLAYER_HEIGHT + 15));
OFFSETX + ( ( PLAYER_WIDTH + 20 ) * 3 ) , OFFSETY + ( PLAYER_HEIGHT + 15 ) ) ; lineTo (offsetX + ((PLAYER_WIDTH + 20) * 3), OffsetY + (PLAYER_HEIGHT + 15));
OFFSETX , OFFSETY + ( PLAYER_HEIGHT + 20 ) * 2 ) ; moveTo (offsetX, OffsetY + (PLAYER_HEIGHT + 20) * 2);
OFFSETX + ( ( PLAYER_WIDTH + 20 ) * 3 ) , OFFSETY + ( PLAYER_HEIGHT + 20 ) * 2 ) ; lineTo (offsetX + ((PLAYER_WIDTH + 20) * 3), OffsetY + (PLAYER_HEIGHT + 20) * 2);
OFFSETX + ( PLAYER_WIDTH + 15 ) , OFFSETY ) ; moveTo (offsetX + (PLAYER_WIDTH + 15), OffsetY);
OFFSETX + ( PLAYER_WIDTH + 15 ) , OFFSETY + ( ( PLAYER_HEIGHT + 20 ) * 3 ) ) ; lineTo (offsetX + (PLAYER_WIDTH + 15), OffsetY + ((PLAYER_HEIGHT + 20) * 3));
OFFSETX + ( PLAYER_WIDTH + 20 ) * 2 , OFFSETY ) ; moveTo (offsetX + (PLAYER_WIDTH + 20) * 2 OffsetY);
OFFSETX + ( PLAYER_WIDTH + 20 ) * 2 , OFFSETY + ( ( PLAYER_HEIGHT + 20 ) * 3 ) ) ; lineTo (offsetX + (PLAYER_WIDTH + 20) * 2 OffsetY + ((PLAYER_HEIGHT + 20) * 3));
}
}

Leia mais ...



Pare SOPA