Protegendo seu blog em WordPress com o VaultPress

Por: 27/01/2011

Uma das maiores preocupações de quem depende de um site para vender os seus produtos, ou até mesmo divulgar os serviços da sua empresa, é proteger essas informações tão preciosas e fundamentais para o sucesso do seu negócio. Para se prevenir contra essas situações indesejáveis, é muito importante ter um esquema de backup bem configurado que consiga proteger os arquivos do seu site e que permita reconfigurá-lo rapidamente em outro ambiente.

Quando você tem um site simples, composto apenas por páginas em HTML e algumas imagens, fazer o backup é uma tarefa simples – basta transferir esses arquivos diretamente pelo servidor de FTP. Mas, quando você tem um site mais complexo, gerenciado por uma instalação do WordPress, você vai precisar se preocupar com outros detalhes e incluir o backup do banco de dados neste processo.

Foi justamente pensando nessas pessoas que dependem de um site em WordPress que a Automatic, a mesma criadora desta plataforma de gerenciamento de conteúdo, criou o VaultPress, um serviço que simplifica bastante o trabalho de proteger o seu site.

O VaultPress funciona de forma automática nos bastidores do seu site, monitorando todas as alterações em tempo real e as enviando para um servidor central onde ficarão protegidas. Ele é inteligente o suficiente para não se limitar ao conteúdo que você publica no painel de controle do WordPress, ele também monitora todos os comentários, os arquivos de mídia que foram enviados para o site, além dos plugins e alterações feitas no template do site.

Apesar de ser rico em funcionalidades, a instalação e configuração do VaultPress é bastante simples e pode ser completada poucas etapas. O primeiro passo é se cadastrar no site e escolher o plano mais apropriado para a sua necessidade. Em seguida, você precisará baixar um plugin que foi gerado exclusivamente para a sua conta e instalá-lo no seu site em WordPress, usando o procedimento convencional de instalação de plugins. E, por fim, basta ativá-lo que ele vai fazer um levantamento das informações do seu site e fazer o backup inicial do conteúdo.

Depois desse backup inicial, você pode ficar despreocupado – qualquer modificação será copiada automaticamente e todas as suas informações estarão bem protegidas.

Como escolher o tipo de hospedagem ideal para o seu projeto

Por: 11/01/2011

Os projetos de criação de sites e aplicativos web podem ter as mais diferentes formas possíveis. Eles podem ser simples como um site que contém uma única página, assim como podem conter um aplicativo ultracomplexo que necessite de diversos servidores diferentes para aguentar o volume de acessos.

Escolher o tipo de hospedagem ideal é uma etapa tão importante quanto a criação do projeto, pois a escolha errada pode fazer com que o seu site saia do ar diversas vezes, comprometendo a imagem do seu negócio. Neste post vamos aprender como fazer a escolha correta para montar a infraestrutura do seu serviço.

O primeiro passo na escolha da hospedagem está na análise dos requisitos tecnológicos que o seu projeto possui. Nesta fase você deve analisar como ele foi construído, listando quais foram as linguagens de programação utilizadas, os sistemas de banco de dados e se faz uso de algum outro serviço de terceiros.

Após responder a essas questões, você terá condições de escolher qual é a plataforma ideal. Por exemplo, se o seu site foi escrito em PHP e utiliza o banco de dados MySQL, você provavelmente deverá contratar uma hospedagem Linux, uma vez que nesse sistema operacional essas linguagens funcionam de forma mais otimizada. Já se o seu site foi escrito em ASP.Net você não terá outra alternativa a não ser contratar uma hospedagem Windows, a única plataforma onde essa linguagem funciona.

Com a escolha da plataforma resolvida, chega o momento de decidir qual é o tipo de hospedagem que você deve contratar. Nessa categoria existem basicamente três opções: hospedagem compartilhada, servidores virtuais e servidores dedicados. Vamos então ver qual é a vantagem de cada uma dessas opções.

