Publicado em June 13th, 2008 na área(s) Web Design
Yahoo! Design Stencil Kit é um excelente conjunto de elementos gráficos que podemos utilizar em nossos wireframes de websites(projeto parecido com o site DesignerToolBox), os elementos estão disponíveis em diversos formatos como: OmniGraffle, XML(visio), PDF,SVG e PNG, o conjunto incluir os seguintes tipos de elementos:
Quantas vezes, você desenhou um website com aquela fonte super-estilosa para os titulos e descobriu que você terá que usar alguma font sans-serif para manter um amaior compatibilidade e identidade visual do site na web. Então a Solução é o sIFR:
sIFR (Scalable Inman Flash Replacement) é um técnica que permite substituir elementos de texto HTML por um equivalente em Flash, do qual permite a inclusão de qualquer Tipografia(Fonte), mesmo se o usuário não tiver instalada em seu computador.
Utilizando o sIFR O primeiro passo é fazer o download do sIFR 3, extrairemos os arquivos, aonde veremos um pasta flash aonde encontraremos um arquivo sifr.fla o qual devemos abrir no Flash e modificar a fonte da letra, nesta nova versão do sIFR é possível também aplicar alguns filtros a fonte. Salvamos as modificações e exportamos o arquivo. A este arquivo damos um nome, geralmente é o nome da Fonte Selecionada, mas sinta-se livre para nomea-lo da melhor forma possível.
O Passo seguinte é incluir os arquivos sIFR-screen.css e sIFR-print.css que incluimos no HTML:
O 2º Passo é incluir também o arquivo javascript sifr.js.
O 3º e último passo é utilizar o metodo sIFR.replace para substituir blocos htlm por blocos flah que contem a Fonte selecionada, a sintaxe para fazer isso é a seguinte::
sIFR.replace ( {
src: 'caminhopara-fonte.swf'', // caminho para o swef que contem a fonte
selector: 'html-tag', // tags para serem modificadas
css: '.sIFR-root { prop: value }' // CSS para o flash
} );
Como exemplo iremos criar um arquivo chamado monotype.swf que devem substituir as todos os elementos h1 da nossa página:
Logo se queremos que os elementos tenham a cor de #FF3366 e que tenham 24px de tamanho, adicionamos estas propriedades no css, da seguinte maneira::
Agora se por exemplos queremos substituir os elementos que tem a classe azul pela fonte bookman.swf y e o tamanho de 14px podemos utilizar:
Podemos utilizar várias vezes o método sIFR.replace para substituir os diferentes tipos de fontes. agora unindo todos os elementos em um htlm temos o seguinte código,:
Além de um página bem desenha, para prover meios do usuário tentar outras formas de encontrar a página ou visitar páginas semelhantes, nós podemos também estar informados quais são as uri que mais retornam o código 404, neste tutorial irei mostrar como é simples enviar um email explicativo informações importantes quando o servidor retorna um código 404 para o cliente.
Primeiro passo é customizar o redirecionamento da página de error 404, para a página que iremos criar, simplesmente adicionando as instruções abaixo no arquivo .htaccess no diretório root do seu site:
AtMail é um cliente open source de webmail escrito em PHP. Utilizando um Ajax leve, possui uma interface simples e pode ser utilizado com servidores IMAP existentes.
Publicado em June 10th, 2008 na área(s) Web Design
Descobri recentemente este blog, escrito pela Dapino(webdesign) aonde ela publica uma série de vetores gratuitos para baixar, segue abaixo alguns exemplos que vi no blog do xyberneticos:
MSNlog é um interessante tema para os amantes do mensageiro eletrônico da Microsoft(MSN), este tema tem um design similar a tela de chat do MSN. Com detalhes no menu com os ícones da aplicação e a barra lateral com espaço para seu avatars este tema também tem um espaço sobre mim, nos moldes da inserção de texto dos chats, Com certeza um tema pra lah de original.
Milky é um novo conjunto de icones gratuitos feitos pelo Frexy. Este conjunto está no formato de vetor EPS 8, incluindo nos tamnhos de 48×48 e 64x64px em PNG. A cada semana Frexy irá adicionar mais 15 icones ao conjunto.
Você pode utilizaro o Milky em projetos pessoais ou comerciais grauitamente.
Há inúmeras galerias de imagens em javascript, publiquei até algumas aqui já no blog, mas nenhuma com certeza se compara a está, com apenas 3kb o Michael conseguiu produzi uma galeria de imagens enchuta e que inclui algumas funcionalidades legais.
Baixe Aqui, e sinta-se livre pra utilizar este script em projetos pessoais ou comerciais
Com 70% do ataques contra WebServers feitos no nível de aplicação, o mod-security é a solução perfeita para evita-los. Funcionando como um firewall para o servidor web, ele monitora o tráfico HTTP que chega no servidor web(no caso o Apache) em tempo real, prevenindo estes ataques além de efetuar log das atividades.
Com funcionalidades como: Resolução de IP Geográfico, Detecção de Número de Cartões, Suporte contra Injeção de Conteúdo e muitas outras, vale a pena conferir o site oficial aqui para obter mais informações.
