Depois de quase um ano no antigo domínio resolvi mudar….aproveitei e já mudei o visual também. Bom, a partir de agora meus posts serão aqui, trarei grandes n0vidades, estou pensando em até gravar screencasts…. Como não tenho muito a dizer vou falar um pouquinho do site:

O site foi baseando em Wordpress como no anterior, com animações em jQuery (como podemos ver em categorias e etc), os formularios são enviados via ajax que em breve trarei um tutorial de como fiz isso. Na parte do design é só branco e sombra, é claro que tem uma pequena arte no fundo mais em geral é isso, achei bacana e deu no que deu. Caso alguem ache alguma funçao do site legal e gostaria de aprender da uma comentada ai que eu terei o maior prazer de ensiar. por enquanto é isso, espero que tenham gostado e até o próximo post.

primeiramente vamos a um e-book(dividido em 5 partes) em português para iniciantes:

o livro foi desenvolvido por Mário Santos e tem de tudo, no final você já vai saber fazer algumas animações conexão com banco de dados, alterar, excluir, enfim fazer um sisteminha bacana.quem quiser baixar este e-book e mais algumas coisas visite http://msdevstudio.com/blog/downloads/ e boa sorte..

Agora aqueles que não gostam de ler e não tem problema com screencasts em inglês você pode aprender diretamente do site da adobe http://www.adobe.com/devnet/flex/videotraining/

Acho que já tem conteúdo o bastante para aprenderem, uma vez que um conteúdo leva a outro (por isso que eu gosto da internet, hehe).

abraços e até a próxima.

Demonstração / Download

Primeiro vamos ao conceito.Seria um modelo já produzido para agilizar o seu trabalho como webdesigner, por exemplo, você ta la ganhando o pão de cada dia e se depara com um menu como este…não é mais facil usar o famoso CTRL+C e CTRL+V? pois bem, este é o conceito…e acredite, sua produtividade vai aumetar e muito...chega de fica perdendo tempo escreve linhas e linhas de código, torrando a cabeça, ouvindo o chefe gritar no seu ouvido porque o job ta atrasado…ta bom, eu apelei mais é essa a intenção.
É claro que cada menu é diferente um do outro e tals, enfim…o objetivo é ter em mãos um modelo propriamente feito, compatível com todos os navegadores, ai é só fazer o jogo do copiar e colar, um pouquinho de alteração aqui…outro ali…e voala…menu certinho e produzido pelo menos na metade do tempo. Já deu pra entender né…

Como não te muito o que falar vamos logo ao bendito menu em css:

HTML:

<ul class="menu">
<li><a href="">Home</a></li>

<li><a href="">Contato</a></li>
<li><a href="">Serviços</a></li>
<li><a href="">Musica</a></li>
<li><a href="">Teste</a></li>
</ul>

O codigo HTML é só isso mesmo, uma lista simples, nada demais…

CSS:

ul.menu li {
float:left;
background: #333;
padding:0px;
line-height: 30px;
border-style: solid;
border-width: 1px;
border-color: #404040 #1a1a1a #1a1a1a #505050;
}
ul.menu li a{
display: block;
padding: 5px 30px;
color: #fff;
font-size:17px;
font-family:Arial,Helvetica,sans-serif;
text-decoration: none;
font-weight: bold;
}
ul.menu li a:hover, ul.menu li:hover{
color: #fff;
background: #4698ca;
border-top-color: #5db1e0 !important;
border-left-color: #5db1e0;
}

Se você fizer o download dos arquivos verá que quase todas as linhas de códigos do CSS (algumas seria idiotisse comentar) estão comentadas explicando o funcionamento de cada uma.

Até a próxima.

Demonstação / Download dos Arquivos

1º passo – Chama a jQuery

Você que sempre acompanha o meu blog já deve estar se roendo porcausa dessa etapa né…mais calma lá, lembrem-se que tem sempre gente nova na area que ainda num sabe disso:

<script src="jquery-1.3.1.min.js" type="text/javascript"></script>

Como o jQuery está com a sua nova versão(1.3) vamos utilizá-la nesse exemplo.

