VW e VH: Unidades de medida para CSS matadoras

Você tem um elemento, um modal para captura de email, por exemplo. Precisa que ele ocupe a tela inteira, como você faria?

Até algum tempo atrás a solução seria pegar a altura e largura por JavaScript e inserir via atributo style no elemento. Mas sabemos que não é nada legal usar JavaScript para estilizar, você acabaria tendo que chamar a função para montar essa estrutura em mais de um evento, normalmente no load e no resize, mas no fim funcionaria.

Mas hoje essa não é a unica solução, no futuro nem será uma solução, espero. Hoje apresento duas unidades de medida que são simplesmente matadoras!

Continuar lendo

Só pra Devs: Como burlar o tempo de propagação de DNS no Linux

Você acabou de migrar o site pro endereço final, pro domínio do cliente, mas ainda falta configurar algumas coisas, coisas essas que precisam ser feitas com o site em produção. Mas você não consegue acessar o site, tem que esperar horas pra propagar o DNS — Situação do cotidiano não? Posso apostar que a maioria dos desenvolvedores passam por isso quase sempre. Mas da pra ser evitado, sabia?

Continuar lendo

Usando a Customize API do WordPress

Quem trabalha com WordPress hoje provavelmente usa algum tipo de classe para fazer a página conhecida como Theme Options, já é basicamente um hábito né? — Mas e se eu te falar que existe uma API no core do WordPress com essas funções e, melhor, se eu te falar que os clientes vão poder visualizar as alterações em tempo real através dela?

Genial, não?

Continuar lendo

Exibindo um Query com os ultimos produtos acessados pelo usuário no WooCommerce

Antes de começar, preciso informar que o WooCommerce possui um widget para exibir isso, então, você só usará esse tutorial se o widget não satisfazer suas necessidades, ok?

Continuar lendo

Buscador do Google vai avisar usuários móveis se o site é responsivo

O Google, anunciou que pretende avisar na versão mobile do seu buscador se o site que aparece nos resultados é responsivo ou não. Veja um exemplo de como deve ficar:

Essa é uma grande novidade pra quem trabalha com WordPress, já que nessa área, design responsivo está presente na maioria dos temas criados. Além do mais, essa é uma forma de forçar sites antigos ou fora dos padrões a se atualizarem, já que isso pode acabar influenciando muito os usuários de dispositivos móveis, que hoje no brasil está chegando quase em 100 milhões de pesssoas.

O aviso deve começar a aparecer nas próximas semanas.

Mozilla lança nova versão do Firefox direcionada a desenvolvedores

A Mozilla, lançou, sob o nome de Firefox for Developer Edition, uma versão do Firefox voltada para desenvolvedores web. O navegador vem com grandes novidades uteis, como uma aplicação chamado Valence, que garante emular vários dispositivos para testes direto no browser. Além do Valence, existem outros tantos recursos, como um WebIDE, um editor de textos mais simples (uma espécie de notepad), um modo de visualização responsivo e etc.

O visual também recebeu mudanças nessa versão, contando com cores mais escuras, que agrada muito usuários do Sublime e afins, tornando como foco a concentração no código visualizado.

Abaixo veja algumas das novidades:

A novidade pode ser encontrado nesse link.

Traduzindo o WordPress

Você já tem o wordpress instalado mas ele está em inglês? Saiba como traduzi-lo!

É fácil. Mãos a obra!

Parte #1 – Arquivos

Vá até o site da tradução brasileira: br.wordpress.org
Procure pela versão instalada no seu site e faça download dela.

Dentro do arquivo .zip que você deve baixar, procure a pasta languages, que fica dentro da wp-content. Vá até seu cliente FTP e faça o upload do conteúdo dessa pasta para a mesma pasta remota (wp-content/languages).

Parte #2 – wp-config.php

Procure pelo arquivo wp-config na instalação de seu site, ele estará na pasta raiz. Abra-o com seu editor de texto favorito, dê um CTRL+F e procure por WP_LANG, ele estará num define, como na imagem a seguir:

traduzir-wp

 

Troque a linha com o DEFINE para:

define ('WPLANG', 'pt_BR');

Feito isso seu site deverá estar traduzido e funcionando normalmente 🙂