Boteco Digital

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 [...]

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 [...]

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 [...]

Para mim, uma das coisas mais chatas é ter que escrever HTML, pois é um código repetitivo e isso é extremamente cansativo e entediante. E a edição continua “chata” até mesmo utilizando as melhores IDE’s do mercado. Claro que podemos recorrer ainda para os famosos editores WYSIWYG, mas convenhamos, um bom desenvolvedor que se prese não as utilizaria. Bom, ai que entra o zen-coding que não se trata de uma nova IDE, mas sim de um plugin, ou melhor, uma [...]

Este foi um Layout que passei como um pequeno trabalho para os alunos do módulo web do Técnico em Informática do SENAC semestre passado e tinha ficado de postar no blog. Bom promessa é divida e a minha já estava bem atrasada mas vamos lá. Para quem quiser em uma melhor resolução pode baixar aqui. E para quem quiser os arquivos do layout esta aqui

Olá pessoal, olha eu aqui outra vez! Hoje resolvi fazer uma vídeo-aula de construção de layout tableless. Espero que perdoem o pequeno deslize no seletor body que coloquei como background(que burro dá zero pra ele!!). [UPDATE] Links para baixar o video e os fontes. [/UPDATE]

Hoje trago a vocês a primeira vídeo aula que criei, na verdade é mais um teste mas ficou legal. Nela mostro como criar um Menu Horizontal em HTML e CSS. Se gostarem posso fazer sobre outros assunto. Aproveitem. Para aqueles que não conseguirem ver pelo youtube ou acharem a resolução muito baixa podem fazer o download do Vídeo-Tutorial.

Antes de alguém fazer confusão com o refrigerante, vamos explicar o que é um sprite em informática. Um sprite é um objeto gráfico, normalmente uma imagem, que se move numa tela sem deixar rastros, foi muito utilizado nos jogos 2D há um tempo atrás, o pessoal deve estar lembrando do mugen não? Bom então como isso funciona na web? Todos sabemos que quanto maior o numero de imagens que utilizamos em um site, maior é o número de requisições que [...]