rss
twitter
  •  

The IE6 Countdown – O ultimato da Microsoft

| Posted in dicas |

0

O Internet Explorer 6 é um câncer. A cura desse câncer é a própria Microsoft. Com a campanha The IE6 Countdown, a Microsoft quer diminuir para 1% o marketshare do IE6 no mundo!

A Microsoft acaba de publicar um website chamado IE6 Countdown, onde ela incentiva a descontinuação do Internet Explorer 6. Esqueça qualquer campanha iniciada por qualquer um… Essa campanha é definitiva e iniciada pela própria Microsoft. Claro, a Microsoft está fazendo com que os usuários migrem do IE6 para o IE8. Ela não indica nenhum outro browser concorrente. Mas realmente isso não importa… O que importa é que os usuários ouçam a voz da Microsoft e parem, defintivamente de utilizar o Internet Explorer.

No site, a Microsoft publica um tabela demonsrativa, onde é comparado as versões do IE, mostrando quais são as vantagens de se fazer o upgrade. Eles também disponibilizam uma barra que você pode colocar em seu site ou em seu projeto incentivando os seus visitantes a atualizarem o browser.

O que eu achei mais importante da iniciativa, é que a Microsoft sabe que algumas empresas tem grandes restrições de atualização de software e por isso eles disponibilizam algum material para facilitar a vida das equipes de TI dessas empresas. Há alguns casos de estudo como a da Dell, Wunderman e Indiana Office of Technology. Juntamente com estes casos de estudo, eles publicaram um estudo de impacto ecônomico referente a migração do IE6 para o IE8.

No último mês, de acordo com a Net Applications, o IE6 detem 12% de marketshare. A Microsoft quer este número reduzido para 1% ou menos.

Essa é a hora de colocarmos força nessa campanha. Mostre para seu chefe. Para aquele seu amigo desenvolvedor cabeça dura que ainda insiste em utilizar o IE6. Mostrei para aquele cliente, grande ou pequeno, que é perda de tempo suportar o IE6 ou qualquer outro browser antigo. Essa é a hora.

Eu iria esperar até o final do carnaval, mas como essa notícia foi muito inesperada, estou publicando agora um PDF simples, onde você pode publicar para qualquer um, principalmente para seu chefe, as desvantagens de suportar o IE6, outros browsers ou meios de acesso antigos, que prejudicam a produção de um projeto. Fique à vontade em baixar este PDF aqui.

Fonte - Tableless

Por Diego Eis

Mas uma do mestre Bruno Ávila

| Posted in design, dicas |

4

O mestre do webdesign apronta mais uma. Inventou agora a série Recriando Sites Pelo Mundo. A idéia é rodar pelo mundo, procurando sites tétricos, mal feitos, horrorosos, e refazer todo o design mostrando que com as técnicas bem aplicadas é possível fazer layouts profissionais em qualquer software gráfico. ehehe, essa quero ver.

Link para o blog de Bruno Ávila

Sistema de Login e Senha com session em 10 video-aulas

| Posted in Video, dicas, php |

0

Fuçando por ai achei essas video-aulas muito boas, feita por  Reginaldo no site Ficheiro Online. Para quem quer criar um sistema de login e senha bacana, vou postar aqui todos os videos que Reginaldo fez. O legal que os videos são bem didaticos, mostrando tudo passo a passo.

Criando Sistema de Login e Senha com SESSION – Parte 01 from Reginaldo Santana on Vimeo.

o que é Dropbox?

| Posted in Computação nas nuvens, dicas |

0

Bom o que é Dropbox? Dropbox é a maneira mais fácil de compartilhar e armazenar seus arquivos online, ou seja, pessoas que utilizam várias maquinas e também SO diferentes e querem manter seus documentos e arquivos disponíveis sem precisar carregar PenDrive ou algum HD Externo Dropbox é a solução.

Você pode perguntar mas como isso é feito? O Dropbox é um programa que usa o conceito de Computação nas Nuvens(cloud computing), que é um modelo de computação em que os dados, arquivos e aplicações residem em servidores físicos ou virtuais, acessíveis por meio de uma rede em qualquer dispositivo compatível. No caso do Dropbox o disco virtual oferece 2GB de espaço e também tem a opção de upgrade para 50GB que custa US$ 9,99 por mês.

