Leonardo Moreira

Quero mostrar os benefícios de desenvolver com PDO, mas primeiro vamos entender um pouco sobre ele e como tudo funciona.

Em razão da crescente utilização do PHP, surgiu a necessidade de unificar o acesso à diferentes bancos de dados presentes no PHP, assim surgiu o PDO – PHP Data Objects, onde o objetivo é definir uma interface limpa e consistente, unificando a maioria das características presentes nas extensões de acesso a banco de dados.

A PDO fornece uma camada de abstração de dados de acesso, significa que, independente de qual banco de dados esteja usando, você usa as mesmas funções para manipular os dados, além de ser extremamente segura contra SQL Injection. A classe PDO foi incorporada ao PHP na versão 5.1 e é disponibilizado junto com a PECL do PHP 5, além disso, exige características orientadas a objetos do core do PHP 5, ou seja, não espere que o PDO funcione em versões anteriores.

Continue Lendo

Oi pessoal, tudo bem? Aqui tá 100%, “bora” para mais um post? Vou escrever um pouco sobre as novas opções de tipos de inputs com HTML 5.

Alguns exemplos de tipos que estamos acostumados usar:

Além de outros que não preciso citar. Agora vem as novidades, esses são os tipos inseridos no HTML 5:

Continue Lendo

Olá meu povo e minha “pova”, tudo certinho? Bom, resolvi fazer esse ultra-fast-cookbook explicando como agilizar o seu desenvolvimento criando um virtual host no apache.

Mas Leo, é realmente necessário? Eu posso jogar tudo em uma pasta e acessar direto.

É, quem nunca fez isso? Mas eu prefiro criar um domínio virtual do projeto, ou seja, no final do projeto eu não perco tempo alterando configurações para a publicação.

Vamos ao que interessa. Primeiro, vamos localizar o arquivo httpd.conf e criar um virtual host seco, basta escrever:

<VirtualHost *:80>
      ServerName www.meusite.com.br
      DocumentRoot /www/httpdocs/public/projetos/meusite/
</VirtualHost>

Fácil né? ServerName é o nome do seu domínio e o DocumentRoot a pasta onde está seu projeto. Que tal trabalhar um pouco mais meu domínio virtual?
Continue Lendo

Resolvi criar esse post para explicar como usar múltiplos backgrounds, como esse aqui do Blog, as listrinhas roxas. Então vou usar o mesmo efeito para o exemplo, nada difícil ou misterioso, sigam-me

Nosso código HTML, dispensa explicações:

Agora o que interessa, CSS3:

body {
      background: url(images/bg-01.png) no-repeat 0 0,
                  url(images/bg-02.png) no-repeat 25% 0,
                  url(images/bg-03.png) no-repeat 50% 0,
                  url(images/bg-04.png) no-repeat 75% 0,
                  url(images/bg-05.png) no-repeat 100% 0,
                  url(images/bg-06.png) no-repeat 0 bottom,
                  #f3f3f3;

                  -webkit-background-size: 20.1% 10px, 20.1% 10px, 20.1% 10px, 20.1% 10px, 20.1% 10px, 100% 20px;
                  -moz-background-size: 20.1% 10px, 20.1% 10px, 20.1% 10px, 20.1% 10px, 20.1% 10px, 100% 20px;
                  background-size: 20.1% 10px, 20.1% 10px, 20.1% 10px, 20.1% 10px, 20.1% 10px, 100% 20px;
}

div.index {
      width: 800px;
      margin: 0 auto;
}

Explicando, os 5 primeiros backgrounds da propriedade body formam a listra, está bem claro, a position de cada um varia em 25% e a altura que vou usar é “zero” para todas. O sexto argumento é referente ao rodapé, a imagem bg-06.png vai ficar alinhada ao rodapé (bottom) e irá começar na posição zero, lembrando que é sempre da esquerda para a direita. Enfim temos o sétimo argumento, #f3f3f3; é o background geral que vou deixar no meu site, cuidado com as vírgulas para separar os argumentos e o ponto e vírgula no final blz?

Agora embaixo, temos o size de todos os argumentos usados anteriormente, na mesma ordem dos argumentos do background vamos definir o tamanho de cada imagem. Do background 1 ao 5, vamos usar 20,1% 10px , porque? São eles que formam a listra colorida, então eu quero que cada um tenha 20% de tamanho – 100/5, já que são 5 imagens, se fosse 4, seria 25% ok? – e quero que elas tenham 10px de altura. Depois eu tenho 100% 20px que é meu rodapé,quero que ele ocupe 100% da tela e tenha 20px de altura. Perfeito? Não teremos o sétimo argumento porque ele não tem tamanho definido, é o nosso fundo cinza.

Facinho né? O resultado final você vê em: http://www.leonardomoreira.com.br/artigos/css3-bg/

Espero que tenha tirado todas suas dúvidas em relação aos múltiplos backgrounds com CSS3.