CSS no Lanche

Os benefícios de utilizar JavaScript não Obstrutivo

Postado por: Pedro Rogério em 31 de março de 2009

31 mar
8

Se você utiliza JavaScript não obstrutivo em seus projetos você está proporcionando uma maior acessibilidade a seus projetos, ou seja, se os scripts fores desabilitados eles não irão interferir no funcionamento da página.

Utilizar JavaScript não obstrutivo proporciona uma maior interoperabilidade, acessibilidade, facilidade de manutenção e ganho de tempo no desenvolvimento de seus códigos.

Foi pensando nisso que Phil Hawksworth desenvolveu uma página muito simples para mostrar que ao utilizar técnicas de Progressive enhancement você está garantindo assim total acesso a qualquer dispositivo.

Abaixo vocês podem ver um exemplo de como o site funciona corretamente em qualquer dispositivo. Essa é uma screenshot que tirei no Openwave Simulator:

Ganhador da Promoção: 2º Encontro de TI Edição SP

Postado por: Pedro Rogério em 22 de março de 2009

22 mar
0

Conforme prometido, sortiei hoje o convite para o 2º Encontro de TI e 14º Encontro de Web Design, e o ganhador da promoção foi Thiago, que além de ter o Pé Vermelho(brincadeira) é bem sortudo . A ferramenta utilizada para sorteio foi o Random.org, e o resultado você pode conferir nessa screenshot.

Parabéns Thiago, estarei entrando em contato com você por e-mail para maiores instruções de como proceder a partir de agora.

Filtrar browsers com PHP

Postado por: Pedro Rogério em 20 de março de 2009

20 mar
7

Se algum dia, por algum motivo você precisar utilizar uma folha de estilos específica para cada browser, mas não quer fazer isso com JavaScript e estiver utilizando PHP em seu servidor, abaixo segue um código muito simples para isso, basta colocar dentro das tags <head></head> do seu site que ele detectará o navegador e fará uso do CSS necessário:

<?php
	if ( strpos($_SERVER['HTTP_USER_AGENT'], 'Gecko') ){
		if ( strpos($_SERVER['HTTP_USER_AGENT'], 'Netscape') ){
			echo "<link rel='stylesheet' type='text/css' href='netscape.css' />";
		}
		else if ( strpos($_SERVER['HTTP_USER_AGENT'], 'Firefox') ){
			echo "<link rel='stylesheet' type='text/css' href='firefox.css' />";
		}
		else{
			echo "<link rel='stylesheet' type='text/css' href='mozilla.css' />";
		}
	}
	else if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') ){
		echo "<link rel='stylesheet' type='text/css' href='ie.css' />";
	}
	else if ( strpos($_SERVER['HTTP_USER_AGENT'], 'Safari') ){
		echo "<link rel='stylesheet' type='text/css' href='safari.css' />";
	}
	else if ( strpos($_SERVER['HTTP_USER_AGENT'], 'Opera') === true){
		echo "<link rel='stylesheet' type='text/css' href='opera.css' />";
	}
	else{
		echo "<link rel='stylesheet' type='text/css' href='outros-browsers.css' />";
	}
?>

Esse código foi baseado no post de Harry Roberts.

2º Encontro de TI e 14º Encontro de Web Design

Postado por: Pedro Rogério em 19 de março de 2009

19 mar
15

Desde 2001 atraindo designers, programadores, estudantes e profissionais ligados ao segmento de web de todo o Brasil, o Encontro de Web design, evento pioneiro na área de internet, realiza a sua 14ª em nove capitais brasileiras em 2009: Rio de Janeiro, São Paulo, Florianópolis, Curitiba, Porto Alegre, Brasília, Belo Horizonte, Salvador e Recife.

Com a ajuda de colaboradores e profissionais da área, foram escolhidos como temas principais Entretenimento e Redes Sociais. Para levar à você o melhor de cada assunto, as palestras serão realizadas por Julius Wiedman, editor da Tashen, e Gil Giardelli, da Permission.

Este ano a Arteccom traz mais uma novidade: o Encontro de Tecnologia da Informação, que está em sua 2ª edição, vai ser realizado paralelamente ao Encontro de Web design, nas mesmas datas e locais, mas em ambientes separados. Para saber mais sobre o ETI, acesse o site www.encontrodeti.com.br.

Profissionais especialistas em empreendedorismo e na ferramenta livre WordPress, ministrarão as oficinas, que serão oferecidas tanto para o EWD quanto para o ETI.

Outro bom motivo para garantir já o seu ingresso é que você não precisa se preocupar em faltar o trabalho. Todos os eventos serão realizados aos sábados, das 9h às 18h. O que não vai faltar é novidade e informação para quem é apaixonado por design e gosta de estar sempre atualizado e em contato com profissionais de renome.

Inscreva-se agora garanta o seu lugar no evento da cidade mais próxima de você.

Como sou um cara legal, vou estar sorteando aqui no blog um convite para o evento São Paulo, para concorrer basta estar deixando um comentário aqui no blog utilizando um e-mail válido, pois ele será utilizado no Random.org para sorteio. O formulário estará aberto para comentários até o domingo, portanto, seja rápido. Já você que é do Rio de Janeiro, não esqueci de vocês, vou estar sorteando um convite para o evento também, só que no meu outro blog, e o critério de sorteio será o mesmo.

Tutorial: Como utilizar CSS Sprites

Postado por: Pedro Rogério em 18 de março de 2009

18 mar
10

O nome pode sor meio estranho, mas vamos a uma breve explicação do que são CSS Sprites. Você já viu aqueles botões que possuem o estado “on” e “off”? Aquela técnica pode ser desenvolvida através da utilização de CSS Sprites, onde em uma única imagem você pode guardar todos os estados do botão e efetuar o efeito através da troca de posicionamento de background no CSS, ou até mesmo salvar em uma única imagem todas as imagens utilizadas no site, como faz o Google.com e o Youtube.

O site From the Couch disponibiliza um vídeo ensinando a técnica de CSS Sprites, em inglês: