Mateus Souza - Blogando Diferente

Resumindo Posts - Dicas Wordpress

admin — Wed, 31 Dec 2008 17:03:44 +0000

Vou dar uma dica rápida aqui que tem muita gente, inclusive clientes me perguntando sempre:
Como faz pra resumir post no wordpress?

A respostas para o suas duvidas esta na imagem abaixo:

até a proxima e FELIZ ANO NOVO A TODOS

Gostou? Então Leia Tambem:

Drupal - Melhor CMS de 2008

admin — Tue, 23 Dec 2008 13:34:27 +0000

O Drupal tem ganho vários prémios internacionais de melhor CMS (Content Management System). Recentemente foi premiado com o prémio de Melhor CMS Open Source Global e Melhor CMS baseado em PHP no evento CMS Awards 08.

Para além destes prémios, o seu criador, Earl Miles foi considerado uma das pessoas com mais valor no mundo dos CMS Open Source.

Existem bastantes sites, não só pessoais como também comerciais, que utilizam o Drupal como plataforma, entre eles podemos encontrar o site do jornal The Onion, o 24 Horas da Suiça, o site do cantor Bob Dylan, a ICANN, as Nações Unidas e até mesmo o SourceForge no seu site corporativo.

Então Galera, quem quer se destacar agora em 2009, eu recomendo que estudem e dominem este CMS juntamente com Joomla e Wordpress…se eu tiver tempo ajudarei a todos que precisarem.

Até a próxima e feliz Natal e Ano novo a todos…

Gostou? Então Leia Tambem:

O Webdesigner da Atualidade

jQZoom - Otimo Plugin Para jQuery

admin — Tue, 16 Dec 2008 16:44:11 +0000

Se você ta precisando dar um zoom nas imagens, seus problemas acabaram, rsrs
Com essa belezinha aqui você fará isso e muito mais…confira no site do desenvolvedor.

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:

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.

Gostou? Então Leia Tambem:

Apostila Completa de PHP - 102 páginas

admin — Thu, 11 Dec 2008 13:33:23 +0000

Apostila muito completa aborda ítens do PHP que muita gente nem imagina que existe, você certamente vai aprender muito sobre esta linguagem
É so ter paciencia e lê muito…assim que puder vou começar a postar tutoriais de PHP aqui tambem pra ajudar a galera.

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

Gostou? Então Leia Tambem:

As Maiores Mentiras dos Clientes

admin — Tue, 09 Dec 2008 12:36:47 +0000

Cliente é complicado…eu acho que todos os que estão lendo este post ja deve ter ouvido algumas ou todas mentiras citadas abaixo, exerto os mais novinhos na área então ja fiquem espertos pra não cairem nessa…

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.

Gostou? Então Leia Tambem:

Quanto Cobrar Por Um Site?

admin — Mon, 08 Dec 2008 12:00:31 +0000

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 proxima.

Gostou? Então Leia Tambem:

