Vida de Programador

Os bons irão entender...!

jQuery é uma excelente e leve biblioteca para desenvolvimento rápido de javascripts que interagem com sua página html, com ela podemos atribuir eventos, definir efeitos, alterar ou criar elementos na página, dentre diversas outras infinidades de ações. 

Existem ainda vários plugins já feitos em jQuery que nos auxiliam em validações ou máscaras de formulário. 

Maravilha, não acham? 
Uma dos plugins prontos que achei navegando pela internet foi essa galeria de fotos:

Link para download AQUI

Qual o navegar mais usado?

Quando desenvolvemos um site sempre temos que ter em mente qual navegador o usuário irá utilizar, pois de um navegador para o outro podem existir algumas incompatibilidades (né Internet Explorer???!!)
Além da preocupação com o navegador utilizado, como saber qual a resolução de tela que é mais usada pelos usuários? Nesse site pela última avaliação (Agosto de 2011) está assim:

Sim, o Internet explorer ainda é o mais utilizado...  Abaixo as resoluções mais utilizadas:

Pelo menos as resoluções estão aumentando! Mais estatísticas, entre no site W3COUNTER.

Ficando fera no CSS

Para os iniciantes em Web, dominar essa linguagem é mais do necessário para fazer um site com diferencial.

Folhas de estilo em cascata facilitam a manutenção das páginas durante o desenvolvimento. Sites com várias páginas são mais rapidamente modificadas, apenas com a alteração do arquivo CSS. Além de deixar o código fonte limpo, sem repetições de formatação para cada página.

Folha de Estilo - site novo ainda, não tem taannto conteúdo, mas tem os primeiros passos necessários.

Maujor - muito mais do que só o básico: códigos disponíveis, geradores... um dia vc vai precisar, então é bom favoritar!!!

Beijos, e bons estudos!

Utilizando ícones para Design Web

Página Inicial

Contato

Adicione aos Favoritos

Siga-nos

Deixe um comentário

Porque e como utilizar Ícones:
Os ícones são uma maneira simples e eficaz de chamar a atenção de seus usuários. Possibilitam tanto a melhoria visual quanto a passar rapidamente uma informação.

Exemplos práticos da importância de um ícone: o que seria dos feeds sem seu famoso quadradinho laranja ao lado? Provavelmente muitos sites perderiam alguns assinantes por isso. Outro exemplo é o recente popstar da internet Twitter, basta vermos o pequeno pássaro azul para corrermos e clicar para em seguida decidir se seguiremos mais uma pessoa.

Mas cuidado, apesar de serem importantes para uma boa apresentação no design e agilizar informação, se não forem usados com cautela poderão ter o efeito inverso no quesito velocidade de informação. Veja as dicas a seguir:

Dicas de utilização:
1. Evite o excesso de ícones
2. Não tente “inovar” demais, você não precisa “inventar” um novo tipo de ícone, basta que o mesmo seja bonito e combine com seu site, de preferência personalizado.
3. Tamanho não importa, porém evite usar muitos ícones pequenos com exceção dos mais comuns (como imprimir, bookmarks, home page, email).
4. Se for utilizar no menu principal não o deixe sozinho, insira uma descrição do mesmo ao lado ou abaixo (com uma ou duas palavras).
5. Escolha um estilo uniformizado. Para isso procure por “pacotes” de ícones em sites de downloads grátis.

FONTE: RGB Magazine

Pacote 01 - Download Aqui

Pacote 02 - Download Aqui

Modo Apple de pensar

Durante a venda de qualquer produto ligado a TI, os profissionais que trabalham na empresa estabelecem as seguintes práticas:

A – aborde (approach, em inglês) os clientes com receptividade.

P – pergunte detalhes (probe, em inglês) a fim de entender as necessidades do cliente.

P – apresente (present, em inglês) uma solução que vai de encontro às necessidades mapeadas.

L – escute (listen, em inglês) e busque solução para as preocupações do cliente.

E – Finalize (end, em inglês) aquilo que você começou, nunca deixe o cliente sem uma resposta ou uma solução.

Com certeza podemos utilizar esse modelo para construção de um software e até mesmo um site. A comunicação é um item primordial para um profissional que lida com informática!

Fonte: Site de Tecnologia do Wall Street Journal.

Fica a Dica

Gostaria de fazer um álbum de fotos no seu site, mas não gostaria de perder tempo/paciência? O site Jalbum oferece layouts para todos os gostos e com todos os efeitos. Utilizei para fazer ESSE site, e como teria muuuitas fotos para postar ao mesmo tempo, ao invés de fazer algo em flash resolvi usar esse recurso.

