Autor: victei

Categorias
Software

Codec da Google pode reduzir tamanho dos vídeos 4K

codec vp

Novo codec da Google promete cortar tamanho dos vídeos em 4K. Empresa espera que VP10 se torne padrão até ao final do próximo ano… Em entrevista ao CNet, James Bankoski, engenheiro da Google, explicou os detalhes do codec VP10. Além de uma série de melhorias, como performance, cores e brilho, este codec vai fazer uma compressão mais eficiente que pode cortar o tamanho de um vídeo em 4K pela metade. Ainda que, segundo o Gizmodo, o codec ideal entregue imagens ricas e com detalhes sem consumir muita bateria e processamento dos computadores e smartphones, o VP10 deverá consumir cerca de 40% mais do que o VP9, o seu antecessor. A Google, de acordo com o Gizmodo, espera ter o VP10… Continuar a ler

Categorias
CSS Programação Tutoriais

Remover o fundo amarelo dos anúncios Google Adsense

fundo amarelo dos anuncios adsense

Você certamente já se deparou com um fundo amarelo antes do carregamento do anúncio Google AdSense, tanto no código antigo como no novo código responsivo? Há duas razões pelas quais um site pode mostrar esse fundo amarelo: 1. Muitos sites em WordPress ou não, na folha de estilo CSS vem definindo a tag html <ins> com amarelo por padrão. A cor hex do amarelo usado é #fff9c0. 2. A tag HTML <ins> está definida em torno de um anúncio Google: <ins>script do anúncio</ins>. A definição do atribuito ins é a seguinte: A tag <ins> define um texto que foi inserido num documento. É comumente usado para marcação de atualizações e modificações feitas em um site. Como o Adsense acaba sendo… Continuar a ler

Categorias
Programação Wordpress

Shortcode artigos recentes de uma categoria WordPress

shortcodes wordpress

Grande quantidade de usuários quando criam o seu site, sabe muito pouco sobre os tipos de personalização a fazer para ter um site bem funcional. Na maior parte das vezes recorresse ao mais fácil usando plugins que permite especificar o que queremos, mas depois pode acontecer o pior! O uso excessivo de plugins começa a causar conflitos com as configurações de layout… Então, eu normalmente tento limitar o uso de plugins, crio shortcodes que na maior parte das vezes resolve o meu problema. Hoje vamos ver um desses códigos que me permitir mostrar posts recentes de apenas uma categoria… A criação do Shortcode /** * Shortcode to output recent posts from one category */ function display_recent_posts() { $args = array(… Continuar a ler

Categorias
Programação Wordpress

WordPress – Atualizar base de dados após mudar de domínio

wordpress base de dados

Como atualizar base de dados do WordPress, após mudarmos de servidor e domínio, quando as imagens e links aparecem quebrados, remetendo ao seu domínio antigo… É muito comum após uma mudança de servidor e domínio termos de realizar diversas limpezas na base de dados para atualização da mesma. Também devemos fazer o mesmo quando trabalhamos em um ambiente de desenvolvimento (geralmente numa máquina local) antes de colocarem o seu trabalho online. Este problema é devido ao WordPress gravar em sua base de dados o nome absoluto dos links e imagens. Existem vários plugins que o podem auxiliar, mas, se preferir corrigir as imagens e os links manualmente, isso pode ser feito diretamente na base de dados com alguns comandos SQL…. Continuar a ler

Categorias
CSS HTML Programação

Menu drop-down responsivo

menu drop down responsivo

Como criar um menu drop-down responsivo é uma das perguntas mais comuns que fazemos quando não encontramos nada adequados ao nosso site/blog. Muitos de nós até percebemos de html e css, mas quando chega a hora de fazer alterações ou de criar um, surge a dúvida, como deve ficar o menu drop-down em um celular ou tablet? Resolvemos assim mostrar como criar um Menu drop-down responsivo. Vamos fornecer a informação necessária e explicar como tudo deve de ser feito, usando sempre uma linguagem simples para que todos possam entender. Eu preparei uma só “Media Queries”, penso ser o suficiente para funcionar em quase todas as resoluções disponíveis para telemóveis, tablets, notebooks e desktops. /* ————————————————————– 2. MEDIA QUERIES ————————————————————– */… Continuar a ler

Categorias
Programação Wordpress

WordPress: como criar tabelas na base de dados com um plugin

wordpress criar tabelas bd

O WordPress usa pouco SQL para aceder à base de dados. Em vez disso, fornece uma classe de funções para toda manipulação em banco de dados… A classe é baseada na ezSQL escrita e mantida por Justin Vincent e se chama class WPDB. Esta classe gere todas as tabelas da base de dados e seus conteúdos. É responsável por toda a conexão do WordPress. É possível obviamente usarmos essa classe para criarmos a nossas próprias tabelas, ou simplesmente retirar ou guardar dados usando SQL. Embora os developers sugerem a utilização dos Custom Post Types e da tabela wp_posts para guardar dados, por vezes é necessário criar uma tabela específica pois a sua estrutura é muito diferente. A classe está disponível… Continuar a ler

Categorias
CSS Tutoriais

CSS: Conheça o “box-sizing:border-box”

Neste artigo iremos ver a diferença ao usar o box model padrão do CSS e do “box-sizing” do CSS3, ambos no mesmo elemento… Todo elemento no HTML é como uma caixa, nós controlamos o seu tamanho com “width“, sua borda com “border” e ainda temos as margens externas e internas com “margin” e “padding“. O box model tradicional da especificação tem uma regra bastante confusa: a propriedade width trata do tamanho do conteúdo do elemento, não considerando seu padding e border, o mesmo coisa se passa com a altura (height). Com o box model padrão do CSS por vezes éramos surpreendidos com resultados não esperados. Agora com o “box-sizing” que quando configurado com o valor “border-box” num elemento, o espaçamento… Continuar a ler

Categorias
Programação Wordpress

Anúncios do adsense só para leitores vindos dos motores de pesquisa

anuncios adsense

Penso que todos os webmasters sabem, pois está mais do que comprovado, que, as pessoas que clicam em anúncios são paraquedistas vindos dos motores de pesquisa, e não leitores regulares que visitam suas páginas por referência, pois esses são cegos quanto à publicidade contextualizada. Pensando nisso pode ser uma ótima ideia exibir os anúncios apenas para usuários que chegam ao seu site ou blog pelos resultados de pesquisa, que pode resultar em muitos mais cliques e posteriormente num CTR mais elevado. Este assunto está relacionado com o Google Smart Pricing, para quem desconhece este problema, sugiro que leia um pouco sobre o assunto, porque pode estar a perder dinheiro em seus sites ou blogs. No site “escoladinheiro” têm um artigo… Continuar a ler

Categorias
CSS HTML Programação

Slideshow: efeito de deslizamento de imagem com CSS e jQuery

Hoje vamos falar sobre CSS e jQuery e vamos ver como criar facilmente um simples slideshow, com um efeito de deslizamento, suave e automático de imagem usando HTML/CSS/Javascript. Veja outro slideshow muito simples, usando apenas HTML, CSS e o jQuery, com vários efeitos, muito suave, autoPlay automático, entre muitas outras funcionalidades, muito simples mas muito atrativo e funcional. Escolher a melhor apresentação de slides ou plugins jQuery galeria pode ser um problema, devido a grande quantidade que podemos encontrar na Internet. Existem diferentes tipos de controles e efeitos para escolher, e é importante analisar as opções para obter o design certo para o nosso site. Podemos incluí sliders imagem básicos, slider de conteúdo misto, sliders Galeria, sliders carrossel, rotadores de… Continuar a ler