Boteco Digital

CSS Web

Animate.css é uma biblioteca CSS de pequenas animações com vários efeitos interessante para dar destaques em elementos da nossa página. Você pode conferir os efeitos na própria página do projeto. Vamos ao da biblioteca então, primeiramente devemos incluir a biblioteca no nossos head>o que pode ser feito direto pelo CDN: Baixando pelo bower: ou ainda baixando direto do Git do projeto Após a biblioteca estar carregada, para executar uma animação basta adicionar ao elemento desejado, via javascript, as classes “animated” […]

mais
CSS Web

Em muitos casos é necessário criar um input radio ou checkbox com aparecia diferente do padrão, normalmente utilizando uma imagem como botão. Este objetivo pode ser alcançado através de CSS. Então vamos aos exemplos. Para começar vamos ao clássico input radio de seleção de sexo, como visto abaixo: Começamos com o HTML, devemos colocar tanto o input radio quanto a imagem dentro do elemento label. Este label deve estar associado ao input através da propriedade “for”, propriedade que deve conter […]

mais
Javascript JQuery Web

O efeito de Parallax tem se tornado uma moda hoje em dia, sendo um efeito muito interessante se não abusado. O Parallax de forma simples consiste em mover o plano de fundo, ou as diversas camadas que o compõe em velocidades diferentes, com isso enganando o cérebro e criando uma ilusão de profundidade. Vamos a um exemplo de um site de página única. Para começar o HTML: No conteúdo apresentado, os divs com a classe parallax são os elementos que […]

mais
Linux Web

Se você desenvolve há algum tempo com certeza já tem um servidor web instalado em seu pc(se não fica a dica de como instalar no Linux) e deve ter rodando vários sites em desenvolvimento através de uma URL no estilo http://localhost/site1/, http://localhost/site2/, etc. Todos estando dentro de uma pasta “/var/www/” ou “C:\wamp\www\” dependendo do seu Sistema Operacional, mas o Virtual Host do Apache nos permite ter vários sites rodando em nosso servidor em pastas em lugares diferentes e sendo acessados […]

mais
Web

O HTML5 vem para ser a atualização da linguagem HTML. Ela cria várias novas tags na linguagem para que o CSS e o Javascript fazerem melhor seu trabalho sem precisar da instalação de vários plugin, compromentendo o desempenho, e trazer mais semântica ao código HTML. Embora o padrão não esteja terminado e plenamente suportado, podemos começar a utilizar alguns de seus recursos já que ele esta sendo disponibilizados em módulos. Uma das mudanças que já podemos utilizar é a estrutura […]

mais
Tags
Javascript JQuery

Apesar de ser fundamental validar as informações enviadas por um formulário no lado do servidor, também é importante validar as informações no lado do cliente evitando assim que o usuário tenha que enviar o formulário, que leva algum tempo, para saber que esqueceu de preencher um campo obrigatório. Existe um plugin para JQuery que nos facilita muito a vida, o jquery-plugin-validation que nos permite uma boa customização nas validações. Vamos aos exemplos. O modo mais fácil de validar é adicionar […]

mais
CSS

Sempre houve uma grande dificuldade em trabalhar com fontes na web, o problema? Ficamos limitados a utilizar somente as fontes instaladas no computador do usuário, ou seja somente as fontes instaladas por padrão do sistema operacional. É claro existem algumas técnicas que podemos utilizar, mas sinceramente só não chamamos elas de gambiarras porque não existia outro modo! Agora com CSS3 temos a propriedade font-face que permite carregar um fonte externa e utilizá-la no navegador. Na linha 2 declaramos o nome […]

mais
CSS

Por muito tempo para utilizarmos bordas arredondadas tinhamos que utilizar imagens, o que nunca foi uma boa saida. Com CSS 3 chegou uma solução bem mais robusta, o border-radius que funciona em praticamente todos os browsers, utilizando diferentes declarações. O IE não possui nenhum suporte a bordas arrendondadas, mas a Microsoft já declarou que o IE9 terá suporte. Como ainda não existe compatibilidade é recomendada a utilização da prorpiedade somente para fins estéticos onde não irá afetar a usabilidade do […]

mais
Linux PHP Web

Para para começar vamos logo dizendo que LAMP é uma abreviação para os seguintes software Linux, Apache, MySQL e PHP que juntos formam o ambiente que necessitamos para desenvolver e hospedar nossos sites. 1. Instalar o MySQL Durante a instalação a senha do usuário root do MySQL será pedida. 2. Instalar o Apache 2 Depois instalado verifique se esta funcionando acesse http://localhost se aparecer um “It works!” está funcionando. 3. Instalar o PHP 5 Não se esqueça de instalar também […]

mais
PHP

Tenho desenvolvido alguns sites recentemente que não possuem banco de dados, mas possuem formulários que devem ser enviados por e-mail que necessitam de validação mais ou menos como vimos no post CakePHP – Validando um formlário com Model sem Controller. Como devem saber se não configurar uma conexão no CakePHP 1.3 ele dá erro então a solução é criar uma fonte de dados que não acessa nada, somente fica conectada. Primeiro vamos definir o DATABASE_CONFIG, então edite o arquivo app/config/database.php […]

mais