CSS Orbit - Web Design

17 de setembro de 2011

Inpiration Showcase - Ilustração #12
Arte espacial de Tobias Roetsch

Apresento a vocês a arte espacial de Tomas Roetsch, um artista da Alemanha também conhecido como taenaron, é mesmo de impressionar a qualidade gráfica com que esse artista produz seus trabalhos gráficos espaciais, mereceu esse post na nossa seção Inspiration Showcase. Enjoy !

11 de setembro de 2011

Inspiration Showcase - Sites #10

Olá pessoal ! tudo bem ;) Dessa vez o site enviado para a Inspiration Showcase foi o site wllcbarros.com do Wallace Barros, site com um visual bem futurista e clean, muito bom. Reparem no slider (visível ao acessar o site) que deu um toque especial ao site.

10 de agosto de 2011

Navegador mais rápido da web atualmente
Adivinha quem ganhou?

A Compuware lançou dados referentes ao navegador mais rápido do mundo atualmente. Foi feita uma pesquisa onde foram coletados dados ao longo de um mês de 1.860 milhões de usuários em mais de 200 websites. E o resultado[...] você vê logo abaixo.

No gráfico é exibido em cor azul o tempo de carregamento da página, e em verde o tempo que a página fica visível aos olhos do usuário. Em relação ao tempo de carregameto o Chrome levou a melhor com um tempo de 3,433 segundos, em penúltimo ficou o Internet Explorer com 6,006 segundos e o mais lento foi o Safari com 6,149 segundos.

O Firefox 5 ficou em primeiro no tempo que a página fica visível aos olhos do usuário (em verde)com 2,18 segundos.

fonte: Compuware

4 de agosto de 2011

Inspiration Showcase - Ilustração #11
Lindos feiosos monstros

Ta sem inspiração? Tá querendo criar uma ilustração? um mascote? Eu acho que essa seleção de ilustrações de lindos monstrinhos feita pelo CSS Orbit irão te ajudar.

yannlecoroller.com/

recycledwax.deviantart.com

http://flickr.com/photos/ph7labs/3042457684/

travislouie.com

moshimonsters.com

travislouie.com

pulcomayo.com/news/moshi-monsters-2

http://www.yannlecoroller.com/

yannlecoroller.com/

yannlecoroller.com/

antelopeb

antelopeb

antelopeb

8 de julho de 2011

Jotform, inserindo um formulário de contato no seu site ou blog
Di grátisss, simples e rápido

Se você acha que criar um formulário de contato no seu site ou blog é um "bicho de sete cabeças", tenho uma solução que vai te poupar esforços[...], é o JotForm.

Simplicando, o JotForm é um site onde você faz um simples cadastro e monta um formulario em alguns minutos, no final é gerado um codigo Javascript que você insere no seu blog ou site. Nele você encontra uma enorme gama de opções para você usar no seu formulário, desde campos de e-mail e telefone até ferramena de avaliação e anexar imagem para emvio, muito bom.

É um construtor WYSIWYG, você não precisa saber "nada" de códigos, é apenas escolher o que quer, arrastar, e colocar onde quer, veja:

Depois de tudo pronto é só incorporar o código no seu site ou blog, veja como:

Espero que essa postagem tenha ajudado você a incrementar seu site ou blog com essa ótima ferramenta recomendada pelo CSS Orbit, até a próxima ! ^___^

17 de junho de 2011

CSS para Iniciantes #1
Aplicando o CSS na página HTML

Iniciaremos uma série de tutoriais para quem está iniciando em CSS, simples e objetivos, de uma forma clara para que você possa entender e começar a aplicar em seus sites ou blogs.

Podemos aplicar o CSS de tres formas diferentes no site, veja:

1º Inline

O CSS é aplicado diretamente na tag HTML, veja o exemplo:

<b style="font-size: 25px; color:blue;">texto qualquer</b>

Isso faz com que o texto fique com 25px de tamanho e cor azul.
Mas uma coisa, evite o uso do Inline no seu site![...]

2º Interno

O CSS é aplicado dentro da página HTML, mais precisamente dentro da tag <head> veja o exemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Exemplo de CSS</title>
  
  <style type="text/css">
    b { font-size: 25px; }
    b { color: blue; }
  </style>
  
</head>

Isso faz com que o texto fique com 25px de tamanho e cor azul.
Use o Interno algumas vezes, mas ainda não é recomendado.

3º Externo

Como o nome já diz, é externo, então criaremos além do arquivo do nosso site (.html) criaremos também um novo arquivo só que .css(por exemplo: meuestilo.css).
Veja, esse é o conteúdo do arquivo meuestilo.css, veja:

b {font-size: 25px;}
b {color: blue;}

Agora importaremos o CSS para dentro do nosso site - mas como? - através da tag <link>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Minha Primeira Página Web</title>
<link rel="stylesheet" type="text/css" href="meuestilo.css" />
</head>
...

E adivinha, isso faz com que o texto fique com 25px de tamanho e cor azul. ;)
Esse é o recomendável para você aplicar o CSS na suas páginas.

31 de maio de 2011

Internet Explorer 10 !
Versão de testes já disponível

Mal o Internet Explorer 9 foi lançado e a Microsoft já disponibilizou o Internet Explorer 10 em versão de teste para download.

Foram feitas melhorias no processamento do HTML5 e do CSS3, ou seja, melhorias na parte visual das páginas e menos dor de cabeça para os web designers de plantão. Foi dado também um "upgrade" no uso do hardware e do processamento o que dá ao usuário uma navegão mais rápida. O IE 10 está vindo para concorrer de igual para igual com o Firefox da Mozilla e o Chrome do Google.

Uma má notícia, segundo a revista ComputerWorld o IE 10 não vai funcionar no Windows Vista, quando é executado exibe uma mensagem de erro:

"A plataforma de prévia do Internet Explorer não suporta nenhuma versão anterior ao Windows 7".

Essa é pra matar de vez o tão despresado Windows Vista. E tem gente dizendo que o IE 9 é o novo IE 6, ixi !

22 de maio de 2011

Inspiration Showcase - Ilustração #10
Belas ilustrações de um dos universos mais conhecidos dos quadrinhos

Navegando pela web encontrei o blog dccomicsartshow.blogspot.com, onde publicam ilustrações relaciondas ao universo DC, muito bom, se você curte quadrinhos como eu ou é apenas apreciador de belas artes você vai babar.