A hospedagem compartilhada é ideal se o seu site é pequeno e não tem muitos acessos. Neste tipo de hospedagem o seu site compartilha o mesmo servidor físico com dezenas de outros sites, o que barateia o custo da mensalidade mas, ao mesmo tempo, pode limitar a performance que o seu site pode usufruir do seu servidor, dependendo da qualidade do serviço.

Os servidores virtuais estão um passo acima da hospedagem compartilhada e oferecem mais recursos, permitindo que você tenha acesso ao sistema operacional do servidor e possa tirar mais proveito dos recursos. Neste tipo de hospedagem, um servidor físico é dividido em alguns servidores virtuais, que compartilham o mesmo espaço em disco e a mesma memória.

E por último, temos a opção ideal se você possui um site de grande porte, com muitos acessos simultâneos, ou um aplicativo web. Nestes casos o servidor dedicado é a melhor opção pois oferece todos os recursos disponíveis no servidor exclusivamente para o seu site, o que aumenta consideravelmente a sua performance.

Com essas informações em mente, você pode decidir qual é a melhor hospedagem para o seu projeto, mas lembre-se de não subdimensionar a estrutura para não correr o risco de ter o seu site saindo do ar toda hora.

Criando um ícone customizado do seu site para o iPhone

Por: 21/12/2010

O iPhone não é apenas um telefone celular, sua principal vantagem está na possibilidade de acessar a internet na sua plenitude através do seu navegador Safari que vem instalado por padrão. Esse navegador suporta as mais avançadas tecnologias como CSS e Javascript e faz com que ter um site adaptado ao tamanho da tela do iPhone seja fundamental para ampliar ainda mais o alcance da sua empresa.

Uma das formas de melhorar essa experiência do usuário do iPhone com o seu site é disponibilizar um ícone criado especificamente para ser incluído na home screen do aparelho, permitindo que com apenas um toque o usuário seja levado diretamente para o seu site, sem que seja preciso digitar a url na barra de endereço.

Esse ícone deve ser criado de acordo com algumas regras bem específicas determinadas pela Apple. A primeira delas diz respeito ao formato do arquivo, que deve ser em PNG para tirar vantagem de tudo que o iPhone pode oferecer.

Esse PNG não deve incluir o canal alpha de transparência e também não pode ter nenhum brilho ou efeito de gloss, já que ele será acrescentado automaticamente pelo iPhone. E, por fim, o arquivo deve ter o tamanho de 57 x 57 pixels e ter cantos retos para que o próprio aparelho possa criar os cantos arredondados sem causar distorções na imagem.

Para instalar esse ícone no seu site você deve seguir um procedimento bem simples e rápido. O primeiro passo é colocar o arquivo do ícone no diretório raiz do seu site e em seguida renomeá-lo para apple-touch-icon.png, que é o nome padrão que o iPhone busca automaticamente no site.

Você também pode usar um outro nome para o arquivo, para isso basta incluir no header do seu arquivo HTML a seguinte linha:

<link rel="apple-touch-icon" href="/icons/icone_iphone.png" />

Com ela você pode não somente alterar o nome do arquivo como também colocá-lo em uma outra pasta que não seja a raiz do seu site.

Pronto! Com essa dica você pode personalizar ainda mais o seu site dentro do iPhone.

Criando cantos arredondados com CSS3

Por: 16/12/2010

Um dos principais elementos de design que atormentou os programadores durante muito tempo é a criação de cantos arredondados via CSS. Foram criadas diversas técnicas, algumas bastantes inventivas até, que faziam uso de imagens, scripts e uma enormidade de outras gambiarras para conseguir atingir o objetivo desejado.

Felizmente, hoje não precisamos mais nos preocupar com essas complicações, podemos simplesmente utilizar as novas declarações da versão 3.0 do CSS para atingir esse resultado sem grande esforço.

