Erika Sarti | portfolio web designer » Artigos

Boas práticas para a formatação de links

Erika Sarti — Sun, 11 Jul 2010 14:00:29 +0000

Podemos dizer que o hiperlink, ou simplesmente link, é o elemento de comunicação que faz a Web funcionar. Por meio dele, ligamos as páginas dentro de um site, e um site a outros da internet. Por ser tão importante, necessita estar inserido no layout de maneira clara, já que geralmente o usuário não lê todo o texto para saber do que se trata o link: em vez disso, costuma apenas realizar uma “varredura” rápida, à procura da informação que necessita.

Assim, o link deve informar ao visitante rapidamente onde irá levá-lo. Por esse motivo, o InfoWester apresenta este artigo, onde você conhecerá orientações simples, mas importantes para melhorar a estilização dos links da sua página, aumentando a usabilidade do site.

Continue lendo “Boas práticas para a formatação de links” no InfoWester…

CSS3: sombras com as propriedades text-shadow e box-shadow

Erika Sarti — Sun, 07 Mar 2010 14:04:25 +0000

Nesta matéria, vamos conhecer as propriedades text-shadow e box-shadow. A primeira é utilizada para adicionar sombras em textos. A segunda, por sua vez, é usada para aplicação de sombras em bordas. Sim, a possibilidade de adicionar sombras é uma das várias vantagens do CSS3 e por um motivo muito simples: elimina a necessidade de utilização de imagens para a criação desses efeitos.

Continue lendo “Novidades do CSS3: sombras em textos e bordas com as propriedades text-shadow e box-shadow” no InfoWester…

Novidades no CSS3: bordas arredondadas com border-radius

Erika Sarti — Fri, 15 Jan 2010 20:35:08 +0000

Mesmo com muitos recursos disponíveis no CSS, ainda sentimos falta de algumas propriedades que facilitariam o nosso trabalho. Com base nisso, o CSS3, novo padrão para folhas de estilo que está sendo definido pelo W3C, trará algumas novidades bem interessantes. Neste artigo, vamos conhecer a propriedade border-radius, usada para criar bordas arredondadas. Apesar de ainda não ser suportado por todos os navegadores, este é um recurso que você já pode usar desde agora.

Continue lendo “Novidade do CSS3: bordas arredondadas” no InfoWester…

Introdução ao HTML 5

Erika Sarti — Tue, 01 Dec 2009 13:46:12 +0000

Desde 1999, o desenvolvimento da linguagem HTML (HyperText Markup Language) ficou estacionado na versão 4. De lá pra cá, a W3C esteve focada em linguagens como XML (Extensible Markup Language) e SVG (Scalable Vector Graphics – o uso de gráficos vetoriais em navegadores). Enquanto isso, os navegadores estiveram preocupados em desenvolver suas funcionalidades, como exibir páginas em abas e oferecer a integração com leitores de RSS. Porém, recentemente organizações como Mozilla Foundation, Opera e Apple se uniram para atualizar o HTML e implementar nele novas funcionalidades.

Neste artigo veremos as novidades que o HTML 5 traz. Para quem está se familiarizando agora com o HTML, sem preocupações: os elementos tradicionais continuam os mesmos, já que o HTML 5 foi desenvolvido pensando também em todos os usuários que não utilizam os navegadores mais recentes do mercado.

Continue lendo “Introdução ao HTML 5″ no InfoWester…

O básico do SEO – Search Engine Optimization (parte 3)

Erika Sarti — Mon, 14 Sep 2009 16:29:43 +0000

O terceiro e último artigo sobre SEO – Search Engine Optimization – foi publicado ontem no InfoWester. Ele trata dos fatores externos para melhorar a otimização do seu site nos mecanismos de busca, além das técnicas conhecidas como black hat SEO, que podem prejudicar o seu posicionamento (ou até mesmo banir seu site dos resultados).

Leia “O básico do SEO – Search Engine Optimization (parte 3)” no InfoWester.

O básico do SEO – Search Engine Optimization (parte 2)

Erika Sarti — Mon, 31 Aug 2009 18:26:18 +0000

Está no ar o segundo artigo da série sobre SEO – Search Engine Optimization. O texto desta semana trata de algumas técnicas básicas que envolvem o planejamento e a publicação de um site: nomes de arquivos e pastas, meta-tags, e o uso de um sitemap e do arquivo robots.txt.

Leia “O básico do SEO – Search Engine Optimization (parte 2)” no InfoWester ou acesse o primeiro artigo da série.

O básico do SEO – Search Engine Optimization (parte 1)

Erika Sarti — Thu, 13 Aug 2009 11:36:25 +0000

SEO (ou Search Engine Optimization – Otimização para Mecanismos de Busca) é o conjunto de técnicas usadas para melhorar o posicionamento de um site nos buscadores, como o Google e o Bing. O objetivo dessas técnicas é aumentar o tráfego em um site posicionando-o nas primeiras páginas dos resultados orgânicos (ou seja, os resultados da busca que não são links patrocinados).

Esse é o tema desta série de três artigos. Neste primeiro, vamos ver algumas técnicas básicas que envolvem a otimização do conteúdo.

Continue lendo “O básico do SEO – Search Engine Optimization (parte 1)” no InfoWester…

Tags HTML quase desconhecidas, mas muito úteis para as suas tabelas

Erika Sarti — Fri, 29 May 2009 03:29:57 +0000

Neste segundo artigo sobre “tags desconhecidas”, vamos falar sobre três tags que vão tornar suas tabelas mais semânticas: , e .

Continue lendo “Tags HTML quase desconhecidas, mas muito úteis para as suas tabelas” no InfoWester…

Otimizando um menu com a técnica de CSS sprite

Erika Sarti — Thu, 16 Apr 2009 00:28:18 +0000

Imagine que você tem um site com menu totalmente baseado em imagens, e que quando o usuário passa o mouse sobre um dos itens, essa imagem muda. Desenvolver esse menu utilizando CSS ao invés de Flash é uma boa ideia, mas é necessário criar duas imagens para cada item, cada uma representando um estado, correto? Na verdade, não. Aplicando a técnica de CSS sprite, é possível utilizar apenas uma única imagem para todo o menu. Você entenderá como fazer isso neste tutorial.

Continue lendo “Otimizando um menu com a técnica de CSS sprite” no InfoWester…

Tags HTML quase desconhecidas, mas muito úteis para os seus formulários

Erika Sarti — Fri, 20 Mar 2009 14:31:20 +0000

Mesmo para quem trabalha com design ou desenvolvimento para Web, algumas tags são desconhecidas ou de pouca utilidade. No entanto, algumas vezes elas podem simplificar nossa vida na hora de escrever o código HTML de uma página. Neste artigo, vamos conhecer algumas tags que se encaixam nessa situação:

, e . Todas elas podem ser usadas para adicionar funcionalidades interessantes a formulários.

Continue lendo “Tags HTML quase desconhecidas, mas muito úteis para os seus formulários” no InfoWester…