Dicas
Categoria | 16 posts usam esta categoria.
Descrição: Quem não ouve uma dica? dicas que podem até salvar o seu dia :)
Criado por Mateus Souza em 24 de junho de 2010 às 12:46
Você já deve ter visto vários plugins na Internet para bloquear usuários do Internet Explorer, mais nenhum é como este – e olha que eu procurei….
Página do projeto | Instruções | Demo 1 | Demo 2
A Estratégia
A estratégia que montei para este plugin tem o mesmo objetivo dos demais, mais de uma forma diferente. Basicamente os plugins atuais ou pedem unicamente para atualizar o Internet Explorer ou usar outro navegador, o que não acho interessante em nenhum dos casos. Mais por quê? Simplesmente porque se eu unicamente atualizar o Internet Explorer 6 para uma versão mais recente (no momento seria o IE8), os outros browser que convenhamos, são melhores, iriam “ficar de lado”, o que não considero bom pois as novidades estão surgindo dos “outros” browser, além da taxa de novas atualizações serem bem maior do que o Internet Explorer. Há mais motivos, mais você já deve estar processando em sua mente boa parte deles 
.
Por outro lado, se eu somente migrar para outro navegador, o bendito do IE6 vai continuar instalado no PC do seu visitante, correndo o risco de volta e meia ele usar o IE6, o que não queremos.
Bom diante disso o Adeus IE6, primeiramente bloqueia o usuário (em outra palavras ele não navega no site ), “forçando” a atualização…mais ele vai ser convencido de que será melhor atualizar logo seu navegador 
. Em primeiro caso a atualização do Internet Explorer, depois…se ele quiser…ele testa outro browser (Melhor um pássaro na mão do que 2 voando). Enfim o visitante terá todas as opções, agora caberá a ele fazer a sua escolha.
leia mais »
Postado em Dicas, Noticias, jQuery.
Criado por Mateus Souza em 27 de abril de 2010 às 11:02
Bom dia, boa tarde, boa noite…depois de muito tempo sem atividade no blog venho trazer uma novidade para vocês. Alguns já devem saber o que é, não vou ficar de papo furado então vamos direto a novidade:
Linha Framework
Trata-se de um framework (meio obvio não?) para desenvolvimento front-end – HTML, CSS e Javascript. Se você já usou algum grid CSS, como o 960.gs ou Blueprint por exemplo, irá se familiarizar facilmente com este framework, mas o Linha Framework é mais completo.
É mais completo pois não fica somente no grid CSS, temos o grid template (PSD), marcação HTML e CSS em português, sem falar do plugins para jQuery em português támbem. Acredite, desenvolver com um framework poupa e muito o seu tempo. Passando um pouco para a prática, você poderá desenvolver as três camadas (HTML, CSS e JS) de uma só vez, de forma fácil e rápida.
leia mais »
Postado em CSS, Dicas, HTML, Javascript, Linha Framework, Noticias, jQuery.
Criado por Mateus Souza em 22 de setembro de 2009 às 9:01
Creio que você já deve ter feito esta pergunta pelo menos uma vez quando pensou em usar algum framework para desenvolver. Foi pensando nisso que alguém (não consegui localizar o autor, somente a hospedagem) fez um site comparando os melhores frameworks atuais.
http://www.bestwebframeworks.com/
É o site precisávamos…uma vez selecionado a linguagem, será exibida uma tabela com pelo menos alguns pontos básicos:
- Licença;
- Requisitos;
- Recursos;
- Compatibilidade.
Quem tiver dúvidas creio que ao visitar este site terá mais certeza de qual framework precisa. Para não ficar só na dica eu vou falar os melhores na minha opinião:
leia mais »
Postado em CSS, Dicas, Javascript, PHP, jQuery.
Criado por Mateus Souza em 2 de junho de 2009 às 16:12
Bom pessoal depois de muito tempo sem postar, vou divulgar um material pra quem ta querendo aprender flex…
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.
Postado em Dicas.
Criado por Mateus Souza em 28 de fevereiro de 2009 às 14:20
Bom hoje eu vou postar um dos meu “macetes” que eu uso pra me ajudar na produção de sites…é o famoso “don’t repeat yourself”:
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.
Postado em CSS, Dicas, HTML, Webdesigner.
Criado por Mateus Souza em 22 de janeiro de 2009 às 13:27
Como posso desabilitar / bloquear / cancelar o menu de contexto quando eu clico com o botão direito sobre a tela? Há uma série de scripts em javascript que fazem esse serviço, mas vamos faze-lo utilizando jQuery que é muito mais fácil! Vamos lá, é bem simples:
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.
Postado em Dicas, Javascript, Tutoriais, jQuery.
Criado por Mateus Souza em 19 de janeiro de 2009 às 16:30
Como esse é o meu primeiro post do ano…vamos postar algo eficiente que ajude a todos
Pra quem não sabe…teve algumas pessoas que resolveram criar PDFs ou Imagens contendo uma ajuda, um help pra quem esqueceu os codigos de CSS por exemplo.
Esses arquivos receberam o nome de Cheat Sheets (num sei o que significa e nem quero saber )
Tem de tudo…HTML/XHTML, CSS, JavaScript (incluindo MooTools e jQuery), e mais alguns.Espero que ajude a todos:
HTML/XHTML
leia mais »
Postado em CSS, Dicas, HTML, Javascript, Mootools, SEO, Webdesigner, Wordpress, jQuery.
Criado por Mateus Souza em 31 de dezembro de 2008 às 14:03
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 dúvidas esta na imagem abaixo:
até a proxima e FELIZ ANO NOVO A TODOS
Postado em Dicas, Wordpress.
Criado por Mateus Souza em 28 de novembro de 2008 às 18:21
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
leia mais »
Postado em CSS, Dicas.
Criado por Mateus Souza em 18 de novembro de 2008 às 20:45
Falar sobre isto é simples e complicado ao mesmo tempo, primeiramente vamos voltar a uns 5-10 anos atrás. Os sites eram cheio de texto para todos os lados, confundia muito o visitante, ficava perdido sem ter noção de onde ir.
Hoje já sabemos que a melhor forma é pouco texto (nem sempre) e uma navegação fácil, devemos “mostrar o caminho” para o visitante seguir em frente e atingi nosso objetivo (vender, conseguir um retorno…).Temos que pensar também no publico alvo, você não vai fazer um site “sanguinário” para uma criança visitar né…
Se eu fosse escrever tudo detalhadamente só ano que vem terminaria, então vou listar algumas qualidades “minimas” que um webdesigner deve ter, qualidades nas quais são muitos requisitadas por todos:
Domínio de CMS’s
CMS hoje é tudo, é necessário um conhecimento amplo nesta área, estude,crie templates(mesmo que não traga lucros, o importante é aprender…) módulos, plugins(aqui ta mais pra programador )… para softwares(CMS) como Joomla, WordPress, Drupal, MovableType entre outros…
PSD para XHTML
Infelizmente muitas pessoas ainda não sabem fazer isso, um processo no qual um webdesigner, programador… deve saber pois, o Fireworks na parte do verdadeiro design deixa a desejar forçando-nos a usar o Photoshop(eu amo photoshop).O dominio do XHTML e CSS é muito importante nesta etapa para se produzir um site de qualidade.
Sites como PSD2HTML cobram em no minimo $500 (algo em torno de mais de R$1000) para fazer um serviço bom; preste atenção na grana que você pode estar perdendo simplesmente por falta de interesse…
Ah, se mesmo assim você não quiser aprender esse processo ou não tem tempo para isto, entre em contato comigo que a gente resolve isso já ^^
Javascript
Frameworks como
jQuery,
MooTools,
Prototype entre outros, tem crescido e ganhado destaque na web, você não vai querer ficar pra trás né…
Flash
Outro ponto importante é o bendito flash…eu pessoalmente odeio o flash, já que Javascripts fazem o serviço no lugar deste, mais, mesmo assim é necessário conhecer o Actionscript (esse post tá mais pra programador) e saber fazer algumas animações no flash.
E-commerce (Comercio Eletrônico)
A utilização da internet para fazer comprar tem crescido muito, fazendo com que surja cada vez mais serviços com esse tipo de plataforma.É simples e facil de dominar e-commerce, so basta ter vontade…
Conclusão
Quanto mais conhecimento melhor, veja tutorais encontrados aqui e em outros sites para cada elemento citado acima e mãos a obra…Espero que tenham gostado e até a proxima.
Postado em Dicas, Webdesigner.