Mas é preciso abrir um grande parênteses antes de partirmos para o código. A especificação do CSS3 ainda é um trabalho em progresso e nem todos os browsers a suportam na sua plenitude. O grande problema é justamente o Internet Explorer, principalmente nas suas versões 6 e 7, que ainda são largamente utilizadas por aí.

Apesar destas versões ainda não suportarem a declaração usada para a criação de cantos arredondados, a versão 9 do Internet Explorer que ainda está sendo desenvolvida será capaz de suportar essa e todas as demais especificações do CSS3 e do HTML5.

Dito isso, vamos então ao código que deve ser usado para habilitar os cantos arredondados nos elementos do seu site. Para criar um canto com raio de 5px basta incluir as três linhas abaixo no elemento desejado.

-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;

Essas três declarações visam atender aos três principais browsers que suportam essa funcionalidade, o Firefox, Safari e Chrome respectivamente. Quando ela se popularizar e passar a ser utilizada pelos demais browsers poderemos partir para o uso direto da declaração border-radius, que é universal e funcionará em todos os navegadores.

Você não precisa se limitar a utilizar o mesmo raio em todos os quatro cantos, você pode definir cada um deles individualmente, utilizando uma sequência de valores, que representa os cantos superior esquerdo, superior direito, inferior direito e inferior esquerdo:

-moz-border-radius: 5px 3px 2px 1px;
-khtml-border-radius: 5px 3px 2px 1px;
-webkit-border-radius: 5px 3px 2px 1px;

É isso! Com poucas declarações o seu site pode passar a contar com os cantos arredondados de forma simples e eficiente.

Frost & Sullivan premia UOL como melhor provedor de serviços de outsourcing de TI

Por: 14/12/2010

Reconhecimento consolida empresa como um dos principais players do mercado

O UOL, maior empresa brasileira de conteúdo e serviços de internet, foi o vencedor do Frost & Sullivan 2010 Brazil Competitive Strategy Award, prêmio concedido pela empresa internacional de consultoria e inteligência de mercado às empresas que mais se destacaram em seus segmentos.

O reconhecimento foi dado ao UOL por sua posição consolidada como um dos principais provedores de serviços de TI no País. Além disso, os investimentos constantes em qualidade e inovação também fizeram da empresa alcançasse as primeiras posições em diversas áreas de atuação.

Para Gil Torquato, diretor Corporativo do UOL, “a trajetória ascendente da empresa ao longo dos últimos anos foi marcada por alguns fatos relevantes, que transmitiram ao mercado o nosso compromisso com a qualidade e o pioneirismo. Entre eles, a inauguração do mais moderno data center do Brasil e a oferta de serviços de alta qualidade para clientes de todos os portes, por meio do UOL HOST e da DHC”.

10 dicas de SEO para sua Loja Virtual UOL HOST

Por: 13/12/2010

Search Engine Optimization (SEO) é uma coleção de boas práticas para melhorar o posicionamento do site nos resultados orgânicos (não pagos) das ferramentas de busca (Google, Yahoo, Bing, etc..).

Em relação a outros meios de publicidade, a busca orgânica tem diversas vantagens:
●    Mais barato, não exige custo fixo mensal recorrente, nem custo por clique (ao contrário dos links patrocinados);
●    Resultados orgânicos dão mais credibilidade ao link, por isto a taxa de cliques é bem superior ao dos links patrocinados;

A Loja Virtual do UOL HOST já vem preparada com vários recursos para SEO, inclusive com integração completa com as ferramentas do Google (Analytics, Optimizer e Adwords) neste post iremos listar 10 importantes dicas para sua Loja:

1- Títulos e meta tags

É importante colocar títulos e descrições únicas para cada página de categoria e produto da sua Loja. Em todas as categorias/produtos existe a aba “Palavras-Chave Busca” na Loja Virtual UOL HOST, onde é possível inserir o Título e a Descrição. Embora apareça o campo “Palavras Chave”, ela não precisa ser preenchida (o Google anunciou recentemente que não utilizará este campo para rankeamento da página).  Utilize textos que representem um resumo do contexto do produto/categoria.