Com o Dropbox você pode sincronizar seus arquivos automaticamente para seu computador, na web e em todo lugar que você estiver, independente de plataforma, ou seja, se você alterar um arquivo que esteja no diretório MyDropbox, as alterações são efetivadas automaticamente no servidor web do Dropbox e nas maquinas em que você estiver com o Dropbox instalado.

dropbox-sincroniza

Você também poderá verificar as revisões das alterações dos seus arquivos disponíveis no diretório MyDropbox, tanto pela web como mostra a figura abaixo como no próprio PC, compartilhar seus arquivos com seus amigos.

dropbox-revisao

Para saber mais sobre Dropbox, acesse www.getdropbox.com, lá você terá acesso ao tour de demonstração de utilização do programa, e também outros recursos disponíveis……

Até mais…..

Fonte http://ricardo-correia.blogspot.com

Usando taxonomia e posts personalizados no WordPress 3.0

| Posted in Vida Freela, dicas, wordpress |

0

Usando taxonomia e posts personalizados no WordPress 3.0

Olá pessoal, faz tempo que não posto nada aqui no blog, porém venho com uma dica que provavelmente vai ajudar muita gente. Há muitos tutoriais sobre como registrar posts e taxonomia personalizada, porém não achei nenhum que mostre (de uma forma clara e objetiva)como usá-los no desenvolvimento de um tema, o que vamos ver neste tutorial é o seguinte:

Vamos fazer uma simulação para uma area especifica de um site que terá artigos sobre Séries de TV(então o novo tipo de post será séries) e serão classificados por genêros(então nossa nova taxonomia será genêro), por exemplo, ficção cientifica, terror, comedia(esses são os termos)…

Registrando um post e uma taxonomia personalizada

Para registrar um post personalizado faça o seguinte:

Abra o arquivo functions.php do seu tema e digite o seguinte:

add_action('init', 'series_register');

function series_register() {

	$labels = array(
		'name' => __('Séries'),
		'singular_name' => __('Séries'),
		'add_new' => __('Nova Série'),
		'add_new_item' => __('Adicionar nova serie'),
		'edit_item' => __('Editar Série'),
		'new_item' => __('Nova Série'),
		'view_item' => __('Ver Série'),
		'search_items' => __('Buscar Série'),
		'not_found' =>  __('Nenhuma série encontrada'),
		'not_found_in_trash' => __('Nada encontrado na Lixeira'),
		'parent_item_colon' => ''
	);

	$args = array(
		'labels' => $labels,
		'public' => true,
		'publicly_queryable' => true,
		'show_ui' => true,
		'query_var' => true,
		'rewrite' => true,
		'capability_type' => 'post',
		'hierarchical' => false,
		'menu_position' => null,
		'supports' => array('title','editor')
	  ); 

	register_post_type( 'series' , $args );
}

Já registramos nosso novo post series (register_post_type( ‘series’ , $args );,  para saber mais sobre cada parâmetro da função clique no link – http://codex.wordpress.org/Function_Reference/register_post_type.

Agora vamos registrar nossa nova taxonomia genêro, no mesmo arquivo functions.php digite:

$labels = array(
    'name' => __( 'Gêneros'),
    'singular_name' => __( 'Gênero'),
    'search_items' =>  __( 'Buscar' ),
    'popular_items' => __( 'Mais usados' ),
    'all_items' => __( 'Todos os Gêneros' ),
    'parent_item' => null,
    'parent_item_colon' => null,
    'edit_item' => __( 'Add novo' ),
    'update_item' => __( 'Atualizar' ),
    'add_new_item' => __( 'Adicionar novo Gênero' ),
    'new_item_name' => __( 'Novo' )
  ); 

register_taxonomy('genero', array('series'),
	array(
	'hierarchical' => true,
	'labels' => $labels,
	'singular_label' => 'Gênero',
	'all_items' => 'Todos os Gêneros',
	'query_var' => true,
	'rewrite' => array( 'slug' => 'genero' ))
	);

E importante observar a linha -  ‘rewrite’ => array( ‘slug’ => ‘genero’ )) – onde é reescrito a slug da taxonomia, se você quizer pode deixar ‘rewrite’ => array( ‘slug’ => ‘series/genero’ )) , assim a url fica mais organizada, por exemplo, http://www.dominio.com/series/genero/drama/ e não http://www.dominio.com/genero/drama/ o que ficaria estranha, porém caso você precise usar essa taxonomia em mais de um post personalizado, irá dar problema.

