Dicas Web
SecurityTube é um site ao estilo do YouTube, que disponibiliza vídeos no segmento de Segurança da Informação.
Nele você pode encontrar ótimos materiais, e verdadeiras receitas de bolo para configurar roteadores, redes wireless, instalação de sistemas e muito mais…
Veja este hilário vídeo que você também pode encontrar lá:
Instalando o Windows Vista em 2 minutos
[youtube]http://www.youtube.com/watch?v=FVbf9tOGwno[/youtube]
Link: http://securitytube.net/
Mais um truque legal com o batuta Jquery… dessa vez a dica do Raphael Fagundes.
Você conhece máscara né? É aquela pré-formatação, que serve para o usuário escrever as informações da maneira que o programador deseja, sem ter que fazer uma validação.
O Jquery como sendo um dos melhores Frameworks da atualidade também implementa esse recurso através do plugin chamado Masked Input, veja como funciona:
a – Representa letras (A-Z, a-z)
9 – Representa números (0-9)
* – Representa caracteres alfanuméricos (A-Z, a-z, 0-9)
Inclua tanto a biblioteca jQuery quanto o plugin no seu script:
<script src=”jquery-1.2.6.js” type=”text/javascript”></script>
<script src=”jquery.maskedinput-1.1.3″ type=”text/javascript”></script>
Abaixo está a função:
<script type=”text/javascript”>
jQuery(function($){
$(”#data”).mask(”99/99/9999″);
$(”#tel”).mask(”(99) 9999-9999″);
$(”#cel”).mask(”99-9999999″); });
</script>
As tags data, tel e cel são o id do campo que você deseja aplicar a máscara.
Site Plugin: http://digitalbush.com/projects/masked-input-plugin
Site jQuery: http://docs.jquery.com/Downloading_jQuery
Fonte: http://jquerybrasil.com/campo_de_formulario_com_mascara_jquery/
Isso ai, o site Thought Police, esta disponibilizando uma série de máquinas virtuais prontas, em diversas ditribuições de Sistema Operacionais (SO free é claro). Muito útil quando você já quer uma VM (máquina virtual) pronta, configurada para servidor.
Outro site que também disponibiliza essas máquinas virtuais é o da própria empresa Vmware, através de seu site Virtual Appliance Marketplace, que além de ter as VM´s com os S.O operacionais mais conhecidos, também vem com uma série de aplicativos embutidos, como wikis, servidores de banco de dados, vale a pena conferir.
O site 3point7designs, organizou uma lista com 10 sites, analisando sua tipografia, e mostrando o código correspondente em CSS.
Não é algo para se copiar, pois estaria roubando o desenho do autor, mas sim, estudar a flexibilidade e como usar CSS para melhorar a aparência tipográfica se seus trabalhos.
Existem inúmeros outros sites que utilizam tipografia somente com CSS, porém esta lista serve de ajuda para quer deseja iniciar, sabendo o que fazer e como fazer.
Se tem interesse no assunto, não deixe de conferir o artigo: 10 Exemplos de Belos trabalhos com tipografia em CSS.
Encontrei hoje o site TheDieLine Blog. É um blog com foco em designer de embalagens…. Muito bom para você se inspirar na hora de criar algo bem criativo.
Link: TheDieLine Blog
Que tal chegar perto de seu computador, e ele reconhecer seu rosto e liberar o login? O software capaz de fazer isto eh conhecido como BananaScreen.
Por meio de uma simples webcam, o sistema capturar uma imagem de seu rosto, assim forma uma base de dados de seus caracteristicas, mais nenhuma imagem eh armazenada no HD, somente no sistema e criptografada.
Como ele faz pra reconhecer quando voce tirar a barba?
Link: BananaScreen
Que o Adobe Dreamweaver é a mais popular ferramenta de desenvolvimento web, isso todos sabem. E acabam de liberar uma versão beta no novo Dreamweaver CS4, para que você possa baixar, experimentar e sugerir algumas melhorias…
Novidades
Há muitas coisas interessantes nesta nova versão, entre elas podemos destacar:
Mais informações
Esta disponível uma série de vídeos com a explicação das novas características em Adobe TV .
A versão beta funciona por 48 horas, para ativar, deve-se ter a licença do Dreamweaver CS3 ou do Creative Suite 3, para gerar o serial do CS4 Beta, neste link: https://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_dreamweaver_sn
Isso mesmo, troque sua velha calculadora do windows por essa bem mais robusta…
10 dicas rapidinhas de CSS:
selector {
min-height:500px;
height:auto; !important
height:500px;
}
.container:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}.container {display: inline-table;}
/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,
h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin:0; padding:0;
}table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:”;}
#transdiv {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
<!–[if lt IE 7]>
<style>
#leftnav li { zoom: 1;} /* haslayout=true */
</style>
<![endif]–>
@charset “UTF-8″;
/* ———————————————————————-
WinIE7
———————————————————————- */
*:first-child+html selector{property:value;}
/* ———————————————————————-
WinIE6 & Mac IE
———————————————————————- */
* html selector{property:value;}
/* ———————————————————————-
WinIE6
———————————————————————- */
/*\*/
* html selector{property:value;}
/**/
/* ———————————————————————-
MacIE
———————————————————————- */
/*\*//*/
selector{property:value;}
/**/