2- URLs amigáveis

Ferramentas de busca também consideram a descrição da URL no rankeamento das páginas, a Loja Virtual já converte a URL da página baseado no respectivo título. Por exemplo, um produto com nome “A Cabeça de Steve Jobs”, a url ficará automaticamente como:

http://www.urldaloja.com.br/a-cabeca-de-steve-jobs

Porém, é possível que seja realizada a alteração nesta url, mudando o campo “URL Amigavel”:

3- Quanto mais conteúdo indexável, melhor!

Caso precise usar arquivos em PDF, imagens ou flash referentes ao produto, torne este conteúdo ‘indexável’: se possível, converta-o para um formato de texto, ou coloque-o na descrição do produto, ou crie uma página estática (utilize o Construtor de Páginas). Algum potencial cliente, poderá cair na sua loja através das informações deste manual.

4- Deixe os clientes colaborarem

Por padrão, a Loja Virtual permite que os clientes comentem/avaliem um produto, incentive seus clientes a escrever revisões e textos que agregam valor ao produto, procure ser assertivo e ágil na moderação dos comentários, dê visibilidade as suas ações, mostre ao cliente que ele está sendo ouvido.

5 – Link building

O Google funciona como um imenso voxpopuli, quanto maior o número de sites externos que te linkam, maior credibilidade o seu site terá, e consequentemente um  melhor posicionamento. Esta abordagem é conhecida como “Link Building”, existem algumas boas práticas para realizá-lo:

●    Divulgue sua loja em fóruns/blogs que sejam relevantes ao seu público-alvo;
●    Divulgue seu site em listas e diretórios de busca, como DMOZ / Yahoo Diretórios.
●    Crie um blog, escreva artigos relevantes que gere links espontâneos para ele e consequentemente para sua Loja – você pode ter um blog e uma loja com o mesmo domínio!;
●    Permita que os usuários ‘compartilhem’ facilmente sua página.  A Loja Virtual do UOL HOST já vem com o módulo “Rede Social”, onde os clientes podem divulgar o link da página em diversas redes sociais.

Nota: Tenha atenção especial para não abusar destas práticas, pois podem gerar repúdio na comunidade (como divulgar links de forma não contextualizada em fóruns/blogs), e também gerar punição pelo Google (no caso por exemplo de utilizar ‘serviços’ que prometem milhares de links para a sua página – técnica classificada como Black Hat SEO[1]).

6 – Aproveite as datas comemorativas

Algumas datas comemorativas geram excessivo aumento do consumo, entenda o seu público-alvo e realize promoções para estas datas.

Por exemplo, na semana do “Dia das Mães”, realize promoções com os produtos voltados para o público feminino, coloque estas promoções em destaque na página principal, crie uma página com todos os produtos em destaque, e se possível, customize o tema da sua Loja (a Loja Virtual do UOL Host possui temas customizados para a época do natal).

Exemplo de algumas datas comemorativas: “Dia dos Pais/Mães”, “Páscoa / Semana Santa”, “Dia dos Namorados”, “Dia da Mulher”, “Dia das crianças”, “Natal”.

7 – Atenção a performance da Loja

Recentemente, o Google anunciou que irá considerar a velocidade de carregamento das páginas no rankeamento, a Loja Virtual do UOL HOST foi totalmente otimizada para carregar de forma rápida, tanto para os robôs de busca, quanto para os usuários. Entretanto, alguns lojistas tem feito o upload de várias imagens e arquivos flash, além de colocar muitos scripts externos que acabam comprometendo o carregamento. Evite encher a loja com estes recursos, caso contrário o Google poderá diminuir sua classificação.

8 – Sitemaps

Sitemaps são documentos que auxiliam os buscadores na tarefa de indexação das páginas. Na Loja Virtual do UOL Host é possível gerar os sitemaps de forma facilitada, com apenas alguns passos.

9 – Na dúvida, beba direto da fonte

