Pinceladas da Web

Guia CSS – 6ª parte: Spans

Postado por: Pedro Rogério em 25 de julho de 2006

25 jul
3

Spans são similares as divisões, a não ser que sejam um elemento in-line ou um elemento de bloco. Nenhuma quebra de linha é criada quando um span é declarado. Você pode por exemplo usar span para estilizar áreas específicas do seu texto, como você pode ver no exemplo abaixo:

<span class="italico">Esse texto irá ficar em itálico</span>

O CSS fica da seguinte forma:


.italico { font-style:italic; }

Tradução do artigo original de: CSS Basics.

Apresentações amigáveis na web

Postado por: Pedro Rogério em 24 de julho de 2006

24 jul
5

Hoje em dia, praticamente tudo de que você precisa está na Web, como editores de texto on-line, até um sistema operacional eles já inventaram, mas e quando você precisa fazer uma apresentação, seja para um cliente, seja em uma conferência, com certeza você recorreria ao velho amigo Power Point, com aqueles velhos templates, péssimas conbinações de cores, horríveis clip-arts, fontes pequenas que variam a cada slide, mas essa era já acabou, com o uso de AJAX, é possível fazer muita coisa interessante, como vocês podem ver nos links disponibilizados abaixo:

Uma vez programando errado – Sempre dará errado

Postado por: Pedro Rogério em 21 de julho de 2006

21 jul
3

Manter o seu código organizado e bem estruturado não é luxo de nenhum programador, pelo contrário, não importa a linguagem em que você está programando, seja ela HTML, CSS, ASP, JavaScript, PHP, manter um código limpo e claro é essencial para uma eventual manutenção e compreensão, tanto sua como de terceiros. Principalmente se você trabalha em uma agência, onde existe toda uma equipe de desenvolvimento, manter o código limpo é primordial para o desenrolar dos projetos.

Peguemos como exemplo a área de CSS, onde temos que definir nomes para várias classes, devemos procurar dar nomes adequados, seja para os arquivos, para as classes ou para IDs. Pra você ver como pode haver uma confusão, você fez aquele site lindo para o seu cliente, código o mais semântico possível, e lá você tem um menu que fica do lado direito, logicamente, você quer colocar o nome de sua referência como menudireita, mas o cliente lhe liga pedindo que mudou de idéia, quer o menu no topo do site, você tem uma div chamada menudireita que fica no topo do site, entendeu agora a extensão do problema, você agora teria que mexer não só no CSS, mas também no HTML, não seria mais fácil, se você tiver um só menu em seu site, chamá-lo simplesmente de menu? Por isso é que devemos usar nomes simples e diretos para tudo, referentes as suas funções, por que programando uma vez errado, sempre dará errado!

Utilizando atributos alt equivalente as imagens

Postado por: Pedro Rogério em 20 de julho de 2006

20 jul
1

Em um artigo anterior, eu falei como fazer o uso correto da tag alt em imagens, como vocês podem ver, é rotineiro os usuários usarem a tag alt como tooltip, mas essa não é a verdadeira função dessa tag, sua função é proporcionar um texto altenativo caso as imagens não sejam carregadas, por exemplo, os leitores de tela, eles lêem o texto do atributo para o usuário. Um outro exemplo é o Google Image Searchs, ele não faz o uso das tags meta para indexar as imagens em seu banco, ele também faz o uso das tags alt, por isso a importância de se fornecer um texto que tenha conivência com as imagens.

Continuar lendo »

O MITO DAS CSS

Postado por: Pedro Rogério em 19 de julho de 2006

19 jul
5

É claro que sites desenvolvidos em CSS carregam mais rápido, a manutenção é mais fácil pelo fato de você editar somente um arquivo, mas existem aqueles que querem provar o contrário. A minha opnião referente ao assunto é a seguinte: Vou continuar desenvolvendo meus sites com CSS.

POSTS PROGRAMADOS NO WORDPRESS

Postado por: Pedro Rogério em 18 de julho de 2006

18 jul
2

Existe uma função desconhecida para os iniciantes no WordPress que é a opção de publicar posts em uma data futura, por exemplo, eu estou aqui escrevendo esse artigo, em plena quinta-feira, mas ele vai estar programado para ir para o blog somente na terça-feira (ou seja, hoje), e é muito simples fazer isso:

Comece escrevendo um artigo normalmente, do lado direito da janela de digitação, você irá encontrar a opção data e hora do artigo, selecione a opção editar data, aí é só escolher a data e o horário do post, após isso é só clicar no botão publicar. Se você agora reparar em seu dashboard, você irá ver que lá apareceu uma nova área: Itens programados, com a contagem regressiva para a entrada do seu post.

Mas como tudo não é um mar de rosas, existe uma pequena desvantagem em usar posts programados, o que acontece é que o WordPress não enviará um ping de notificação aos serviços de atualização do seu blog. Mas existe um plug-in para corrigir essa falha, ele se chama WP-Cron Future Pings, que é parte integrante do plug-in WP-Cron, um conjunto de plug-ins que executam ações programadas no WordPress, sua instalação é tão simples quanto qualquer outro plug-in, é só mandá-lo para o servidor e ativá-lo no painel de extensões.

Uma das vantagens de se usar posts programados são de que você pode escrever vários posts e optar por publicá-los em dias e horários diferentes, ou até mesmo escolher para publicá-los no horário em que a maior tráfego em seu blog.