para saber mais sobre cada parâmetro clique no link – http://codex.wordpress.org/Function_Reference/register_taxonomy

Na barra lateral da sua area administrativa  deverá aparecer a seguinte estrutura:



Como exibir a página do post(como o single.php) do post pernalizado criado

Para exibir o post de um tipo de post personalizado basta ter o single.php no seu tema, porém caso você precise exibir este posts de uma forma diferente terá que criar um arquivo single-custom-post.php, então nosso arquivo se chamará single-series.php e será usada sempre que surgir uma url – http://www.dominio.com/series/slug-do-post

Como listar os termos de uma taxonomia customizada

Para listar os termos da taxonomia(genero) criada, basta as seguintes linhas:

<ul>
<?php wp_list_categories('taxonomy=genero'); ?>
</ul>

Você pode consultar mais parâmetros da função wp_list_category() no link – http://codex.wordpress.org/Template_Tags/wp_list_categories

Como exibir todos os posts de um termo da nova taxonomia criada

A exibição dos posts dos termos é semelhante aos dos posts simples, você só precisará criar um arquivo com o nome taxonomy-taxonomy.php, então nosso arquivo irá se chamar taxonomy-genero.php, assim quando for solicitado, por exemplo a url – http://www.dominio.com/genero/drama, o arquivo taxonomy-genero.php entrará em ação e listará todos os posts assim como o arquivo category.php faz.

Como exibir todos os posts do tipo de post pernalizado criado

Para exibir todos os posts do tipo de post series faremos o seguinte:

Crie um arquivo chamado series.php, abra ele e no topo do documento digite:

<?php
/*
Template Name: Séries
*/
?>

Assim criaremos uma pagina personalizada, então crie uma nova pagina chamada Séries e em Atributos de página escolha o modelo Séries, veja a imagem a baixo.

Agora antes do loop, digite o seguinte:

<?php query_posts( array( 'post_type' => 'series' ) );?>

onde post_type => series, indica o post que será chamado, que no nosso caso é series, para consulta outros parâmetros da função query_posts() acesse – http://codex.wordpress.org/Function_Reference/query_posts.

Nota:

Caso apareça erro 404 ao tentar carregar a alguma pagina, reescreva seu arquivo .htaccess indo em configurações > link permanentes .

É isso pessoal, há muita coisa para ser explicado ainda, mas ficará para outro post, essas novas funções não são um assunto muito complexo e sim muito amplo, dando a possibilidade de fazer muitas coisas, quem tiver algo a perguntar e/ou a acrecentar não hesite em colocar nos comentários.

fonte: http://www.marcelotorresweb.com/blog/

COMO COLOCAR UMA ÁREA ‘LEIA TAMBÉM’ EM SEU BLOG

| Posted in dicas, plugins wordpress, wordpress |

3

Um visitante do WordPress rules deixou um comentário perguntando qual plugin uso no “leia também” do site. Vai ai abaixo um tutozinho de como utilizar o linkWithin.

LinkWithin é uma ferramenta extremamente simples e que proporciona um visual bastante atraente para seus blogs. Além disso, em testes que eu fiz essa ferramenta apresentou compatibilidade com os principais navegadores, o que é um ganho muito grande com relação as demais.
Acesse o site aqui, e preencha o quadro abaixo que aparecerá:

LinkWithin

Nesta tela voce deverá preencher seus dados, sendo que é importante selecionarem a plataforma correta, pois o código será baseado na sua plataforma e poderá apresentar imcompatibilidade de uma para outra. Após preencher os dados clique em Get Widget.

Será carregada esta nova tela, onde voce deverá apenas clicar no botão Install widget.

LinkWithin

Após clicado em Install Widget, uma vez que a plataforma for Blogger como exemplo, será carregada automaticamente a pagina para adicionar o elemento em sua pagina. Nesta tela altere o titulo e clique em Adicionar Widget.

Elemento Pagina