Ninguém melhor que o próprio Google para te orientar a desenvolver conteúdo, uma boa referência é o Guia de Otimização para mecanismos de Pesquisa, além da Central do Webmaster, onde pode ser encontrado diversas informações.

10 – Mensure os resultados

A Loja Virtual do UOL HOST já vem com suporte nativo para o Google Analytics (veja como habilitar e configurar), com ela você poderá saber por quais palavras-chave o usuário te encontrou, as páginas mais vistas, quanto tempo em média um usuário fica em determinada página, dentre outros vários recursos.

O trabalho nunca para

Por fim, entenda SEO como um trabalho que deve ser feito continuamente, e não como algo pontual. Mensure sempre os resultados, veja por quais palavras-chaves o seu cliente te encontra, crie conteúdo, crie páginas específicas para as datas especiais (dia das mães, natal,  páscoa, férias escolares), isto será fundamental para o sucesso do seu comércio eletrônico.

1 – Black Hat SEO – Técnicas de SEO repudiadas pelos mecanismos de Busca, são consideradas anti-éticas pelo mercado, e tem o propósito de ‘burlar’ os mecanismos de pesquisa.

Autores: Pedro Teixeira e Marcelo Linhares

Enviando email de forma assíncrona com ASP.Net

Por: 02/12/2010

Escrever um código para envio de mensagens por email é, sem dúvida, a tarefa mais comum dos programadores que trabalham com ASP.Net. Seja para criar um formulário de contato ou enviar notificações automáticas do sistema, essa funcionalidade está presente na grande maioria dos projetos.

Por causa desta necessidade constante do envio de emails, muitos programadores não se atentam para o fato de que esse envio de mensagens pode tornar o seu código lento, já que uma determinada página só será carregada após o envio da mensagem, principalmente quando são enviadas em grande volume.

É aí que entra o envio assíncrono de email, uma forma mais eficiente de mandar as mensagens já que nela não é necessário aguardar as respostas do servidor de email, o que acaba tornando mais rápido o carregamento das páginas.
O envio assíncrono é divido em dois blocos de código. No primeiro deles nós fazemos a configuração dos parâmetros necessários para enviar as mensagens e criamos o evento que vai gerenciar o envio das mensagens, como no exemplo abaixo:

//namespace a ser incluido no arquivo
using System.Net.Mail;

//criação do objeto MailMessage
MailMessage mailMessage = new MailMessage();
mailMessage.From = new MailAddress("email do campo from");
mailMessage.To.Add(new MailAddress("email do campo to"));
mailMessage.CC.Add(new MailAddress("email do campo cc"));
mailMessage.Bcc.Add(new MailAddress("email do campo bcc"));
mailMessage.Subject = "Assunto da mensagem";
mailMessage.Body = "Corpo da mensagem ";
mailMessage.IsBodyHtml = true; //para enviar mensagens no formato html

SmtpClient smtpClient = new SmtpClient("servidor SMTP", "numero da porta");
smtpClient.EnableSsl = false; //True ou False dependendo se o seu servidor exige SSL
smtpClient.UseDefaultCredentials = true ; //true ou false dependendo se você precisa configurar as credenciais de acesso ao servidor
Object mailState = mailMessage;

//este código cria o gerenciador de evento que vai notificar se o email foi enviado ou não

smtpClient.SendCompleted += new SendCompletedEventHandler(smtpClient_SendCompleted);
try
{
smtpClient.SendAsync(mailMessage, mailState);
}
catch (Exception ex)
{
Response.Write(ex.Message);
Response.Write(ex.StackTrace);
}

O segundo bloco de código é justamente aquele que vai gerenciar o status do envio, permitindo saber se a mensagem foi enviada com sucesso ou não:

void smtpClient_SendCompleted(object sender, System.ComponentModel.AsyncCompletedEventArgs e)
{
MailMessage mailMessage = e.UserState as MailMessage;
if (!e.Cancelled && e.Error != null)
{
Response.Write("Email sent successfully");
}
else
{
Response.Write(e.Error.Message);
Response.Write(e.Error.StackTrace);
}
}

