Autor: Kadu Oliveira
-
SEO para WordPress e ferramentas úteis
Pesquisa de palavras-chave, detalhes de tráfego, análise de links, conteúdo otimizado e configurações de páginas. Confira uma coleção das principais ferramentas úteis para deixar seu site melhor posicionado nos mecanismos de busca.
-
Usabilidade em formulários mobile
Um formulário pequeno com poucos campos é mais fácil e rápido de preencher, escolher corretamente os tipos de campos também ajuda bastante, mas saiba que há outras técnicas que podemos utilizar para melhorar ainda mais a usabilidade dos nossos formulários. Você sabia que a maneira que alinha seus labels pode afetar a facilidade de preencher…
-
Atribuindo eventos a elementos criados dinamicamente
Trabalhar com eventos no JavaScript nem sempre é uma tarefa fácil. Há momentos que precisamos retirar um evento de um elemento ou adicionar um evento a determinado elemento HTML. Vou mostrar duas funções de manipulação de eventos para os elementos ou seletores selecionados. Estou me referindo aos métodos .on() e .off(). Neste artigo vou mostrar…
-
Criando efeito Parallax com jQuery – simples, rápido e fácil
PagePiling.js é um plugin para jQuery que facilita muito o processo para criar efeitos Parallax. O plugin da suporte a navegadores antigos e também a celulares e tablets. Como qualquer outro plugin sua instalação e personalização é fácil e rápida. Ao contrário de outras alternativas semelhantes, achei o pagePilling com um resultado final de ótima…
-
Aplicando Progressive Enhancement no CSS
Após escrever seu HTML tendo em mente Progressive Enhancement (melhoria progressiva) e ter a certeza que caso um navegador não tenha suporte ao um determinado elemento o usuário não será prejudicado, podemos começar a implementar nossa segunda camada de tecnologia, nesse caso o CSS, responsável pelo design da nossa página. Igual ao HTML, o CSS…
-
Aplicando Progressive Enhancement no HTML
Os navegadores estão cada vez mais poderosos, e cheios de recursos. Queremos usar os últimos avanços e fornecer uma experiência melhor para nossos usuários. Entretanto, não podemos esquecer que esses recursos não estão disponíveis em todos os navegadores. Isso quer dizer que mesmo que você esteja usando a última versão de um navegador, um poderá…
-
Pseudo-class :empty em CSS
O pouco conhecido pseudo-classe :empty é utilizado para selecionar os elementos vazios, elementos sem qualquer conteúdo ou elementos que contenham apenas comentários. É útil para ocultar elementos vazios, por exemplo, que possam causar espaçamentos indesejados. Esse pseudo-classe funciona na maioria dos navegadores. No Internet explorer funciona a partir da versão 9. Confira o suporte do…
-
Pré-processadores HTML
Escrever código HTML é de certa forma uma tarefa cansativa. Um exemplo é o fechamento de tags tais como div, strong, ul, li…, tarefa relativamente simples e rápida, mas imagina se você pudesse escrever somente a tag de abertura dos seus elementos? Com certeza ganharia um tempo preciso. Isso é possível com os pré-processadores HTML.…
-
Conceitos básicos sobre design responsivo em GIFs
O site Froont publicou um artigo esclarecendo alguns princípios básicos sobre web design responsivo. Muito interessante foi a maneira da explicação, tudo feito através de GIFs animados. Nos GIFs é possível compreender conceitos básicos que até mesmo uma pessoa leiga no assunto seria capaz de entender. Criei uma versão semelhante aqui para o blog, porém…
-
Validação de formulário com Foundation
Criar validação de formulário com o Foundation é uma tarefa rápida. Os scripts de validação do framework ficam no componente chamado abide. Foundation utiliza o atributo required da HTML5 para fazer a validação em Formulários. Não esqueça de baixar o Foudation e inserir as chamadas necessárias em suas páginas: Site oficial do Foudation Artigo sobre…