Pinceladas da WebTutoriais sobre: XHTML, CSS, JavaScript e WebStandards

Olá caros amigos leitores do Blog Pinceladas da Web. Gostaria primeiramente de me apresentar me chamo Guilherme Zazu Simões mais conhecido por Zazumaster, fiquem a vontade para assim me chamarem. Como primeiro post aqui no blog gostaria de compartilhar um documento que considero de extremo importância e que me foi repassado gentilmente pelo amigo Pedro Neto, companheiro de trabalho.

Todos sabemos que conhecer as tags HTML e suas funções e pré-requisito básico para qualquer pessoa que queira ingressar no desenvolvimento de projetos web. Tendo em vista esta necessidade e o cenário em que estamos me vejo na obrigação de compartilhar este documento que mais uma vez repito: é de extrema importância para todos.

Trata-se de um Guia de Referência XHTML disponibilizado pelo pessoal do CGI na edição número 10 do FISL, espero que façam bom proveito. Em suma é isso galera espero que o material seja útil, vamos compartilhar o conhecimento para continuar evoluindo . Um forte abraço a todos obrigado.

Segue o link para download do Guia de Referência XHTML: Guia de Referência XHTML

Então galerinha, continuano na linha de novos recursos (nem tão novos assim) vou postar hoje pra vocês sobre o MEMCACHED para alguns desconhecidos, para outros um forte aliado…

Um projeto é muito interessante, e que pode ser usado pra aumentar o desempenho de aplicativos web. Pela descrição do site do projeto, o “memcached é um sistema distribuído de alto desempenho para o cacheamento de objetos na memória, genérico por natureza, mas feito para se aumentar a velocidade de sites dinâmicos diminuindo a carga no banco de dados”.

O memcached funciona como um grande dicionário, que armazena tuplas do tipo [chave, valor]. Para armazenar um objeto qualquer, basta conectar no memcached e passar uma chave para acessá-lo e o objeto (e opcionalmente outros parâmetros, como tempo de armazenamento). Para buscar o objeto, basta conectar ao memcached e pedir a ele o objeto que possui a chave previamente criada.

Continuar lendo »

Veja abaixo algumas soluções para retirar espaços do início e final de strings.

Exemplos simples

Exemplo curto (funções com expressão regular):

	//trim completo
	function trim(str) {
		return str.replace(/^\s+|\s+$/g,"");
	}

	//left trim
	function ltrim(str) {
		return str.replace(/^\s+/,"");
	}

	//right trim
	function rtrim(str) {
		return str.replace(/\s+$/,"");
	}

	alert(trim("        TEXTO        "));

Exemplo curto (métodos da string com expressão regular):
Essa solução é bem mais elegante!

	//trim completo
	String.prototype.trim = function () {
		return this.replace(/^\s+|\s+$/g,"");
	}

	//left trim
	String.prototype.ltrim = function () {
		return this.replace(/^\s+/,"");
	}

	//right trim
	String.prototype.rtrim = function () {
		return this.replace(/\s+$/,"");
	}
	alert("        TEXTO        ".trim());

Continuar lendo »

Claramente inspirei o título deste post no outro escrito pelo colega Luiz Paulo. O problema do getElementById no Internet Explorer já é bem conhecido, mas posto aqui, pois muita gente ainda não deve saber.

Como sabemos, a função document.getElementById retorna um elemento da página cujo id é passado como parâmetro. Contudo, o Internet Explorer (até a versão 7) tem uma implementação dessa função um tanto, digamos, controversa.

Na execução dessa função, o IE procura não só por elementos cujo id seja igual ao passado por parâmetro, mas também considera os elementos cujo name seja igual àquele id.

Continuar lendo »

O Cheat Sheet é um resumo de um assunto específico que pode ser utilizada como guia rápido. Nele você pode encontrar sintaxes, códigos, exemplos, conceitos e dicas.
Não podemos considerá-lo um manual completo pois é bem compacto, mas quebra bastante o galho! Além de úteis, normalmente são feitos com visual agradável, podendo ser impresso e facilmente colado no seu escritório.

Aqui você encontra outros CheatSheet – Guia rápido sobre Jquery mas são das versões anteriores do jQuery, então segue a documentação para o jQuery 1.3.2.

Clique aqui e baixe de uma vez!

Façam bom proveito!

Se não houver um motivo muito claro pra usar opendir, readdir e closedir (não consigo pensar em mais nenhum), a forma mais prática de listar o conteúdo de um diretório é com DirectoryIterator:

$iterator = new DirectoryIterator('/var/www');
foreach ( $iterator as $entry ) {
echo $entry->getFilename(), "\n";
}

Se for necessário listar os arquivos recursivamente, percorrendo todos os subdiretórios, é só usar o RecursiveDirectoryIterator junto com o RecursiveIteratorIterator:

$iterator = new RecursiveDirectoryIterator('/var/www');
$recursiveIterator = new RecursiveIteratorIterator($iterator);

foreach ( $recursiveIterator as $entry ) {
echo $entry->getFilename(), "\n";
}

Com um pouco de criatividade, é possível estender essas classes com qualquer lógica facilmente, como por exemplo, para montar uma árvore com a estrutura dos diretórios.

Já estamos cansados de saber que javascript é totalmente dinâmico e podemos mudar facilmente o tipo das variáveis.

Uma das facilidades em javascript é a conversão de variáveis em inteiro, com a função parseInt(). Só que essa função tem uma pegadinha que pode atrapalhar bastante aos desatentos.

Sua sintaxe é bem simples como segue:

var number = "123456348965";
var integerNumber = parseInt(number);
alert(integerNumber); //123456348965

Continuar lendo »