Com esta técnica você pode enviar emails de forma assíncrona e garantir que durante o processo as suas páginas não irão demorar para carregar, criando um aplicativo mais sólido e eficiente.

Como gerenciar seu blog no UOL HOST com o iPhone/iPod Touch

Por: 30/11/2010

Você sabia que é possível gerenciar seu blog no UOL HOST diretamente do seu iPhone ou iPod Touch, criando ou editando posts e páginas e moderando comentários – tudo de forma muito prática e simples – inclusive com adição de imagem ou vídeo? Para isto, basta baixar de graça o aplicativo do WordPress na Apple Store, desenvolvido pela Automattic, Inc., e instalar no seu aparelho.

Antes de qualquer coisa, é preciso habilitar no seu blog o protocolo utilizado para publicação, no caso, o XML-RPC. Para poder utilizá-lo, faça login na parte administrativa do seu blog e vá em Painel de Controle > Configurações > Escrita. Em seguida, procure por “Habilitar os protocolos de publicação XML-RPC do WordPress, Movable Type, MetaWebBlog e Blogger” e marque a caixinha. Salve a alteração e pronto! Seu blog já pode ser gerenciado pelo app.

Como configurar o aplicativo do WordPress

Na tela inicial, selecione a 3ª opção, “Add existing WordPress.org site“. Em seguida, entre com o endereço do seu blog (URL) no UOL HOST. Não se preocupe com o http://, apenas digite o domínio (ex.: meublog.com.br). Complete os demais campos com seu nome de usuário (username) e senha (password). Assim que terminar, o aplicativo fará uma verificação na estrutura básica do blog, verificando se ele está apto a ser ‘administrável’. Se tudo der certo, você lerá uma mensagem de confirmação “Authenticated successfully” e poderá selecionar “Add Site“, para adicionar seu blog à sua lista de blogs (sim, você pode administrar vários blogs).

Aqui vale uma importante observação: o aplicativo somente gerencia blogs que estão corretamente ‘formatados’. Se não for o caso, você pode receber o erro “The operation couldn’t be completed. (NSXMLParserErrorDomain error 64.)” ou variações deste. Para ter certeza de que está tudo ok, faça o seguinte: em seu navegador, digite: http://SEU_BLOG_AQUI/xmlrpc.php?rsd, substituindo “SEU_BLOG_AQUI” pelo endereço do seu blog. Se estiver tudo ok, você lerá apenas uma linha, com a mensagem “WordPress http://wordpress.org“. Por outro lado, se retornar alguma mensagem de erro, você deve corrigi-lo para que o aplicativo possa gerenciar seu blog. O mais normal é o template (modelo) que você usa adicionar linhas onde estas não eram esperadas ou não deveriam estar no código. Troque por um template mais básico e desative temporariamente todos os plugins que estiver usando. Na grande maioria dos casos, isto resolve o problema. Repita os passos anteriores e tudo deverá dar certo agora!

Pronto! Seu blog aparecerá na lista de blogs do aplicativo e você poderá moderar os comentários, editar ou adicionar posts e até mesmo páginas no blog. Tudo é bastante intuitivo e logo você estará dominando a ferramenta e postando seu primeiro texto através do seu iPhone/iPod Touch em seu blog, de onde quer que você esteja! Quando postar, não esqueça de nos contar!

Se ainda não tem um, crie seu blog no UOL HOST agora mesmo!

Algumas razões para você ficar de olho no Cloud Computing

Por: 25/11/2010

Hoje o mercado de hospedagem oferece diversas opções para você montar a sua infraestrutura e colocar o seu serviço na internet, começando pelas hospedagens compartilhadas e terminando nos servidores dedicados.

Uma nova opção para montar estruturas de servidores que vem se consolidando recentemente é o Cloud Computing, que traz todos os serviços já oferecidos atualmente pelo segmento de data center, mas associados às vantagens do funcionamento na nuvem.