2º Passo -  Escrevendo o script

<script type="text/javascript">
			function limitChars(texto, limite, info){
				var text = $('#'+texto).val();
				var textlength = text.length;

				if(textlength > limite)
				{
					$('#' + info).html('Você ultrapassou o limite de '+limite+' caracteres');
					$('#'+texto).val(text.subtr(0,limite));
					return false;
				}
				else
				{
					$('#' + info).html('Você ainda pode escrever mais '+ (limite - textlength) +' caracteres');
					return true;
				}
			}
			$(function(){
				$('#mensagem').keyup(function(){
					limitChars('mensagem', 20, 'info')
				})
			});
		</script>

Resumindo: criamos uma função com duas variáveis que exibe sim(if) ou não(else). Ou seja, se o usuário ultrapassar o número de caracteres estipulados (neste exemplo são 20 caracteres) o javascript retorna if dizendo que altrapassou o número máximo de caracteres. Se não o javascript retona else exibindo quantos caracteres o usuário ainda pode escrever….

3º passo – CSS e HTML
Não vamos dar ênfase a essa parte…pois são somente estilos aplicados a página:

CSS

<style type="text/css">
			body{
				background:#e8e8e8;
				font-family: Arial, Helvetica, sans-serif;
				color:#222;
			}
			a{
				color:#222;
				text-decoration: none;
			}
			#campo{
				background: #ffffff;
				margin:0 auto;
				width:500px;
				height:250px;
			}
			#titulo{
				height:32px;
				background: #ffffff url(tit.png) repeat-x;
				border: 1px solid #d07300;
			}
			h2{
				font-size:16px;
				font-weight:bold;
				text-align:center;
				color:#111;
				line-height:10px;
			}
			textarea{
				background: #ffffff url(bg.png)repeat-x;
				height:216px;
				width:489px;
				padding:5px;
				border-bottom: 1px solid #bdbcbd;
				border-left: 1px solid #bdbcbd;
				border-right: 1px solid #bdbcbd;
				border-top: none;
			}
			#info{
				font-size:12px;
				margin-top:5px;
				position:absolute;
				text-align:right;
				width:500px;
			}
		</style>

HTML
Note que foram criados duas IDs (mensagem e info) que foram usadas no javascript juntamente com o número máximo de caracteres:

<div id="campo">
	        <div id="titulo">
	        	<h2>Escreva a sua mensagem</h2>
	        </div>
			<form>
				<textarea name="mensagem" id="mensagem" ></textarea>

		</form>

		<span id="info">Não ultrapasse 20 caracteres</span>

		</div>

é isso…espero que tenham gostado.Se quiserem façam o download com o psd e tudo mais. Até a próxima.

Demonstação / Download dos Arquivos

Passo 1 – Chamar a biblioteca jQuery para o documento:

<script src="js/jquery.min.js" type="text/javascript"></script>

Passo 2 – insira o código abaixo logo após o anterior:

<script type="text/javascript">
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
</script>

é so isso.salve a pagina e teste…

Resumindo…quando o usuario clica com o botão direito deveria aparecer o menu de contexto (contextmenu), mas o script executa a função return false, fazendo com que não apareça o menu…
Funcionalidade:
Este script funciona em todos os navegadores, excerto Opera

Até a próxima.

Tem de tudo…HTML/XHTML, CSS, JavaScript (incluindo MooTools e jQuery), e mais alguns.Espero que ajude a todos:

HTML/XHTML

1. HTML Help Sheet

• PDF

2. HTML Cheat Sheet

• PDF
• PNG

3. HTML Character Entities Cheat Sheet

• PDF
• PNG

4. XHTML Cheat Sheet v. 1.03 – PDF

CSS

5. CSS Cheat Sheet (V2)

• PDF
• PNG

6. CSS Cheat Sheet

• PDF
• HTML

7. CSS Shorthand Cheat Sheet

• PDF

8. CSS Level 1 Quick Reference – PDF

9. CSS Level 2 Quick Reference – PDF

10. CSS2.1 Quick Reference Card – PDF

