CSS3 – Segundo Wikipédia

by

CSS3 é a mais nova versão das famosas Cascading Style Sheets (ou simplesmente CSS),
onde se define estilos para páginas web com efeitos de transição,
imagem, e outros, que dão um estilo novo às páginas Web 2.0
em todos os aspectos de design do layout.

A principal função do CSS3 é abolir as imagens de plano de fundo,
bordas arredondadas, apresentar transições e efeitos para criar animações de vários tipos,
como um simples relógio de ponteiros.

Isso se deve aos novos browsers que estão chegando,
com suporte à essa linguagem, como o Google Chrome,
Opera, Internet Explorer 9, Apple Safari e Mozilla Firefox.

Assim, o CSS3 facilitará o trabalho dos que trabalham com web e também dos usuários,
pela variedade de transformações na apresentação de um website.

elemento {
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-khtml-border-radius:10px;
}

Como pode-se ver, foram necessárias quatro linhas de código para
produzir bordas arredondadas num elemento HTML.

Cada prefixo da propriedade border-radius serve para uma plataforma de browsers.

-webkit, para browsers como Chrome e Safari,
-moz para o Firefox,
-o para Opera,
-khtml para Konqueror.

Obs.: há browsers que não aceitam todas as propriedades CSS3 (IeCa).
È sempre bom também ter o costume de usar o padrão além dos prefixos,
no código acima adicionaríamos a linha:

border-radius:10px;

Veja uma lista dos principais seletores (propriedades) CSS3 e seus exemplos:

border-radius:[tamanho]; /* bordas arredondadas */
border-radius:5px;

box-shadow:[topo] [esquerda] [borrão] [cor]; /* sombra */
box-shadow:2px 2px 2px #000;

text-shadow:[topo] [esquerda] [borrão] [cor]; /* sombra em letras */
text-shadow:2px 2px 2px #000;

opacity:[valor]; /* transparência */
opacity:0.5;

word-wrap:[definição]; /* quebra de palavra (quando ela ultrapassa o tamanho do elemento) */
word-wrap:break-word;

background-size:[largura] [altura]; /* especifica o tamanho do plano de fundo */
background-size:100px 80px;

Transformações

O CSS3 é extremamente capaz de construir animações que impressionam o mais avançado desenvolvedor web, tanto em 2 como em 3 dimensões. Os mais comuns são os efeitos de rotação, movimento e transição.

Já existem empresas fazendo propaganda utilizando a criatividade e o poder dessa nova era de estilos. Veja alguns exemplos:

Agora você já pode ter noção do que o CSS3 é capaz.

CSS3 – Border Radius – Cantos Arredondados, sem imagens, funcionando no Internet Explorer

by

Depois de tanto tempo de sofrimento para fazer uma sombrinha
ou bordas arredondadas compatíveis com o IE no CSS,
eis que encontro pela internet um arquivo HTC que resolve (pelo menos nas minhas necessidades)
os problemas de compatibilidade do CSS3 nas versões 6, 7 e 8 do temido Internet Explorer (IeCa).

HTC é sigla para HTML Components,
um arquivo que aplica novos comportamentos
em HTML Dinâmico dentro do Internet Explorer.

Como funciona?

Você precisa apenas adicionar uma referência ao comportamento
pelo arquivo ie-css3.htc na seleção do CSS que tenha propriedades CSS3
como border-radius, box-shadow. Veja um exemplo:

