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::
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:
A linha acima informa ao servidor para redirecionar todas as instruções de error 404 para a página http://www.seusite.com/404.php.
Código PHP da Página
O código abaixo necessitar ser customizado e inserido em alguma parte da nossa página 404.php:
$meuemail= seuendereçodeemail@aqui;$pagina='http://'.$SERVER_NAME.$REQUEST_URI;$assunto="Error 404 Na Página";$mensagem="
Report de Error 404
O Visitante Referenciado Por: ".$_SERVER['HTTP_REFERER']."
Pagina Não Encontrada: ".$pagina."
";mail($meuemail,$assunto,$mensagem,"From: ReportErro");
?>
Este código irá enviar um email incluindo(se possível) a url que referenciou o visitante e também a página ou recurso que não foi encontrado.
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.
