Um dos pontos importantes de nosso site de pré-lançamento é o menu horizontal.
Fizemos tal menu utilizando somente CSS. Gostaríamos de dar um simples exemplo de como fazer um menu horizontal utilizando CSS.
Arquivo CSS:
#menu {
display: table;
background-image: url(/images/menu.gif);
background-repeat: no-repeat;
width: 628px;
text-align: left;
margin:0 auto;
position:relative;
height: 24px;
}
#menu ul {list-style:none;}
#menu ul li {display:inline}
#menu ul li a {
font: 10px Verdana, Arial,tahoma, sans-serif;
color: white;
text-decoration: [...]
Ler o post por completo »
Em nosso site de pré-lançamento, queremos pegar a maior quantidade de emails para notificarmos o usuário quando tudo estiver pronto. Para isso utilizaremos no ZF a Zend_Db_Table_Abstract para gravar um simples registro no banco de dados, o email. Esse exemplo parece ser muito simples, mas acredito que muitas variações podem ser feitas através do mesmo.
Vamos [...]
Ler o post por completo »
Pretendemos colocar em produção o site de pré-lançamento. Conforme nosso post anterior sobre o assunto, iríamos fazer uma animação que resumisse, rapidamente, o projeto da SON (School of Net).
Primeiramente antes de criamos qualquer coisa, temos que optar, querendo ou não pela “Lei dos 9×1″.
Ou você desenvolve 9 ou 90 minutos e pensa 1 ou 10, [...]
Ler o post por completo »
Depois de publicarmos uma grande quantidade de posts, fomos lembrados de algo que muitos webmasters esquecem. O famoso Favicon.
O Favicon é aquele pequeno iconizinho que aparece do lado esquerdo da sua barra de navegação. Veja o nosso:
A grande perguta é? Como funciona? Tenho que saber alguma coisa de pixelart?
Nada disso, é muito mais simples. O [...]
Ler o post por completo »
É muito simples instalar o ZF, você apenas precisa baixá-lo em framework.zend.com e copiar a pasta principal para um nível abaixo do seu htdocs.
Ex:
/var/www/zf (arquivos do zend framework)
/var/www/htdocs/ (arquivos que são visíveis e acessíveis a quem acessará sua aplicação)
O conceito principal é: Tudo que for chamado pelo index.php (aka bootstrap), descerá um nível e acessará [...]
Ler o post por completo »
Primeiro conceito, que em nossa opinião, já está até banalizado, porém, não podemos deixar de citá-lo:
“NÃO VAMOS REINVENTAR A RODA”
Logo, todos que trabalham na área de desenvolvimento, mas desenvolvimento de qualquer coisa. Jamais tentem “reinventar a roda”, ou seja, fazer algo que já está pronto.
Não escolhemos o ZF (Zend Framework) simplesmente, porque o logo dele [...]
Ler o post por completo »
Estamos terminando o site de pré-lançamento. Quem chegou ver o Screenshot, pode perceber que todo o conteúdo é baseado em um box com bordas arredondadas sem utilizar imagens.
Lá vai nossa pergunta: Qual é a melhor forma de se fazer isso? Há muitas maneiras. Nesse caso, utilizamos essa, postado no site: códigofonte.com.br pelo Gabriel Fróes.
Vamos lá:
CSS:
.bordaBox [...]
Ler o post por completo »
Enquanto nossa animação de apresentação está sendo desenvolvida, começaremos a gerar o HTML para o site do pré-lançamento.
Temos que definir o seguinte: Vamos utilizar o máximo possível de webstandards e microformats, porém, nossa opinião sobre isso é a seguinte:
Acreditamos que a utilização de webstandards nos dá vários diferenciais como:
Redução no código fonte
Site mais leve, utiliza [...]
Ler o post por completo »
Finalmente terminamos o layout do hotsite de pré-lançamento.
Criamos algo bem clean para dar destaque a uma animação principal, que ficará localizada na região central.
Agora, nosso próximo desafio é roteirizar tal animação, e criá-la com o impacto desejado.
Layout site pré-lançamento, clique para ampliar
Aguardamos vossos comentários!
Ler o post por completo »
Depois de definido nossa plataforma de desenvolvimento, chegamos em um ponto “complexo”.
Planejar!
Nossa idéia é: Queremos um site de pré-lançamento com os seguintes objetivos:
Trazer anseios aos futuros aos membros da SON (School of Net) de que uma nova época está chegando. A época dos treinamentos em alta tecnologia com ótima qualidade, Online.
Captar a maior quantidade de [...]
Ler o post por completo »
