Você não precisa de jQuery para isso (talvez parte 1)

Bom, que jQuery é “Uma coisa do passado” é uma realidade para muita gente, a grande graça do jQuery é que você consegue fazer as coisas de uma forma muito mais fácil e que você tem certeza que irá funcionar do IE7 até o Firefox mais moderno e essa segurança na moral é muito legal pra quem não quer perder tempo estudando.

Neste post vou pedir pra você ter um olhar mais critico sobre a pergunta “Porque que eu preciso do jQuery?” e irei avaliar o site “What color is it?” um site muito divertido e estupidamente simples que transforma a hora atual em um hexadecimal e coloca este hexa como background, é uma ideia idiota? De certa forma sim! Todo mundo gostou disso? Sim!

Screen Shot 2014-12-15 at 11.54.22 Continue lendo

Publicado em javaScript, jquery | 22 comentários

A jornada das estrelas de avaliação de produtos com CSS

Não uma simples estrelinhas com CSS, mas ao clicar permanecer a avaliação que dei, ser acessível via teclado, poder ser flexível para usar em qualquer lugar, o resultado final será este aqui

resultado

 

Veja no Codepen o resultado, ou em full sem a parafernalia do Codepen.

Comecei a pensar em formas e mais formas de fazer isso com CSS, sei que milhares de pessoas já a fizeram antes e se você quer algo realmente simples, da pra fazer com 10 linhas de CSS, mas quis fazer algo mais elaborado, acabei passando por flexbox, display inline, inline-block, floats, inline-flext, pointer-events, em, px, %, enfim, testes e mais testes, talvez essa seja as estrelas de avaliação mais pensadas e testadas que já existiu na vida útil do meu computador até os dias atuais.

O resultado você vê neste post, como desenvolver essas estrelas de avaliação de produtos que são muito usadas em e-commerces para produtos e para avaliação de quase todo tipo de conteúdo :)  Continue lendo

Publicado em css | 2 comentários

Brasil, obrigado ae é nóis que ta!

Eu escrevo este blog desde o inicio de 2011, eu consegui meu primeiro emprego graças a este blog, hoje em dia em tem mais de 16 mil pageviews por mês o que pra mim é grandes coisas, este blog é uma prova concreta da minha evolução como desenvolvedor e agora eu descobri que o Brasil inteiro lê meu blog :o

Screen Shot 2014-11-27 at 10.54.55 Continue lendo

Publicado em Sem categoria | 1 comentário

Como instalar Package Control do Sublime Text 3

O Package Control do Sublime Text 3 serve para instalar vários plugins que incrementam, adicionam funcionalidades no Editor Sublime Text, para instalar basta seguir estes passos simples. Continue lendo

Publicado em Dicas | Com a tag | 1 comentário

Lidando com arquivos no Sublime Text, renomear, mover, copiar, de um jeito que você nunca viu

A primeira vez que abri o Sublime Text 2 ou 3 tive uma pequena decepção, na sidebar ao clicar em arquivos ou pastas essas são as 6 opções que o Sublime Text te da.

Screen-Shot-2014-11-20-at-17.27.29

É claro que isso não é o suficiente, você quer muito mais do que criar um arquivo/pasta e renomea-los. Continue lendo

Publicado em Dicas | Com a tag | 2 comentários

Como buscar por um arquivo no Sublime Text?

Aprenda a buscar um arquivo pelo nome no Sublime Text, uma forma mais rápida de abrir arquivos no Sublime Text. Continue lendo

Publicado em Dicas, IDE | Com a tag | 1 comentário

Crie um gráfico da especificidade dos seletores de qualquer CSS

Se você é um bom desenvolvedor, com certeza você já conhece o que é a especificidade dos seletores do CSS, cada seletor tem um número que sugere o quão especifico é um seletor.

Pensando nisso pocketjoso desenvolveu uma ferramenta chamada “specificity-graph” em que você informa um CSS e a ferramenta gera um gráfico da especificidade dos seletores no CSS que você informou. Continue lendo

Publicado em css | Deixar um comentário

Ordenar propriedades em ordem alfabética diminui o tamanho do arquivo quando usado com gzip?

Hoje estava refatorando o CSS da firma usando uma ferramenta (bem interessante) chamada scss-lint, que tem uma opção chamada PropertySortOrder que por padrão, pede para você ordenar as propriedades do CSS em ordem alfabética, mas também pode ser determinada alguma outra ordem, como você pode conferir no link acima. Continue lendo

Publicado em css | 9 comentários

Como deixar o jQuery UI Datepicker em pt-br e vários outros idiomas

jquery-ui-logo
Pesquisando na internet, o primeiro resultado que encontramos sobre a tradução do datepicker do jQuery UI é um repositório no Google Code de 2009, acontece que isso está bem desatualizado, ai encontrei atual repositório do jQuery UI, onde tem uma pasta chamada i18n com muito mais idiomas e devidamente atualizados.

Bom, essa é a dica de hoje :)

Publicado em jquery | Com a tag , | 2 comentários

Como inserir elementos no HTML com JavaScript

Quando eu comecei a aprender JavaScript, aprendi a usar a propriedade innerHTML, usando innerHTML é muito fácil colocar elementos no DOM, porém é complicado de usar por exemplo quando você quer colocar um elemento no final de um elemento, ou no inicio. Neste post vou mostrar como inserir elementos no DOM usando innerHTML, insertBefore e insertAdjacentHTML fazendo um prepend como exemplo Continue lendo

Publicado em DOM4 | 4 comentários