Boteco Digital

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
CSS Web

O CSS3 está vindo ai certo, alguns browser já estão implementando algumas coisas legais que irão nos livrar de muitos “POGs” que somos obrigados a fazer e poupar bastante trabalho. Hoje gostaria de apresentar a propriedade text-shadow que é simplesmente a sombra do texto, e já esta disponível para a maior parte dos navegadores. Onde: Medida 1: é o deslocamento a direita(com valores negativos a sobra irá para esquerda). Medida 2: é o deslocamento para baixo(com valores negativos a sombra […]

mais
Navegadores

O maior diferencial do Firefox em relação a outro browser é sua quantidade e qualidade de extensões, tornando ele mais que um browser e sim uma plataforma, no meu caso, de desenvolvimento web, então decidi compartilhar as extensões que para mim são indispensáveis para qualquer desenvolvedor. MeasureIt O MeasureIt é uma extensão que cria uma régua para ser utilizada no browser, facilitando muito descobrir qual o tamanho de uma determinada área. Download MeasureIt ScreenGrab Muitas vezes precisamos apresentar um layout […]

mais
JQuery Web

Algo que muitas pessoal tem me perguntado é como criar uma galeria de fotos bem legal. Uma que estou utilizando muito, é feita com um plugin do JQuery chamada PrettyPhoto, ela utiliza um efeito chamado lightbox, que é parecido com um POPUP, mas bem mais estiloso 🙂 . Bom para começar baixe o PrettyPhoto 2.4.3 e descomacte em uma pasta. Ele é divido em 3 pastas css, js e images, para usalo você vai precisar das 3. Crie um novo […]

mais