No que exatamente o cloud computing pode melhorar na minha estrutura?

Redução nos custos iniciais
Montar uma estrutura completa de servidores em um data center requer um investimento considerável, já que é necessário comprar diversos equipamentos, roteadores, firewalls e também custear o aluguel do espaço onde esses equipamentos serão armazenados. O cloud computing elimina esse gasto inicial por utilizar um sistema de cobranças mensais, onde você pode diluir o investimento durante um prazo maior.

Flexibilidade no aumento da capacidade
Além de reduzir o custo inicial, o cloud computing torna muito mais flexível o aumento da capacidade alocada para o seu serviço. Por permitir que o cliente aumente a quantidade de memória, espaço em disco e banda de transferência conforme a sua necessidade, este modelo de contratação de serviços se torna interessante principalmente para aquelas empresas iniciantes que ainda não possuem a dimensão exata dos recursos necessários para o seu sistema funcionar.

Aumenta a disponibilidade do seu serviço
O Cloud Computing aumenta a disponibilidade do seu serviço, pois oferece nativamente redundância de armazenamento, conexão com a internet e fornecimento de energia elétrica. Com este tipo de arquitetura você pode ficar tranquilo sabendo que o seu serviço estará sempre disponível para os seus clientes.

Acesso total ao servidor
Diferentemente das hospedagens compartilhadas, no cloud computing você tem acesso irrestrito ao seu servidor, podendo fazer qualquer tipo de configuração personalizada no seu sistema operacional. Neste quesito, ela se iguala às possibilidades oferecidas pelo servidor dedicado, mas com um custo reduzido.

Com estas vantagens em mente você pode decidir qual é a melhor opção para montar a infraestrutura necessária para colocar o seu serviço no ar.

Usando frameworks CSS para agilizar o seu trabalho

Por: 23/11/2010

As frameworks CSS são um conjunto de ferramentas e códigos prontos que têm como objetivo principal ajudar a reduzir o tempo que você leva para programar o código das suas páginas HTML. Elas alcançam esse resultado ao eliminar uma série de passos repetitivos que você é obrigado ao fazer durante a programação, além, é claro, de eliminar os bugs mais comuns encontrados durante as validações nos mais diversos browsers.

Vamos então conhecer algumas frameworks que foram lançadas recentemente e podem te ajudar a agilizar o seu trabalho.

The Square Grid
Esta framework foi criada baseada em um grid dividido em 25 colunas de larguras iguais, além de cuidar do ritmo vertical ao estabelecer um entrelinha definida em 28px para todos os elementos. Ela é tão simples de utilizar que tanto programadores quantos designers não terão dificuldades em implantar os seus layouts com ela.

FEM CSS Framework
A framework FEM CSS utiliza um grid com largura fixa em 960px e dividido em 12 colunas iguais. Ela se inspirou na famosa framework 960.gs mas com algumas melhorias que tornam o trabalho de criação dos blocos de conteúdo mais simples e intuitivos.

Formalize CSS
Esta é uma framework dedicada a otimizar a criação de formulários nas suas páginas. Sua principal vantagem está na uniformização dos elementos nos browsers mais comuns, fazendo com que as suas páginas tenham a mesma aparência independente do navegador que o seu usuário está utilizando.

960 Grid System
A framework 960 Grid System foi uma das primeiras frameworks CSS a surgirem no mercado e amplamente utilizadas pelos designers. Ela se tornou tão famosa que serviu de base para a criação de diversas outras frameworks.
Ela utiliza um grid com largura fixa em 960px, que pode ser dividido em 12, 16 ou 24 colunas, o que garante uma enorme flexibilidade na hora que você for criar o seu layout.

Você já trabalhou com alguma dessas frameworks? Dê sua opinião!

Página 5 de 31« Início...345671020...Final »

Acompanhe o UOL HOST

Contrate Agora

Participe

No Facebook