.caixa {

 -moz-border-radius: 15px; /* para exibição de canto arredondado no Firefox */-webkit-border-radius: 15px; /* Para Safari e Chrome */border-radius: 15px; /* Valor Padrão, atualmente utilizado pelo Opera 10.5+ */ -moz-box-shadow: 10px 10px 20px #000; /* Sombra na caixa para exibição no Firefox */-webkit-box-shadow: 10px 10px 20px #000; /* Para Safari e Chrome */box-shadow: 10px 10px 20px #000; /*  Valor Padrão, Opera 10.5+ */ behavior: url(ie-css3.htc); /* codigo para chamar o arquivo ie-css3.htc, fazendo as funções anteriores funcionarem no IeCa */}

Nota: O arquivo HTC precisa estar na mesma pasta do CSS.

Faça download do script diretamente neste link.


Postagem Original

Manual do php – 08

by

Vamos agora ver como se trabalha com variáveis enviadas através de um formulário ou link de outra página.
Começando com uma variável passada por um link, crie um arquivo chamado teste.php, e nele copie o código abaixo:

<a href=”?nome=João”>Nome</a>

O que resultaria em:

Nome

No arquivo teste.php, logo abaixo do código anteriorcoloque o seguinte código:

<?php

$nome = $_GET[“nome”];

echo “Meu nome é $nome.”;

?>

Repare que o href nao especifica documento algum, isso faz com que o documento chamado seja o próprio arquivo teste.php. Que enquanto nao tem nada na variável nome exibe apenas:
Meu nome é
mas quando clicamos no link NOME o script feito recebe por $_GET o conteúdo contido na variável nome $_GET[“nome”] e coloca em uma variável a qual ficara armazenada para mim usar ao longo do script comforme for necessário. E então é usado o echo para imprimir o valor da variável junto com o texto. Exibindo então:
Meu nome é João.

Blog do Laercio

Manual do php – 07

by

Vamos agora começar a trabalhar com variáveis.
No PHP existem variáveis pre definidas como:

$_COOKIE
$_FILES
$_GET
$_POST
$_SESSION

Dentre outras. Mas para você definir uma variável nova é extremamente fácil, basta colocar o símbolo do sifrão ($), e o nome da variável.
Exemplo:

$variável

Procure não usar caracteres especiais para definir uma variável como: ç ã õ ê * ¨ %.
Use apenas letras e números, se for preciso um espaço use o underline.
Exemplo:

$variavel_01

Confira agora um exemplo de como usar variáveis e imprimi-las com o ECHO.

<?php

$cabecalho = “<!DOCTYPE html PUBLIC ‘-//W3C//DTD XHTML 1.0 Strict//EN”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd’>”;
$html_01 = “<html xmlns=’http://www.w3.org/1999/xhtml’>”;
$html_02 = “</html>”;
$head_01 = “<head>”;
$head_02 = “</head>”;
$title_01 = “<title>”;
$titulo = “Titulo do Documento”;
$title_02 = “</title>”;
$body_01 = “<body>”;
$body_02 = “</body>”;
$conteudo = “Teste de ECHO”;

echo “$cabecalho
$html_01
$head_01
$title_01
$titulo
$title_02
$head_02
$body_01″;

echo “$conteudo”;

echo “$body_02
$html_02″;

?>

Blog do Laercio

Manual do php – 06

by

Bom, para começarmos a parte prática do nosso manual, temos em mente que você já tem instalado em sua máquina um servidor apache com suporte à PHP (XAMPP). Após termos conferido isso podemos criar nossa página em php. Crie um arquivo .php e inicie ele com as tags php <?php, então faça assim:

<?php

echo “Minha Promeira página com o PHP.”;

?>

Lembrando que isso é uma página de puro php, se você for publicar isso na web deve-se usar o html antes do php.
O resultado desse pequeno script é o seguinte:

Minha primeira página com o PHP.

Com o HTML este arquivo deveria ficar assim:

<html>
<head>
<title>PHP</title>
</head>
<body>
<?php
echo “Minha Promeira página com o PHP”;
?>
</body>
</html>

E o resultado no browser seria:

<html>
<head>
<title>PHP</title>
</head>
<body>
Minha Promeira página com o PHP
</body>
</html>

E nesse escript já notamos algo que você nunca deve esquecer, é o uso do echo lembre-se sempre desta frase: “O echo é seu amigo”. No meu caso eu tenho o echo como uma espécie de identificador de erros, sempre que um erro ocorre eu uso o echo para mostrar as variáveis que eu estou usando e ver se alguma delas está com problemas.

Blog do Laercio