Será carregado então a área de configurações de seu blog, onde voce deverá arrastar o widget criado na barra lateral para o centro do seu blog, logo abaixo dos posts. (Vide imagem abaixo).

Layout Blogger

Pronto! Carregue seu blog e veja o resultado.

Leia tambem

Um abraço a todos e até a próxima.

Fonte – http://www.publicidade-na-web.com

10 novas dicas, truques e hacks para WordPress

| Posted in dicas, wordpress |

1

A cada dia, o WordPress torna-se o melhor CMS do mundo. Depois de ter sido anunciado que todos os blogs do Windows Live Writer passarão, nos próximos seis meses, para o WordPress, voltamos à carga com 10 novas dicas para WordPress que você poderá usar sem restrições para otimizar ao máximo seu blog. Conforme referido pelos amigos do CatsWhoCode, regularmente estão saindo novos hacks e truques para explorar ao máximo as potencialidades no seu blog WordPress.

Tome nota das 10 novas dicas para WordPress que temos para você:

1. Remova a auto-linkagem nos comentários

Se alguém deixar um comentário em seu blog com um URL, esse URL será automaticamente transformado num link pelo WordPress. Embora isso possa ser útil, haverá certamente muitos usuários que não gostam de ver os links nos seus comentários.

Remover a auto-linkagem é na verdade muito simples. Copie e cole o código seguinte no seu arquivo functions.php. Assim que você salvá-lo, você irá reparar que os auto-links foram todos removidos.

remove_filter('comment_text', 'make_clickable', 9);

2. Notifique seus usuários de novas postagens

Se você estiver em um blog privado em WordPress, talvez seja interessante notificar seus usuários quando você publicar um novo conteúdo. Essa dica faz com que o WordPress verifique todos os endereços de e-mail de seus usuários na base de dados e envia-lhes automaticamente um e-mail sempre que você publicar uma nova postagem.

Obviamente, você não deverá colocar essa opção em seu blog, dado que o usuário não tem como remover a subscrição de e-mail, tornando-se, por ventura, um ato de spam exagerado e indesejável. Tenha cuidado na abordagem que faz.

function email_members($post_ID)  {
    global $wpdb;
    $usersarray = $wpdb->get_results("SELECT user_email FROM $wpdb->users;");
    $users = implode(",", $usersarray);
    mail($users, "Nova postagem online!", 'Foi publicada uma nova postagem em http://www.wordpress-love.com');
    return $post_ID;
}

add_action('publish_post', 'email_members');

3. Datas em formato Twitter

Mostrar as suas datas num formato “há 5 dias” está se tornando muito popular nos blogs graças ao Twitter.

Existem muitas dicas complexas para conseguir fazer isso em blogs WordPress, no entanto, poucos sabem que o próprio WordPress tem uma funcionalidade interna para fazer algo parecido: human_time_diff().

Basta copiar e colar o seguinte código no loop das suas postagens, e ele irá mostrá-las num formato tipo Twitter.

Posted <?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' ago'; ?>

4. Mostrar thumbnails (miniaturas) nos RSS feeds

Introduzida no WordPress 2.9, a funcionalidade the_post_thumbnail() é muito útil para mostrar uma imagem de thumbnail (miniatura) anexada às suas postagens. Infelizmente, não existe nenhuma forma integrada no WordPress para fazer com que você possa mostrar esses thumbnails nas suas postagens de RSS feed.

Felizmente, a função seguinte consegue resolver esse problema. Copie e cole-a no seu arquivo functions.php, guarde-o, e os seus thumbnails irão começar a ser mostrados nos seus RSS feed.

function diw_post_thumbnail_feeds($content) {
    global $post;
    if(has_post_thumbnail($post->ID)) {
        $content = '<div>' . get_the_post_thumbnail($post->ID) . '</div>' . $content;
    }
    return $content;
}
add_filter('the_excerpt_rss', 'diw_post_thumbnail_feeds');
add_filter('the_content_feed', 'diw_post_thumbnail_feeds');

5. Bloqueie pedidos externos

Originalmente, o WordPress faz pedidos externos para indicar a certos serviços que o seu blog está atualizado e também para carregar as informações do WordPress news que são mostradas no seu painel de controle. Pessoalmente, as notícias do WordPress não me interessam muito, dado que sigo todas elas nos canais da empresa, mas remover esses pedidos externos pode ser uma mais-valia. Adicione simplesmente a seguinte linha de código a seu arquivo wp-config.php:

