Slides de Front-end do OlhóSEO

Nos dias 3 e 4 de maio(2013) aconteceu o OlhóSEO em Floripa, eu infelizmente não pude ir ;´( mas pelo o que acompanhei no Twitter, o evento foi muito bom.

Como eu vivo estudando mais e mais, resolvi escrever um post para citar todos os slides de Front-end do OlhóSEO, vamos lá.
Continue lendo

Publicado em Slides | Deixar um comentário

Como fazer um build customizado do jQuery

jquery-logoO jQuery é uma lib que contem muitos funções que tornam fazem nosso trabalho ser executado com grande velocidade, a pergunta que eu quero que você reflita é: Precisamos de todas as funcionalidades do jQuery ou apenas de algumas?
Continue lendo

Publicado em javaScript, jquery, Node.js | Com a tag , , , | 6 comentários

Como usar as funções de manipulação de cor do Sass para criar template a partir de apenas uma cor

template-facebook-final
O Sass oferece várias funções que nos permitem manipular cores no CSS. Funções que torna uma cor mais clara ou mais escura, mais cinza, com mais cor. Funções que trabalha com cores HSL, RGB, RGBA que inverte cores enfim. Neste post irei mostrar como usar essas funções para criar um template que apenas passando 1 cor, usando as funções de cores do Sass nós não precisamos fazer mais nada, o Sass já faz tudo para nós.
Continue lendo

Publicado em pre-processadores | Com a tag , , | 4 comentários

Introdução a Web Speech API

A Web Speech API é uma API de reconhecimento de fala que esta implementada no Chrome 25 e superiores. Neste post vou dar uma visão geral de como ela funciona.
Continue lendo

Publicado em API, Chrome | Com a tag , , , | Deixar um comentário

Como testar suas aplicações com HTML, CSS e JS de forma rápida e fácil com o http-server do Node.js

http-server no node.js Para os Front-ends que precisam testar aplicações com HTML, CSS e JS de forma rápida e prática, vou mostrar neste post como criar um servidor com um comando super simples no terminal e que sua aplicação ficará acessível em localhost:8080/ como em um passe de mágica. Continue lendo

Publicado em Node.js | 2 comentários

Redesign do Can I Use

Screen Shot 2013-01-21 at 3.46.52 PM Digamos que, todo web developer conhece o Can I Use, o site gringo que mostra em quais navegadores tanto mobile quanto desktop uma feature do HTML5, CSS3, e APIs funcionam. Esse é o Can I Use, o amigo leal de muito. Mas a pergunta é, você acha que ele precisa, sei la, derepente de um redesign? Um cara chamado Lennart fez isso.
Continue lendo

Publicado em design | Com a tag , | Deixar um comentário

Como aprender a usar o GIT?

Git-Logo-2ColorNeste post tenho tudo o que você precisa aprender para usar o git, todos os comandos, todos os prós e contras, tudo certinho documentado você terminará de ler, e POW! Estará pronto. Bem provavelmente você estará pronto antes mesmo de terminar de ler (comigo foi assim). Continue lendo

Publicado em git | Com a tag , | 3 comentários

4 motivos para amar o Firefox OS

Que o Firefox OS esta ai todos já sabem, mas por que você ainda esta com um pé atrás com o Firefox OS? Bom isso eu não sei, mas aqui vou citar 4 razões que me fazem amar o Firefox OS e que provavelmente vai te encantar também(ou não). Vamos ao primeiro fato que torna o Firefox OS tão incrível. Continue lendo

Publicado em Html5 | 2 comentários

Como escrever CSS só para o Internet Explorer 10


Todo Front-end que se preze conhece os comentários condicionais que detecta as versões do Internet Explorer, isso acontece no IE6, IE7, IE8, IE9 e acaba sendo muito simples escrever um CSS especifico para todas as versões visto que o IE tem vários problemas de compatibilidade. Bom, o problema é que o Internet Explorer 10 não tem suporte a esses comentários condicionais, eu sei você esta afim de dar um chute na bunda do Bill Gates mas vamos manter a calma, pra começo de conversa o Internet Explorer 10 vai ter um bom suporte pra um monte de features do HTML5, será maravilhosamente fantástico comparado com o IE9, mas comparado a um Chrome e Firefox, continuará sendo um lixo, e pode ser que você vá precisar escrever CSS só para ele Continue lendo

Publicado em Internet Explorer 10 | Com a tag , , , | 3 comentários

Imagens responsivas nativas

Reprodução de Usabilidoido


Um desafio que desenvolvedores web(leia-se Front-end developers) tem hoje ao desenvolver web sites, é como servir imagens responsivas ao tamanho da tela do usuário, claro que hoje já temos um infinidade de plugins JavaScript que tentam fazer isso de uma forma decente/elegante, mas usando JavaScript logo não é uma forma muito convincente e deixa a desejar, neste post vou mostrar uma solução não muito honrosa, mas que na minha opinião algo semelhante poderá aparecer nas linhas de código que você digita no dia-a-dia. Continue lendo

Publicado em css3, Html5 | 3 comentários