Diferença entre ID(#) e Class(.)

admin — Thu, 04 Dec 2008 13:39:31 +0000

Bom eu estava “dando aula” pra um amigo meu pelo Skype e surgiu essa pergunta: Qual é a diferença entre ID(#) e Class(.)?E é este tema que será abordado neste post:

Intrudução
É comum haver confusões entre IDs e Classes, utilizados e necessários em XHTML, CSS e Javascript. Há muitos tutoriais na internet explicando alguns pontos básicos e algumas dicas, que não são o suficiente. Resultado: as dúvidas persistem e a diferença entre ID e Classe ainda não é “desvendada”. Vamos acaber com esse mitério de uma vez por todas…

IDs e classes são “anzóis”

Precisamos definir uma propriedade(estilos) para os elementos da pagina. Para isso, usamos e IDs e Classes.

Por exemplo

tag

. Ou talvez tenhamos boxes na barra lateral para manter o conteúdo separado de alguma forma:

Esses IDs e classes são os “anzóis” que precisamos fazer na marcação para colocarmos as mãos neles. O CSS obviamente precisa disso para que possa fazer seletores e montar folhas de estilos, mas outras linguagens web, como javascript, também dependem deles. Mas quais as diferenças entre IDs e classes?

IDs são únicos

Cada elemento pode ter apenas um ID;
Cada página pode ter apenas um elemento com aquele ID.

Quando se está aprendendo sobre isso, é comum ouvir que só se deve usar IDs uma vez, mas é possível usar uma classe várias vezes. Basicamente, isso entra num ouvido e sai no outro, porque soa mais como uma “regrinha” que algo realmente importante. Se você trata somente com HTML / CSS, isso pode acontecer com você, também, porque eles realmente não parecem fazer nada de diferente.

Atenção: seu código não vai passar pelo validador se você usar o mesmo ID em mais de um elemento. A validação deve ser importante para todos nós, de modo que, por si só, é algo muito importante. Adiante, mais razões pelas quais um ID deve ser único.

Classes não são únicas

Você pode usar a mesma classe para vários elementos;
Você pode usar várias classes para um mesmo elemento.

Qualquer informação de estilo que precise ser aplicada a múltiplos elementos em uma página deve ser feita com uma classe. Tomemos como uma exemplo uma página com vários “widgets“:

<div class="widget"></div>
<div class="widget"></div>
<div class="widget"></div>

Agora, é possível usar a mesma classe “widget” como gancho para aplicar o mesmo conjunto de estilos para cada um deles. Mas, e se for preciso ter um deles maior que os outros, mas continuar com um estilo que compartilhe dos outros atributos? É possível aplicar mais de uma classe a um elemento:

<div class="widget"></div>
<div class="widget big"></div>
<div class="widget"></div>

Não há necessidade de fazer e nomear uma nova classe aqui, apenas colocar o nome da nova classe no atributo class, juntamente com o nome da classe que já está lá. As diferentes classes são delimitadas por espaços e a maioria dos navegadores permite quaisquer números delas (na verdade, é mais como milhares, o que é muito mais do que realmente é preciso).

Não existem padrões de IDs e Classes em nenhum navegador

Colocar um nome de classe ou ID em um elemento, por padrão não faz nada a esse elemento.

Isso é algo que intriga quem é iniciante. Você está trabalhando em um site e descobre que a aplicação de uma classe com um nome em particular resolve um problema que você tem. Então você mexe em outro site, com o mesmo problema, e tenta corrigí-lo da mesma maneira, usando aquele mesmo nome de classe, pensando que o nome da classe, por si só, tem alguma propriedade mágica, apenas para descobrir que não funciona assim…

Classes e IDs não têm qualquer estilo por si mesmos. É preciso CSS para orientar e aplicar estilos.

Códigos de Barra e Números de Série

Talvez códigos de barra e números de série sejam uma boa analogia. Tome um iPod, numa loja. Na embalagem há um código de barras. Ele indica à loja que produto é esse; então, quando é escaneado, o código de barras informa exatamente que produto é aquele e quanto custa. É possível saber até sua cor e em qual lugar do armazém ele era mantido. Todos esses iPods têm exatamente o mesmo tipo de código de barras.

O iPod tem também um número de série que é absolutamente único em relação a qualquer outro iPod (ou outro dispositivo) em todo o mundo. O número de série não informa o preço. Poderia, mas para a loja que o vende esta não seria uma maneira eficaz de armazenar e utilizar essa informação. É muito mais fácil usar um código de barras porque se, por exemplo, o preço muda, é preciso apenas alterar o preço para aquele código de barras, e não para cada número serial do sistema.

Isso é muito parecido com IDs e Classes. Informações que são reusadas devem ser mantidas em uma classe e informações que são totalmente únicas devem ser mantidas em um ID.

IDs têm uma funcionalidade especial nos navegadores

Classes não tem funcionalidades especiais no browser, mas IDs têm um truque muito especial na manga: um “valor de hash” para URLs. Se você tiver um URL como http://seudominio.com#comments, o navegador vai tentar localizar o elemento com o id “comments” e vai automaticamente rolar a página até chegar nesse elemento.

É importante observar que o browser vai rolar a página até onde quer que o elemento esteja; então, se houver algo de especial, como uma DIV com barra de rolagem (propriedade CSS overflow com valor “auto” ou “scroll”), esta barra de rolagem vai ser deslocada - rolar para baixo -, também.

Esta é uma razão importante sobre o porquê é importante ter um ID absolutamente único. Com isso, o navegador sabe até quando rolar.

Elementos podem ter ambos, ID e Classes

Não é nada ruim você usa ambos, ID e classes em um único elemento. Na verdade, fazer isso na maioria das vezes é uma boa idéia. Tomemos como exemplo o padrão de marcação para item de lista de um comentário no Wordpress:

<li id="comment-27299" class="item">

Tem uma classe que foi aplicada que talvez se queira usar para estilizar todos os comentários na página, mas também há um único valor de ID (dinamicamente gerado pelo Wordpress). Com isso, é facilmente possível fazer um link diretamente a um comentário, em uma página, em especial.

CSS sem limites

Quanto ao CSS, não há nada que você possa fazer com um ID que não possa fazer com uma Classe e vice-versa. Às vezes, quando se está iniciando no estudo de CSS e se tem um problema, tenta-se alternar entre usar ID ou usar Classe. O CSS não se importa, faça o que quiser.

Javascript se importa

Aqueles que mexem com javascript provavelmente já estão mais em sintonia entre as diferenças entre as Classes e IDs. Javascript depende da existência de um elemento de página com ID único, ou então a comumente utilizada função getElementById não seria confiável. Aqueles acostumados com jQuery sabem o quão fácil é adicionar e remover classes de elementos de página. É uma função nativa no jQuery. Veja que tal função não existe para IDs. Não é responsabilidade do javascript manipular estes valores, porque ele causaria mais problemas que seria útil…

Se você não precisa deles, não os use

Como você pode ver, classes e IDs são muito importantes e nós os utilizamos todos os dias para estilizar páginas e manipular aquilo que é preciso. Entretanto, você deve usá-los com critério e semanticamente.

Isto significa evitar coisas do tipo:

<a href="http://css-tricks.com" class="link">CSS-Tricks.com</a>

Já sabemos: este elemento é um link, é um elemento âncora. Não há nada de especial aqui a ponto de ser preciso especificar uma classe, já que é possível aplicar o estilo na própria tag (”a”).

Evite este tipo de coisa, também:

<div id="coluna-direita">

O ID é corretamente utilizado aqui, já que, provavelmente, a página terá somente uma única coluna da direita, mas o nome é inadequado. Descreva o contexto do elemento, não onde está ou como se parece. Um ID “barra-lateral” seria melhor.mais isso não tem tanta importacia, eu prego o seguinte: se você entende o que fez e ta certo, então faça a sua maneira…

Ta bom né, agora vamos aos creditos:
Eu é claro, e tambem ao site CSS tricks de onde foi retirado parte desse post…espero que tenham gostado e entendido (ficou meio técnico o post).

Até a proxima.

Gostou? Então Leia Tambem:

Encontro de Profissionais de Design - EPD 2008

admin — Sat, 29 Nov 2008 11:56:36 +0000

De 4 a 7 de dezembro acontece o Encontro de Profissionais de Design em Brasíia DF.

O EPD 2008 pretende reunir designers para troca de informações sobre temas relacionados ao dia-dia dos estúdios de design, tais como: captação de clientes, plano de negócios, contratos, impostos e cessão de direitos autorais. Os temas serão reunidos em grupos de trabalho, conforme o interesse dos participantes.

Local

FACULDADE BRASÍLIA
SCS Qd. 02 conj. C nº179 - Ed. Vitória

BRASÍLIA IMPERIAL HOTEL
SHS - Setor Hoteleiro Sul - QD 3 Bloco H
www.brasiliaimperialhotel.com.br

Hospedagem 3 dias c/ café da manhã:
R$ 57 / dia (quarto triplo + taxas)
R$ 71 / dia (quarto duplo + taxas)
R$ 118 / dia (quarto single + taxas)

Vagas limitadas.

R$ 90 (até 19/11)
R$ 120 (até 28/11)

Para solicitar os dados de depósito
envie e-mail para epd2008@epd.org.br

fonte: http://www.design.com.br/

Gostou? Então Leia Tambem:

Dicas Para Trabalhar com CSS (Cascading Style Sheets)

admin — Fri, 28 Nov 2008 21:21:24 +0000

Hoje vou postar algumas dicas de CSS, pra ajudar novos designers e até os mais experientes, são dicas simples porem eficazes, vamos as dicas:

Pare com div1, div2…

Evite dar nomes como div1, div2, div3 aos seus elementos. Eles não explicam nada, e quando você for corrigir algum erro, sei la só vai queimar o neurônios sem precisão . Da mesma maneira, barra_azul não faz muito sentido: se você mudar a cor do site, onde vai estar a barra azul? Prefira nomes explicativos, como menu ou barra_links.

Cuidado com Maiúsculas e minúsculas

Nomes de elementos fazem diferença entre letras maiúsculas e minúsculas: BarraLinks é diferente de barralinks. Preste atenção na hora de usar seu elemento no HTML.

Declaração id x class

Para elementos que aparecem apenas uma vez no layout (menu, rodapé, cabeçalho, etc) prefira a declaração id, precedida por um sinal de # (ex. #menu). Para elementos que vão aparecer várias vezes, utilize a declaração class, precedida por um ponto (como .postagems).

Use a mesma declaração entre vários elementos comuns

Se vários elementos terão características em comum, declare-os todos de uma vez, separados por vírgula, assim diminui o a linha de código e agiliza bastante:

h1, h2, h3, h4 {
font-family: Arial, Helvetica, Sans-Serif;
}

Organize-se e lembre da hierarquia

Por ser uma folha de estilo em cascata, a última declaração é a que prevalece. Preste atenção para não declarar um elemento duas vezes: na hora da manutenção, você pode fazer a alteração na primeira e se perguntar porque ela não funciona, quando na verdade uma segunda declaração está perdida no meio do seu código (por isso organização é fundamental!), preste atenção viu ;).

Use comentários

Quando você utilizar o CSS para efeitos mais avançados, como um menu em abas, comente seu código para não esquecer o que cada parte dele faz, é só adicionar/* para abrir um comentário e */ para fechar.ex

#menu ul li a
       /* aba normal */
       {background: #444; color: #FFF; border: 1px #FFF solid;}

#menu ul li a:hover{
       /* aba selecionada*/
       {background: #FFF; color: #F00; border: #F00 1px solid;}

Declare as unidades

Quando trabalhar com valores diferentes de zero, declare as unidades (px, pt, etc). Cada navegador assume uma unidade padrão quando ela não é especificada, gerando resultados diferentes em cada navegador, uma coisa simples como essa pode pesar e muiito na sua imagem na web.

Bom é so isso e até a próxima.

Gostou? Então Leia Tambem:

Accordion Horizontal - Tutorial jQuery

admin — Mon, 24 Nov 2008 23:34:08 +0000

Bom eu não sei se escreve assim mesmo (Accordion) em português mais, vai assim mesmo….

Vamos criar um efeito sanfona, que revela uma legenda para cada miniatura quando colocado o mouse sobre uma delas:

Demonstração / Download dos Arquivos

Passo 1 - Chamar o jQuery
Pela milezima vez vamos fazer esse passo novamente, lembrando que é um processo “padrão” para qualquer efeito com jQuery:

Passo 2 - HTML

Eu dei a primeira tag âncora um id, para que pudéssemos definir uma largura inicial e exibi-la ampliada quando a página é carregada.



  
    
      
      
        Tutoriais

      Aprenda, conheça mais, confira meus tutoriais. 
    
  
  
    
    
       
         Portfolio

       Veja alguns trabalhos feitos por mim ...
    
  
  
    
    
      
        Contato

      Gostou? então entre em contato comigo...

Passo 2 - CSS

A principal coisa a se notar é a altura fixa a ser estabelecidas sobre a tag âncora.
Usamos “overflow: hidden” para evitar que o conteudo da tag de caia para baixo da miniatura.:

ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul li{
	float: left;
	padding: 10px;
	display: block;
	margin-right: 10px;
	background: transparent url(images/bac.jpg) repeat-x;;
}

ul li a{
  display: block;
  overflow: hidden;
  height: 75px;
  width: 75px;
}

#a1{
  width: 210px;
}

ul li img{
  position: absolute;
  border: 3px solid #800622;
}

ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 85px;
}
body {
	background-color: #222;
	color:#FFF;
}
#cont{
	height:120px;
	width: 450px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.texto {
	font-size: 13px;

Passo 3 - jQuery

E aqui está o jQuery script que faz tudo acontecer. A primeira coisa que faz é definir algumas variáveis:

lastBlock: representa o bloco que já está expandido;
maxWidth: é a largura que queremos que o nosso bloco aparece quando expandido;
minWidth: é a largura dos blocos que não estão expandidos.em nosso exemplo será 75px…

Agora definimos o evento de hover:

Bom, é só isso. Até a proxima.