define('WP_HTTP_BLOCK_EXTERNAL', true);

Se precisar de aceitar alguns pedidos externos, você pode criar uma lista de permissões:

define('WP_ACCESSIBLE_HOSTS', 'rpc.pingomatic.com');

Essa linha de código tem de ser colada igualmente no seu arquivo wp-config.php.

6. Modo debug fácil

Quando as coisas correm mal, você pode sempre recorrer à super útil ferramenta de debug do WordPress, WP_DEBUG. Originalmente, você tem de colar uma linha de código em seu arquivo wp-config.php para tornar o modo debug disponível.

Se você necessitar acessar de forma fácil o modo debug, mesmo quando seu site está online, você deverá editar seu arquivo wp-config.php e substituir:

define('WP_DEBUG', true);

por:

if ( isset($_GET['debug']) && $_GET['debug'] == 'debug')
  define('WP_DEBUG', true);

Depois de feito, adicione simplesmente um parâmetro GET ao seu URL da página onde pretende colocar o debug. Exemplo:

http://www.wordpress-love.com/sobre?debug=debug

Por razões óbvias de segurança, você deverá dar um nome ao “debug” diferente, de forma que ninguém possa colocar seu blog em modo debug também.

7. Usar shortcodes em arquivos de template

Os WordPress shortcodes são uma excelente forma de você adicionar conteúdos do tipo rss feeds, google maps, galerias, entre outros, nos seus posts ou páginas. Mas que tal colocar shortcodes diretamente a partir do seu template?

Existe uma função integrada ao WordPress, mas a grande maioria dos usuários nunca ouviu falar dela. A função chama-se do_shortcode().

do_shortcode('
');


8. Permitir o upload de mais tipos de arquivos

Se você alguma vez tentou carregar arquivos não muito comuns como os Textmate .tmCommand no seu blog WordPress, provavelmente teve como resultado um erro, porque na verdade o WordPress não aceita esse tipo de arquivos.

Felizmente, você pode acrescentar novos tipos de arquivos às listagens permitidas pelo WordPress. Fazê-lo é muito fácil. Copie e cole o seguinte código no seu arquivo functions.php, e está feito. Note, no entanto, a forma como separamos os diferentes tipos de arquivos.

function addUploadMimes($mimes) {
    $mimes = array_merge($mimes, array(
        'tmbundle|tmCommand|tmDragCommand|tmSnippet|tmLanguage|tmPreferences' => 'application/octet-stream'
    ));
    return $mimes;
}
add_filter('upload_mimes', 'addUploadMimes');

9. Shortcode para visualizador de PDFs do Google Docs

O Google Docs é uma excelente forma de ler arquivos .pdf, .doc ou .xls online. Portanto, se você desejar partilhar um arquivo PDF com seus leitores, que tal criar um shortcode para esse PDF em vez de forçar o download?

Copie e cole a seguinte função em seu arquivo functions.php.

function pdflink($attr, $content) {
    return '<a href="http://docs.google.com/viewer?url=' . $attr['href'] . '">'.$content.'</a>';
}
add_shortcode('pdf', 'pdflink');

Assim que guardar o arquivo, poderá usar o shortcode nos seus posts e em suas páginas. Eis a sintaxe:

[pdf href="http://seusite.com/linkpara/ficheiro.pdf"]Ver PDF[/pdf]

10. Detectar browser do usuário via WordPress

Este truque não é tão novo quanto os outros, mas é um dos mais engraçados. O que esse código faz concretamente é detetar o nome do browser do visitante e adicioná-lo à função body_class().

Dessa forma, você pode corrigir bugs que seu blog tenha em browsers específicos. Essa função tem de ser copiada e colada no seu arquivo functions.php.

add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
    global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;

    if($is_lynx) $classes[] = 'lynx';
    elseif($is_gecko) $classes[] = 'gecko';
    elseif($is_opera) $classes[] = 'opera';
    elseif($is_NS4) $classes[] = 'ns4';
    elseif($is_safari) $classes[] = 'safari';
    elseif($is_chrome) $classes[] = 'chrome';
    elseif($is_IE) $classes[] = 'ie';
    else $classes[] = 'unknown';

    if($is_iphone) $classes[] = 'iphone';
    return $classes;
}

