iMasters - Comunidade de profissionais, estudantes e mestres em tecnlogias e ferramentas voltadas para o desenvolvimento web http://imasters.uol.com.br/ Sat, 07 Nov 2009 23:48:24 +0100 iMasters Gerador RSS 2.0 http://imasters.uol.com.br/artigo/14649/css/menu_estilo_cardapio_com_css/ Você pode fazer um menu para um restaurante, ou aplicar para a criação de um prefácio de livro, estilizando da forma que quiser. pedrorogerio@hotmail.com (Pedro Rogério de Assis Lemes) Mon, 19 Oct 2009 10:15:00 +0100 http://imasters.uol.com.br/artigo/14649 http://imasters.uol.com.br/artigo/14576/css/css_swap_hover_effect/ Quando o usuário passa o mouse sobre alguma imagem na página é mostrada a descrição dela, com um efeito de "swap". Esse efeito é bem interessante para ser utilizado em sites do tipo e-commerce. Ele não é muito difícil de ser feito, só vamos ter algum trabalho para adequar o efeito ao Internet Explorer 6, que não interpreta corretamente o efeito :hover. pedrorogerio@hotmail.com (Pedro Rogério de Assis Lemes) Tue, 13 Oct 2009 11:15:00 +0100 http://imasters.uol.com.br/artigo/14576 http://imasters.uol.com.br/artigo/14490/jquery/style_switcher_com_jquery/ A jQuery proporciona uma forma muito simples de você desenvolver Style Switchers em seu site sem ter que digitar várias linhas de código. pedrorogerio@hotmail.com (Pedro Rogério de Assis Lemes) Mon, 05 Oct 2009 10:30:00 +0100 http://imasters.uol.com.br/artigo/14490 http://imasters.uol.com.br/artigo/14411/css/abas_com_css_utilizando_target/ Para aumentar a usabilidade do seu site, o ponto inicial seria dar uma maior atenção aos links internos dele. Veremos aqui a utilização do pseudo-seletor CSS3 :target, que é utilizado para manipular as âncoras do HTML. pedrorogerio@hotmail.com (Pedro Rogério de Assis Lemes) Mon, 28 Sep 2009 11:00:00 +0100 http://imasters.uol.com.br/artigo/14411 http://imasters.uol.com.br/artigo/14318/css/css_alternative_style_sheets/ Um documento HTML não precisa necessariamente ter uma única folha de estilos. pedrorogerio@hotmail.com (Pedro Rogério de Assis Lemes) Mon, 21 Sep 2009 11:00:00 +0100 http://imasters.uol.com.br/artigo/14318 http://imasters.uol.com.br/artigo/13194/css/20_provas_de_conceitos_para_uma_melhor_utilizacao_do_jquery__css/ A web é um perfeito playground para muitos criativos designers e desenvolvedores. O HTML estático é chato, e hoje o usuário que ver algo mais criativo da web. Ao usar e/ou combinar técnicas de web como JavaScript (e claro, jQuery), CSS (3) e flash (ou Adobe Flex), esse pedaço de interação pode ser alcançado. design@imasters.com.br (Vinícius Moura) Tue, 30 Jun 2009 11:00:00 +0100 http://imasters.uol.com.br/artigo/13194 http://imasters.uol.com.br/artigo/12873/css/css_problemas_com_cantos_arredondados/ Quando o CSS3 foi apresentado, uma das primeiras características mostradas foi a propriedade border-radius, nos inibindo de aplicar cantos arredondados com o CSS. Lembra como todos estavam felizes? Pare de pensar assim e leia este artigo para ver como é que a idéia já está falhando antes mesmo de encontrar a maneira para cada navegador moderno. design@imasters.com.br (Vinícius Moura) Thu, 18 Jun 2009 09:30:00 +0100 http://imasters.uol.com.br/artigo/12873 http://imasters.uol.com.br/artigo/12830/css/escondendo_elementos_com_css_problemas_e_solucoes/ Muitos tutoriais de CSS e JavaScript sugestivamente usam display:none para esconder elementos. Pode ser temporaria ou permanentemente. Em muitos casos, usar display:none para esconder um elemento é uma má escolha, pois reduz a acessibilidade. design@imasters.com.br (Vinícius Moura) Mon, 15 Jun 2009 11:00:00 +0100 http://imasters.uol.com.br/artigo/12830 http://imasters.uol.com.br/artigo/13057/css/aplicar_estilo_css_com_action_script_20/ Desde o Flash Player 7 podemos aplicar estilos CSS a caixas de texto geradas como HTML. Para isso temos à disposição a Classe StyleSheet no Action Script 2.0 e no Action Script 3.0. Hoje vamos descrever seu uso na versão 2.0 do Action Script. contato@jlamim.com.br (Jonathan Lamim) Mon, 08 Jun 2009 09:00:00 +0100 http://imasters.uol.com.br/artigo/13057 http://imasters.uol.com.br/artigo/12711/css/css_teclado_para_tela_touch_screen/ Se temos que fazer uma aplicação web que será utilizada em telas touch screen, este truque pode ser muito útil. Trata-se unicamente de enviar os estilos aos links quando estão ativos (a:active), fazendo que o tamanho da letra seja maior, e a caixa que ocupa seja maior e se coloque acima da caixa padrão. contato@jlamim.com.br (Jonathan Lamim) Fri, 08 May 2009 09:00:00 +0100 http://imasters.uol.com.br/artigo/12711