Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

Você está no BLOG do Maujor. IR PARA O SITE

Clip CSS + jQuery UI

Publicado em: 2010-09-18 — 11.555 visualizacoes         

O leitor Bruno Ribeiro deixou o seguinte comentário na matéria “A propriedade CSS clip” publicada nesse Blog em 26/06/2006.

Cara muito legal o post. Eu nao sabia sobre o CLIP e putz, to vendo que voce escreveu em 2006 hahaha. Que tapado que eu sou.
É assim mesmo, sempre aprendendo. Fiz um exemplo baseado nesta propriedade.
No exemplo poderia fazer de N formas como já faço, mas testei com a propriedade CLIP, gostei do resultado. Só não testei nos navegadores Opera e Chrome.
Pra ficar mais organizado pros seus leitores, se quiser postar a solução em seu blog pode colocar.
Abraço e parabéns

No seu comentário o Bruno enviou um link para uma página demonstrando o uso que ele achou para uma combinação da propriedade CSS clip com a biblioteca jQuery UI.

Trata-se de um efeito bastante interessante, fruto da criatividade do Bruno e conforme ele sugere no comentário colocou sua criação a minha disposição para postar nesse Blog.

Considerei bem legal a solução e compartilho com meus leitores a criação do Bruno sobre a qual tomei a liberdade de alterar alguma estilização e estruturação do original.

O resultado final pode ser visto nesta página e os comentários são bem-vindos.
A página original pode ser vista neste link
Para detalhes examine o código fonte da página.

Obrigado Bruno!

Livros do Maujor

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Clique a "capinha" para visitar o site do livro.

capa livro jQuery   capa livro ajaxjQuery   capa livro css   capa livro html   capa livro javascript   capa livro html5   capa livro css3   capa livro jQuery Mobile   capa livro jQuery UI   capa livro SVG   capa livro RWD   capa livro foundation   capa livro HTML5 e CSS3   capa livro Bootstrap3   capa livro Sass e Compass

Esta matéria foi publicada em: 2010-09-18 (sábado). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2010/09/18/clip-css-jquery-ui/trackback no seu site.

5 comentários na matéria: “Clip CSS + jQuery UI”

  1. marcello limaNo Gravatar disse:

    muito bom mesmo esse efeito parabéns

  2. wellingtonNo Gravatar disse:

    Nuss, muito bom cara…parabéns mesmo!!!

  3. antonio vivianiNo Gravatar disse:

    Parabens pelo trabalho, conheci ele na epoca do tecnico para aprender css e html. Tive mudanças profissionais e abandonei a parte de web.
    Agora voltando fiquei feliz que evolui muito, aprendi muito com o teu trabalho e agora vou aprender mais…parabens e continue forte.

    abracos
    antonio viviani

  4. Rhamsés SoaresNo Gravatar disse:

    Caramba Maujor!!!

    Nunca tinha pensado que fosse tão simples fazer um efeito tão bacana.

    Parabéns para o Bruno que teve a idéia e valeu por divulgar. Vou estudar o exemplo para aplicar em projetos pessoais.

  5. jairNo Gravatar disse:

    belo site, parabens.

Comentário:





Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Subscribe without commenting

topo