Categoria: Tutoriais

  • Pensando em React

    Pensando em React

    Dominar a arte da componentização é a chave para dominar o React. Este guia prático irá guiá-lo passo a passo desde a criação de mocks até a construção de componentes reutilizáveis e escaláveis. Comece com um mock simples: Imagine a seguinte tela: uma coleção de portfólios, cada um com foto, descrição, URL, empresa, design e…

  • Por que REACT JS?

    Por que REACT JS?

    React JS é o assunto do momento no Brasil e Europa, nos EUA já faz sucesso a mais de um ano o framework do Facebook apenas confirma a sua força este ano. React JS é a tecnologia chave requisitadas nas principais vagas de front aqui na Europa tirando o espaço do Angular ainda bastante forte. Como…

  • Padrões de código JavaScript no WordPress

    Padrões de código JavaScript no WordPress

    Em busca da produtividade e legibilidade do código presente nos temas a equipe do Core do WordPress escreveu uma seção para falar sobre padrões de código JavaScript para plataforma. Esse é o segundo post da sobre o assunto no post anterior falei sobre padronização de código CSS, Nesse post vamos abordar padrões de escrita para…

  • Observe a orientação do device com JavaScript

    Com JavaScript podemos observar a orientação do device, também é possível realizar este tratamento com CSS, mas isso fica restrito a questões visuais, caso queria realizar algum tratamento lógico na nossa aplicação podemos utilizar JavaScript. Como acompanhar a orientação do device com javascript? Temos “N” possibilidades de acompanhar a orientação do device com JavaScript, nesse…

  • Trabalhando gestos com Hammer.js

    Hammer é uma biblioteca JavaScript que dispara eventos para os gestos realizados nas suas aplicações com HTML+JS. O Hammer.js é simples de usar, como muitas bibliotecas ele usa o esquema “jQuery-like”. Como utilizar o hammer.js? Para utilizar a biblioteca de gestos precisamos dos seguintes passos, carregar a biblioteca do Hammer disponível no link: http://eightmedia.github.io/hammer.js/. Além…

  • Crie accordion sem JavaScript

    Crie accordion sem JavaScript

    A tag HTML details nos permite criar um accordion sem JavaScript e nesse poste você ver como usa-la, ela pode ser útil para obter informações adicionais sobre uma determinada informação, resumindo um accordion.

  • Crie um SMS com HTML

    Crie um SMS com HTML

    Você sabia que é possível preparar um envio de uma SMS via tag . Isso é um recurso bem antigo(início de 2010) dos primórdios do HTML Mobile e podemos usar este recurso bem útil e otimizar a experiência do usuário.

  • Padrões de escrita de CSS

    Padrões de escrita de CSS

    Uma das dicas do Claudio Sanches em sua palestra, foi sobre o HandBook do WordPress documentação gerada pela equipe do Core do WordPress, nela contém dicas sobre codificação de CSS, HTML, JavaScript e PHP. Fiquei muito interessado no assunto e neste post vou traduzir os principais pontos do Handbook sobre CSS. Lembrando que esses padrões…

  • Auto resposta com Contact form 7

    Um dos grupos que participo surgiu a pergunta: “Como criar uma Auto resposta com o Contact form 7?”. Auto reposta ou auto-reply para alguns. E nesse post iremos abordar uma solução bem simples. Contact form 7 Contact form 7 ainda é um dos plugin mais popular para criar formulários de contato, com uma mecânica bem…

  • Background Personalizado WordPress

    Background Personalizado WordPress

    A função do wordpress add_custom_background() usada no functions.php, foi substituida pela função add_theme_support(‘custom-background’) na versão 3.4. Além de definir o recurso em que você quer adicionar ao tema no caso o background customizado(custom-background) o segundo parâmetro que passamos é um array com as propriedades default: cores, imagem de background, as funções de callback(no wp_head, no…