11. CSS2 Reference Guide – PDF

JavaScript

12. JavaScript Cheat Sheet

• PDF
• PNG

13. Addison-Wesley’s JavaScript Reference Card – PDF

14. JavaScript and Browser Objects Quick Reference

• PDF

15. The most common DOM methods at a glance – PDF

16. JavaScript Quick Reference Card/Cheatsheet

• PDF

17. mootools 1.2 cheat sheet

• PDF

18. jQuery Cheatsheet

• PNG

19. jQuery 1.2 Cheat Sheet

• PDF

20. jQuery Visual Map – PNG

Variados

21. RGB Hex Colour Chart

• PDF
• PNG

22. The Web Developer’s SEO Cheat Sheet

• PDF

23. The WordPress Help Sheet

• PDF

Alias vamos ao creditos:
Six Revision – Excelente site, apesar de ser em inglês…recomendo a todos

Até a próxima.

A respostas para o suas duvidas esta na imagem abaixo:

até a proxima e FELIZ ANO NOVO A TODOS

Instalação

Baixe-o e insira o codigo no HTML.Obs.se você alterar a localização e os nomes faça de acordo com as suas alterações:

E jqzoom.css – a parte do CSS.

Como usar

É bem simples, a unica coisa a se fazer é definir a classe para a imagem. ex:

<a href="images/AIMAGEMGRANDE.JPG" class="MINHACLASSE"  title="SEI LA">
<img src="images/IMAGEMPEQUENA.JPG" title="SEI LA"  >
</a>

devemos criar tambem um script que fará tudo isso funcionar:

$(document).ready(function(){
	$('.MINHACLASSE).jqzoom();
});

Script com alguns efeitos, por exemplo:

$(document).ready(function(){
	var options = {
	    zoomWidth: 300,
	    zoomHeight: 250,
            xOffset: 10,
            yOffset: 0,
            position: "right" //e Mais Opções....
};
	$('.MINHACLASSE).jqzoom(options);
});

é isso…para maiores informações visite o site do desenvolverdor…

até a proxima.

Paginas: 102

Descrição detalhada:

• ÍNDICE
• 1.INTRODUÇÃO
• O QUE É PHP?
• HISTÓRIA DO PHP
• O QUE PODE SER FEITO COM PHP?
• TABELA COMPARATIVA
• 2. SINTAXE BÁSICA
• DELIMITANDO O CÓDIGO PHP
• SEPARADOR DE INSTRUÇÕES
• NOMES DE VARIÁVEIS
• COMENTÁRIOS
• 3. TIPOS
• TIPOS SUPORTADOS
• Inteiros (integer ou long)
• Números em Ponto Flutuante (double ou float
• Strings
• Arrays
• LISTAS
• OBJETOS
• BOOLEANOS
• TRANSFORMAÇÃO DE TIPOS
• COERÇÕES
• TRANSFORMAÇÃO EXPLÍCITA DE TIPOS
• COM A FUNÇÃO SETTYPE
• 4. CONSTANTES
• CONSTANTES PRÉ-DEFINIDAS
• DEFININDO CONSTANTES
• 5. OPERADORES
• ARITMÉTICOS
• DE STRINGS
• DE ATRIBUIÇÃO
• BIT A BIT
• LÓGICOS
• COMPARAÇÃO
• EXPRESSÃO CONDICIONAL
• DE INCREMENTO E DECREMENTO
• ORDEM DE PRECEDÊNCIA DOS OPERADORES
• 6. ESTRUTURAS DE CONTROLE
• BLOCOS
• COMANDOS DE SELEÇÃO
• if
• switch
• COMANDOS DE REPETIÇÃO
• while
• do… while
• for
• QUEBRA DE FLUXO
• Break
• Continue
• 7. FUNÇÕES
• DEFININDO FUNÇÕES
• VALOR DE RETORNO
• ARGUMENTOS
• PASSAGEM DE PARÂMETROS POR REFERÊNCIA
• ARGUMENTOS COM VALORES PRÉ-DEFINIDOS (DEFAULT)
• ESCOPO
• 8. VARIÁVEIS
• O MODIFICADOR STATIC
• VARIÁVEIS VARIÁVEIS
• VARIÁVEIS ENVIADAS PELO NAVEGADOR
• URLENCODE
• VARIÁVEIS DE AMBIENTE
• VERIFICANDO O TIPO DE UMA VARIÁVEL
• Função que retorna o tipo da variável
• Funções que testam o tipo da variável
• DESTRUINDO UMA VARIÁVEL
• VERIFICANDO SE UMA VARIÁVEL POSSUI UM VALOR
• ARRAYS MULTIDIMENSIONAIS
• 9. CLASSES E OBJETOS
• CLASSE
• OBJETO
• A VARIÁVEL $THIS
• SUBCLASSES
• CONSTRUTORES
• 10. PHP AVANÇADO
• INTERAGINDO COM O BROWSER
• UTILIZANDO FORMULÁRIOS HTML
• COOKIES
• SESSÃO
• REQUIRE
• INCLUDE
• FORMULÁRIOS AVANÇADOS
• ARQUIVOS REMOTOS
• Lendo
• Escrevendo
• TRATAMENTO DE ERROS
• 11.SQL
• O QUE É?
• SELECT
• Subseleções
• INSERT
• UPDATE
• DELETE
• O QUE EM COMUM ENTRE: DELETE X UPDATE
• CREATE
• DROP
• ALTER
• 12. BANCOS DE DADOS COMPATÍVEIS COM O PHP
• 13. BIBLIOTECA DE FUNÇÕES
• BIBLIOTECAS REQUERIDAS
• ARRAY
• Array
• array_keys [PHP4]
• Array_merge [PHP4]
• Array_pop[PHP4]
• Array_push[PHP4]
• Array_shift[PHP4]
• Array_slice[PHP4]
• Array_splice[PHP4]
• Array_unshift[PHP4]
• Array_values[PHP4]
• Array_walk
• Arsort
• Asort
• Compact[PHP4]
• Count
• Current
• Each
• End
• Extract
• In_array[PHP4]
• Key
• Ksort
• List
• Next
• Pos
• Prev
• Range
• Reset
• Rsort
• Shuffle
• Sizeof
• Sort
• Uasort
• Uksort
• Usort
• MATEMÁTICA PARA NÚMEROS INTEIROS
• Bcpow
• Bcscale
• DATAS
• Checkdate
• Date
• Getdate
• Gettimeofday
• Gmdate
• Gmmktime
• Gmstrftime
• Microtime
• Mktime
• Strftime
• Time
• DIRETÓRIO
• Chdir
• Classe dir
• Closedir
• Opendir
• Readdir
• Rewinddir
• EXECUÇÃO DE PROGRAMAS
• Escapeshellcmd
• Exec
• Passthru
• System
• SISTEMA DE ARQUIVOS DO SERVIDOR
• Basename
• Chgrp
• Chmod
• Chown
• Clearstatcache
• Copy
• Delete
• Dirname
• Diskfreespace
• Fclose
• Feof
• Fgetc
• Fgetcsv
• Fgets
• Fgetss
• File
• File_exists
• Fileatime
• Filectime
• Filegroup
• Fileinode
• Filemtime
• Fileowner
• Fileperms
• Filesize
• Filetype
• Flock
• Fopen
• Fpassthru
• Fputs
• Fread
• Fseek
• Ftell
• Fwrite
• Is_dir
• Is_executable
• Is_file
• Is_link
• Is_readable
• Is writeable
• Link
• Linkinfo
• Mkdir
• Pclose
• Popen
• Readfile
• Readlink
• Rename
• Rewind
• Rmdir
• Set_file_buffer
• Stat
• Symlink
• Tempnam
• Touch
• Umask
• Unlink
• OPÇÕES E INFORMAÇÕES DO PHP
• Error_log
• Error_reporting
• Extension_loaded
• Get_cfg_var
• Get_current_user
• Get_magic_quotes_gpc
• Get_magic_quotes_runtime
• Getenv
• Getlastmod
• Getmyinode
• Getmypid
• Getmyuid
• Getrusage
• Phpinfo
• Phpversion
• Putenv
• Set_magic_quotes_runtime
• Set_time_limit
• MATEMÁTICA
• Abs
• Acos
• Asin
• Atan
• Atan2
• Base_convert
• Bindec
• Ceil
• Cos
• Decbin
• Dechex
• Decoct
• Exp
• Floor
• Getrandmax
• Hexdec
• Log
• Log10
• Max
• Min
• Mt_rand
• Mt_srand
• Mt_getrandmax
• Number_format
• Octdec
• Pi
• Pow
• Rand
• Round
• Sin
• Sqrt
• Srand
• Tan
• CRIPTOGRAFIA
• Mcrypt_cbc
• Mcrypt_cfb
• Mcrypt_create_iv
• Mcrypt_ecb
• Mcrypt_get_cipher_name
• Mcrypt_get_block_size
• Mcrypt_get_key_size
• Mcrypt_ofb
• FUNÇÕES DIVERSAS
• Connection_aborted
• Connection_status Connection_timeout
• Eval
• Die
• Exit
• Function_exists
• Ignore_user_abort
• Iptcparse
• Leak
• Mail
• Pack
• Register_shutdown_function
• Serialize
• Sleep
• Unpack
• Unserialize
• Uniquid
• Usleep
• REDE
• Checkdnsrr
• Closelog
• Debugger_on
• Debugger_off
• Fsockopen
• Gethostbyaddr
• Gethostbyname
• Openlog
• Pfsockopen
• Set_socket_blocking
• Syslog
• EXPRESSÕES REGULARES
• Ereg
• Ereg_replace
• Eregi
• Eregi_replace
• Split
• Sql_regcase
• TRATAMENTO DE SESSÕES
• Session_decode[PHP4]
• Session_destroy[PHP4]
• Session_encode[PHP4]
• Session_start[PHP4]
• Session_id[PHP4]
• Session_is_registered[PHP4]
• Session_module_name[PHP4]
• Session_name[PHP4]
• Session_register[PHP4]
• Session_save_path[PHP4]
• Session_unregister[PHP4]
• STRINGS
• Addslashes
• Bin2hex
• Chop
• Chr
• Chunk_split
• Convert_cyr_string
• Crypt
• Echo
• Explode
• Flush
• Get_meta_tags
• Htmlentities
• Htmlspecialchars
• Implode
• Join
• Ltrim
• Md5
• Nl2br
• Ord
• Parse_str
• Print
• Printf
• Quoted_printable_decode
• Quotemeta
• Rawurldeconde
• Rawurlenconde
• Setlocale
• Similar_text
• Soundex
• Sprintf
• Strchr
• Strcmp
• Strcspn
• Strip_tags
• Stripslashes
• Strlen
• Strpos
• Strrpos
• Strrchr
• Strrev
• Strspn
• Strstr
• Strtok
• Strtolower
• Strtoupper
• Str_replace
• Strtr
• Substr
• Trim
• Ucfirst
• Ucwords
• FUNÇÕES PARA VARIÁVEIS
• Doubleval
• Empty
• Gettype
• Intval
• Is_array
• Is_double
• Is_float
• Is_int
• Is_integer
• Is_long
• Is_object
• Is_real
• Is_string
• Isset
• Settype
• Strval
• Unset

Download

As Mentiras:
- Faça esse de graça que no próximo a gente se acerta.
Todo freelancer cai nessa quando faz o 1º trabalho, mas o 2º nunca vem. Ainda tem a desculpa: “é só para saber se você é bom mesmo”.

Novos freelancers…Jamais caia nessa, pelo amor de Deus…eu graças a Deus nunca passei por isso e se passase eu no mínimo iria xingar o cliente.Aqui vai uma tecnica:
Procure saber qual é a profissão do cliente.Suponhamos que ele é um pedreiro…diga o seguinte:

- Constroi uma casa aqui pra mim DE GRAÇA que na 2ª a gente acerta…

Ele vai sentir na pele como é…ai ou você ganha o cliente pra sempre e faz ele rir ou, perdeu boy!

- Pago quando receber a versão final.
Falou essa frase cai fora…clientes antigos e confiáveis até podem ter essa liberdade, mas novos clientes… E mesmo que termine, pode dizer que não quer mais. E aí? Foi tempo perdido. Por isso contratos são indispensáveis.

O que recomendo fazer é:

• Entrada de 30% ou 50%;
• E o restante no momento da entrega do trabalho…mais tenha sempre uma carta na manga…

- Esse trabalho vai te dar muita visibilidade e gerar inúmeros negócios novos.
Isso pode até ser verdade de fato. O problema é que essa frase geralmente é usada como argumento para baixar (e muito) o preço. Se você já começa fazendo um mal negócio, as indicações chegarão querendo um acordo semelhante.
Alguns até dizem algo parecido, como:

- Agora a gente não tem como pagar porque é um projeto novo, mais quando ele expandir a gente te paga..
To cansando de ouvir isso, ah se eu mostrasse as conversas que tenho no MSN pra vocês…Pessoal entenda, se o cara que faze um site e não tem grana pra te pagar agora, qual é a possibilidade de te pagar depois?

- Bom, não sei se vou fazer o trabalho com você, mas deixe aqui seu material que vou conversar com meu parceiro/investidor/esposa/clero.
Duas situações possíveis: você não está falando com quem toma a decisão na empresa, ou você acaba de prestar consultoria para um concorrente. No primeiro, tente sempre falar com quem toma as decisões, caso contrário um telefone sem fio acontece e sua defesa já era. No segundo, o cliente liga para um concorrente seu e barganha preço, que vai poder cobrar mais barato, pois todo o trabalho criativo você já fez. Não deixe nada que você gastou horas para fazer na mesa alheia.Fiquem espertos…

- O trabalho não foi cancelado, só adiado. Mas em um mês ou dois eu entro em contato.
Resultado da segunda mentira. Pode ser uma desculpa para não pagar pelo trabalho feito até então. Se bater a curiosidade, ligue em 2 meses para descobrir quem ficou no seu lugar.Por isso eu bato novamente nessa tecla, tem que dar uma entrada, se ele cancela quem sai no prejuizo é ele, não devolve a grana não…é importante um contrato tambem, joga lá que se houver cancelamento o cliente deverá pagar uma multa, sei la…pensa em algo maligno ai, kkkkkkkkkkkkk

- Pra quê contrato?
Para se resguardar de metade dos itens aqui listados.se você sentir que tem tudo sobre controle, que não será preciso…faça do mesmo jeito

- Mande-me a conta(bancária) quando o trabalho estiver terminado.
Nunca, jamais, em ipotese alguma deixe isso acontercer…uma das primeiras coisas que se deve deixar claro é a sua conta, assim o cliente não vai poder dar a desculpa de que perdeu a sua conta e por isso ainda não depositou…Passe a conta para ele e na proxima conversa que tiver com ele pergunte a ele qual é a sua conta…E mais uma vez é provado a importancia da entrada antes de iniciar um trabalho, projeto, site, o que for…

- O último cara fez isso por tantos reais.
Se o último cara fosse bom o suficiente o cliente não estaria conversando com você agora, não é mesmo? Cobre um preço justo e segure-o. Parasitas sempre irão existir em qualquer mercado, mas se o seu preço reflete a qualidade do seu trabalho, mantenha-o.E vocês que ja são mais experientes ja devem saber que se deve jogar um precinho mais alto, porque todo cliente “chora”, ai você da “aquele desconto” e ganha o desejado, hehhehehehe

- Nós só temos tanto para gastar.
Menos dinheiro, menos trabalho. Não abandone um cliente porque ele não tem o quanto você está cobrando, mas reduza os recursos. Aquela área inovadora que demorava 3 meses para fazer talvez possa esperar mais um pouco.

Basicamente é isso, se quiserem compartilhar mais mentiras fiquem a vontade e cuidado pra não cair em uma dessas…
Até a proxima.