Até já e bons truques!

fonte: imasters

As permissões de usuários do WP

| Posted in dicas, wordpress |

6

Permissões de cada perfil:

Todos os perfis têm acesso à:

  • Personalização do próprio perfil através da aba “Perfil”.
  • Visualização da aba “Painel” completo ou incompleto.
  • Visualizar a aba “Ferramentas”, a opção de aceleração do WordPress.

Assinante:

Possui acesso as informações do “Painel” como as estatísticas de postagens e comentários, assim como a visualização de todos as informações e gráficos contidas no mesmo. Além disso ele tem acesso a aba “Perfil”, onde poderá editar as próprias informações. E também terá acesso a algumas opções da aba “Ferramentas”, a responsável por acelerar o WordPress.

Em alguns casos (não sei o motivo), como a instalação do plugin PHP Speedy, o assinante terá acesso a todas as configurações do plugin. Acredito que, talvez, seja um erro de programação do responsável pelo plugin.

Administrador:

Digamos que, de certa forma, ele é o deus do blog – claro que é. Tem poder supremo em todas as abas e configurações, manda e desmanda, excluí e incluí. Não tenho motivos para comentar sobre esse perfil, ou tenho?

Editor:

Este perfil tem acesso a várias áreas do site, ele pode:

  • Editar (e criar) postagens criados por ele próprio ou por outros usuários.
  • Criar, editar e excluir categorias e tags.
  • Criar e editar listas de links, podendo também excluí-los.
  • Criar e editar as páginas, assim como excluí-las se necessário.
  • Excluir, aprovar, rejeitar e responder comentários.
  • Acessar e enviar imagens e arquivos para o servidor através da aba “Mídia”.

Autor:

Tem acesso reduzido em comparação com o editor:

  • Pode visualizar a aba “Painel” como todos os outros perfis.
  • Tem permissão para criar novas postagens e editar somente as criador por ele próprio.
  • Pode enviar arquivos para o servidor utilizando a aba “Mídia”, mas não pode excluir arquivos enviados por outros usuários.
  • Pode visualizar comentários e aprová-los quando feitos em seus próprios artigos.
  • Acessar algumas opções na aba “Configurações”, quando disponíveis.

Colaborador:

  • Também tem acesso a aba “Painel”.
  • Pode criar novos posts, entretanto esses irão para a fila de moderação e deverão ser aprovados por um administrador. Também pode editar e excluir postagens feitas por ele mesmo.
  • Não pode enviar imagens e arquivos.
  • Tem acesso a aba “Comentários”, porém não tem permissão para aprová-los ou excluí-los.
  • Tem acesso a algumas opções da aba “Configurações”, quando disponíveis.

Meu painel personalizado do WordPress

| Posted in Vida Freela, dicas, wordpress |

0

Como vocês podem ver na imagem acima, o painel administrativo do WordPress que uso para gerenciar o site dos clientes tem a minha logomarca no topo, facilitando o acesso a meu portfolio, curriculo e contatos. Como fiz isso? simples, editei o arquivo admin-header.php, que fica dentro da pasta admin do  wordpress. Coloquei o seguinte código em html onde queria que aparecesse a logo e a div:

<div style=”padding:2px 0px;text-align:center;background-color:#242714;width:100%;height:36px;”>

<a href=”http://www.danielbarbosa.com.br/webdesign”  target=”_blank”><img src=”http://danielbarbosa.com.br/wpdanielbarbosa2/wp-content/uploads/2010/10/db.png” /></a>

</div>

Simples não?

E para ter esse visual bacanudo com menu dropdown usei o plugin Fluency admin.

Mãos a obra, seja criativo e personalize seu wordpress também, mas nunca esquecendo de citar os verdadeiros desenvolvedores do wp e dos temas.

Dica de livro – How To Be a Rockstar WordPress Designer

| Posted in Vida Freela, dicas, wordpress |

0

Ótimo livro sobre desenvolvimento com wordpress, no livro você aprenderá a criar 3 temas e terá muitas dicas bacanas, Vale a pena o investimento. Saiba mais sobre ele no site Rockable