Como utilizar
Primeiro você precisa se cadastrar no site, e depois fazer download do programa - e tudo isso é gratuito!
Mas como tudo é gratuito, existe um limite de fotos que você pode enviar para a sua conta (por 30 dias 2 GB, depois 2 000 fotos incluídas, que não é pouco...)
Então, o esquema é esse: crie quantas contas de e-mail quiser, depois crie quantas contas Jalbum der já que é grátis!
Não se preocupe quanto a propaganda, ela é mínima e não atrapalha em nada!

Clique aqui para ver esse modelo funcionando

Para se inspirar

Lista de sites maravilhosos desenvolvido pelas meninas da Savoir Faire: 

Frosted with Emotion

Sales Representatives New

Jen Adams Photography

Empire Events 

Deseja aprender SQL? No site SOFTBLUE disponibilizaram gratuitamente esse curso. Já testei e gostei muito da qualidade, e de como se é explicado o conteúdo! até uma pessoa que nunca viu banco de dados e SQL irá entender o seu conteúdo! Muito indicado para as turmas de WEBDESIGN, que desejam aprimorar seus conhecimentos!

http://www.softblue.com.br/site/curso/id/3/CURSO+SQL+COMPLETO+BASICO+AO+AVANCADO+ON+LINE+BD03

O SQL é a linguagem padrão utilizada para interagir com os principais bancos de dados existentes no mercado, disponibilizando, para isso, instruções de criação e gerenciamento de estruturas, inclusão, alteração, exclusão e consulta de dados. Para desenvolver um software ou qualquer tipo de aplicação que interaja com dados hoje em dia, é necessário conhecer a linguagem SQL e os conceitos relacionados a bancos de dados, independente da utilização do SQL Server, Oracle, MySQL, PostgreSQL, Firebird ou outro banco de dados relacional qualquer.

Trabalho da Ingrid

Olha só como ficou o trabalho de Web de uma aluna! utilizou Flash, Fireworks e Dreamweaver.

As animações ficaram ótimas! A turma de Web que se forma sempre tem que treinar, rever os programas de vez em quando pra não esquecer não é?

LuanSantanaIngrid.xpg.com.br

Beijos!!

Quanto cobrar por um site?

Mais uma vez é levantada essa questão. Quanto Cobrar por um site?

Graças a Deus eu achei uma palestra feita pelo Sandro Reiller no Instituto Infnet sobre como calcular o custo de desenvolvimento de um site e cobrar do cliente de maneira adequada.

Exitem vários foruns de discursão, comunidades no orkut que abordam esse tema mais o certo é, essa questão e nem essa paletra, como diz o proprio Sandro Reiller não vai solucionar seus problemas, mais sim auxilia-lo na sua decisão…

Chega de papo e vamos os video que vocês devem estar loucos para verem, hehehheheh

Ver video

Obs.EU TAMBEM ESTOU DE SACO CHEIO DE VER PESSOAS COBRAREM R$100 (CEM REAIS) POR UM SITE..aff

Depois coloquem a sua opinião aqui nos comentarios e os seus metodos para aprendermos mais…
Até a próxima.

Obs.: Achei esse post no Blog Matheus Souza.

Culinária II

Mais alguns projetos finalizados da turma de Webdesign, agora de uma aluno da Turma de Terça 18:00, Douglas (dho_douglas2@hotmail.com). Lindíssimo!

Clique AQUI para visualizar!

Outro trabalho lindo é o do Adlan, turma de Quarta 18:00

Clique aqui para visualizar!

Trabalho também do Gabriel, da mesma turma

Clique aqui para visualizar!

Da Darah também da mesma turma
Clique aqui para visualizar

E do Sérgio

Aqui

Culinária e Dreamweaver

Eis abaixo o projeto de um aluno, o Rodrigo da turma de quarta 18:00.

Todas as turmas de web estão realizando um site de culinária. Estão usando CSS, janelas pop up... e muita criatividade.

Acessem AQUI o trabalho dele.

Galeria de Fotos com LIGHTBOX

Primeiro faça donwload dos arquivos nesse site AQUI. Vídeo aula explicativa AQUI.

Efeitos em Flash

Selecionamos a imagem e a transformamos em um símbolo do tipo BOTÃO. Duplo clique para edição desse símbolo. Na linha do tempo vemos vários estados dele: "Para cima", e "Sobre". No estado "Sobre" criamos um quadro-chave e transformamos a imagem num símbolo do tipo GRÁFICO e alteramos suas Propriedades: COR ALPHA 70%.



Vá na próxima Cena e selecione a imagem ampliada. Transforme em um símbolo do do tipo CLIPE DE FILME. Duplo clique para edição desse símbolo. Transforme em um símbolo do tipo GRÁFICO e altere as Propriedades, deixando o ALPHA 0%. No quadro 20 crie um quadro-chave e deixe o ALPHA 100%. Crie a Interpolação de Movimento. Lembre-se de colocar a ação de STOP no quadro 20.