Tableless - Desenvolvimento inteligente com Padrões Web

30/08/2005
Geral

Video Tutorial #4

Nesse Video Tutorial, estou explicando como se faz um image replacement sem usar a tag SPAN. Um bocado de gente me pediu, então, aí está. Tamanho: 5,82Mb Tempo: ~6m Ver Vídeo Tutorial Para ver mais vídeos sobre Tableless, visite o …

Por

Nesse Video Tutorial, estou explicando como se faz um image replacement sem usar a tag SPAN.
Um bocado de gente me pediu, então, aí está.

Tamanho: 5,82Mb
Tempo: ~6m
Ver Vídeo Tutorial

Para ver mais vídeos sobre Tableless, visite o Campus Online!

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • felipe

    Ahhhh
    Eu estava querendo muito saber disso.
    Eu ainda não vi mas tenho certeza que vai me ajudar muito

  • Lucas TS

    Yeah, Diego.
    Sem quintas intenções, mas isso é tableless.com.br

  • maudy

    Agooora sim! hehehe

  • http://largado.blogspot.com Rodrigo

    Blz, obrigado…

  • http://www.revolucao.etc.br Henrique Costa Pereira

    É Diego heim!? Paguei o maior de todos… hehehehe. Acabei descobrindo sozinho esse negócio aí, mas acabei duvidando da existência disso! Parabéns por este vídeo tutorial!

  • joaquim

    adoro os videos tutoriais, pois além do assunto principal dá para aprender outros conceitos junto…

    valeu!

  • Fabricio

    Alguem pode me esclarecer a utilização pratica disso? Seria somente para ocultar um texto e deixar o background on?

  • Alexandre Gomes Gaigalas

    Fabricio, às vezes é necessário incluir um texto estilizado na página cujo efeito não pode ser obtido com CSS. Para isso geralmente se usa uma imagem. No entanto, se você usar uma imagem, o conteúdo dela não estará disponível no código, o que prejudica seu site em termos de semântica e deixa ele mais pobre para ser encontrado no google por exemplo.

    Para sanar esse problema, você insere o texto e oculta ele. Assim ele estará visível somente para máquinas e, portanto, semântico.

    Espero ter esclarecido.

  • http://www.arfoweb.com Adriano

    Muito bom… continue com os videos tutorias… agradeço de coração a sua força de vontade de poder nos ajudar…
    fico muito grato por isso…
    abraços amigão

  • Fabricio

    Vlws Alexandre! Me esclareceu muito =)
    Bem pratico isso!

  • Orestes

    Aeee! muito legal isso, valeu

  • Erick Wilder

    Olha só, tive alguns problemas com o IE6 (Win, não tenho como testar em Mac) é que usando o text-indent positivamente (ex: tenxt-indent:9000px;) o IE consegue "enxergar" o espaço que essa indentação ocuparia.
    Alguém mais notou isso??
    No caso de image-replacement, eu também aprendi fora do Tableless.com.br, na verdade eu sempre vejo o cod. fonte de sites que acho interessante e com minha extensão favorita do FF (web developer) eu começo a editar o CSS destes sites e acabo pegando muita coisa assim.

  • http://CampoGrandeMS chrysttyan Miranda Martins

    Amar e não ser amado

    Se pudéssemos escolher apenas uma alternativa…
    O que seria mais importante?
    Amar ou Ser Amado?
    Por mais que pensemos…
    Fica realmente difícil encontrar uma resposta…
    Mas podemos tentar…
    Vamos presumir que a alternativa escolhida fosse Amar…
    Como é bom Amar…
    Sentir o coração bater mais forte…
    As mãos frias e trêmulas…as pernas fracas…
    O sorriso nos lábios…
    Sim, porque o sorriso faz parte do amor e como faz!
    Quando amamos, temos o privilégio de sorrir mais…
    Sorrimos até quando estamos parados, com o pensamento longe…
    Sorrimos das próprias lembranças que esse amor nos traz…
    e muitas vezes, quando nos damos conta…
    Estamos lá, não importa aonde…
    Mas estamos com o sorriso nos lábios…
    Até mesmo parados no farol a caminho de casa…
    No meio de um trabalho…
    Quem estiver prestando atenção na gente… provavelmente não vai
    entender nada…
    Mas, se essa pessoa também já amou
    alguma vez na sua vida…
    Ah, com certeza vai entender porque estamos assim… e vai sorrir
    também só em lembrar como ela
    já ficou um dia por causa do amor…
    Quando pensamos na pessoa amada,
    uma enorme sensação de leveza
    vai tomando conta do nosso corpo…
    Da nossa mente…da nossa alma…assim, sem pedir licença…
    Mas é uma sensação tão maravilhosa que não importa, ela é tão boa
    que não precisa mesmo pedir licença…
    pode ir entrando e tomando
    conta do nosso ser…
    Sensação de plenitude…
    E, agora, vamos pensar na outra escolha…
    Ser amado…
    Como é maravilhoso também saber que existe alguém que nos ama…
    Que se importa conosco…
    Que se preocupa com tudo o que nos possa acontecer…
    Que teme que nos aconteça algo de errado…
    A pessoa que nos ama está sempre vigilante…
    Tentando nos proteger de situações
    que poderiam nos machucar, e
    consequentemente machucar a esta pessoa também, sim, porque não
    podemos nos esquecer de tudo que foi dito anteriormente sobre
    amar…
    Quando somos amados, se algo de
    errado nos acontece, o ser que nos
    ama sofre muito com isso,
    talvez sofra mais do que nós mesmos
    poderíamos sofrer…
    O ideal seria escolher as duas alternativas
    Amar e Ser Amado
    Pois os dois sentimentos se completam
    Mas, nem sempre é assim…
    O ideal seria:
    Saber Amar e Ser Amado
    Mas isto é privilégio de poucos…
    talvez privilégio de quem já aprendeu
    muito com o amor, já cresceu
    muito com ele, e por isso talvez até
    consiga entende-lo melhor…
    O ideal seria:
    Amar sem sufocar… Amar sem aprisionar…
    Amar sem cobrar… Amar sem exigir…
    Amar sem reprimir, simplesmente Amar…
    E
    Ser Amado sem se sentir sufocado…
    Sem se sentir aprisionado…
    Sem se sentir cobrado…
    Sem se sentir exigido…
    Sem se sentir reprimido
    Simplesmente Ser Amado!
    Pois do que nos adiantaria Amar sem Ser Amado
    e Ser Amado sem Amar?

  • http://CampoGrandeMS chrysttyan Miranda Martins

    Amar e não ser amado

    Se pudéssemos escolher apenas uma alternativa…
    O que seria mais importante?
    Amar ou Ser Amado?
    Por mais que pensemos…
    Fica realmente difícil encontrar uma resposta…
    Mas podemos tentar…
    Vamos presumir que a alternativa escolhida fosse Amar…
    Como é bom Amar…
    Sentir o coração bater mais forte…
    As mãos frias e trêmulas…as pernas fracas…
    O sorriso nos lábios…
    Sim, porque o sorriso faz parte do amor e como faz!
    Quando amamos, temos o privilégio de sorrir mais…
    Sorrimos até quando estamos parados, com o pensamento longe…
    Sorrimos das próprias lembranças que esse amor nos traz…
    e muitas vezes, quando nos damos conta…
    Estamos lá, não importa aonde…
    Mas estamos com o sorriso nos lábios…
    Até mesmo parados no farol a caminho de casa…
    No meio de um trabalho…
    Quem estiver prestando atenção na gente… provavelmente não vai
    entender nada…
    Mas, se essa pessoa também já amou
    alguma vez na sua vida…
    Ah, com certeza vai entender porque estamos assim… e vai sorrir
    também só em lembrar como ela
    já ficou um dia por causa do amor…
    Quando pensamos na pessoa amada,
    uma enorme sensação de leveza
    vai tomando conta do nosso corpo…
    Da nossa mente…da nossa alma…assim, sem pedir licença…
    Mas é uma sensação tão maravilhosa que não importa, ela é tão boa
    que não precisa mesmo pedir licença…
    pode ir entrando e tomando
    conta do nosso ser…
    Sensação de plenitude…
    E, agora, vamos pensar na outra escolha…
    Ser amado…
    Como é maravilhoso também saber que existe alguém que nos ama…
    Que se importa conosco…
    Que se preocupa com tudo o que nos possa acontecer…
    Que teme que nos aconteça algo de errado…
    A pessoa que nos ama está sempre vigilante…
    Tentando nos proteger de situações
    que poderiam nos machucar, e
    consequentemente machucar a esta pessoa também, sim, porque não
    podemos nos esquecer de tudo que foi dito anteriormente sobre
    amar…
    Quando somos amados, se algo de
    errado nos acontece, o ser que nos
    ama sofre muito com isso,
    talvez sofra mais do que nós mesmos
    poderíamos sofrer…
    O ideal seria escolher as duas alternativas
    Amar e Ser Amado
    Pois os dois sentimentos se completam
    Mas, nem sempre é assim…
    O ideal seria:
    Saber Amar e Ser Amado
    Mas isto é privilégio de poucos…
    talvez privilégio de quem já aprendeu
    muito com o amor, já cresceu
    muito com ele, e por isso talvez até
    consiga entende-lo melhor…
    O ideal seria:
    Amar sem sufocar… Amar sem aprisionar…
    Amar sem cobrar… Amar sem exigir…
    Amar sem reprimir, simplesmente Amar…
    E
    Ser Amado sem se sentir sufocado…
    Sem se sentir aprisionado…
    Sem se sentir cobrado…
    Sem se sentir exigido…
    Sem se sentir reprimido
    Simplesmente Ser Amado!
    Pois do que nos adiantaria Amar sem Ser Amado
    e Ser Amado sem Amar?

  • http://CampoGrandeMS chrysttyan Miranda Martins

    Amar e não ser amado

    Se pudéssemos escolher apenas uma alternativa…
    O que seria mais importante?
    Amar ou Ser Amado?
    Por mais que pensemos…
    Fica realmente difícil encontrar uma resposta…
    Mas podemos tentar…
    Vamos presumir que a alternativa escolhida fosse Amar…
    Como é bom Amar…
    Sentir o coração bater mais forte…
    As mãos frias e trêmulas…as pernas fracas…
    O sorriso nos lábios…
    Sim, porque o sorriso faz parte do amor e como faz!
    Quando amamos, temos o privilégio de sorrir mais…
    Sorrimos até quando estamos parados, com o pensamento longe…
    Sorrimos das próprias lembranças que esse amor nos traz…
    e muitas vezes, quando nos damos conta…
    Estamos lá, não importa aonde…
    Mas estamos com o sorriso nos lábios…
    Até mesmo parados no farol a caminho de casa…
    No meio de um trabalho…
    Quem estiver prestando atenção na gente… provavelmente não vai
    entender nada…
    Mas, se essa pessoa também já amou
    alguma vez na sua vida…
    Ah, com certeza vai entender porque estamos assim… e vai sorrir
    também só em lembrar como ela
    já ficou um dia por causa do amor…
    Quando pensamos na pessoa amada,
    uma enorme sensação de leveza
    vai tomando conta do nosso corpo…
    Da nossa mente…da nossa alma…assim, sem pedir licença…
    Mas é uma sensação tão maravilhosa que não importa, ela é tão boa
    que não precisa mesmo pedir licença…
    pode ir entrando e tomando
    conta do nosso ser…
    Sensação de plenitude…
    E, agora, vamos pensar na outra escolha…
    Ser amado…
    Como é maravilhoso também saber que existe alguém que nos ama…
    Que se importa conosco…
    Que se preocupa com tudo o que nos possa acontecer…
    Que teme que nos aconteça algo de errado…
    A pessoa que nos ama está sempre vigilante…
    Tentando nos proteger de situações
    que poderiam nos machucar, e
    consequentemente machucar a esta pessoa também, sim, porque não
    podemos nos esquecer de tudo que foi dito anteriormente sobre
    amar…
    Quando somos amados, se algo de
    errado nos acontece, o ser que nos
    ama sofre muito com isso,
    talvez sofra mais do que nós mesmos
    poderíamos sofrer…
    O ideal seria escolher as duas alternativas
    Amar e Ser Amado
    Pois os dois sentimentos se completam
    Mas, nem sempre é assim…
    O ideal seria:
    Saber Amar e Ser Amado
    Mas isto é privilégio de poucos…
    talvez privilégio de quem já aprendeu
    muito com o amor, já cresceu
    muito com ele, e por isso talvez até
    consiga entende-lo melhor…
    O ideal seria:
    Amar sem sufocar… Amar sem aprisionar…
    Amar sem cobrar… Amar sem exigir…
    Amar sem reprimir, simplesmente Amar…
    E
    Ser Amado sem se sentir sufocado…
    Sem se sentir aprisionado…
    Sem se sentir cobrado…
    Sem se sentir exigido…
    Sem se sentir reprimido
    Simplesmente Ser Amado!
    Pois do que nos adiantaria Amar sem Ser Amado
    e Ser Amado sem Amar?

  • Victor Pavani

    Diego, parabéns pelo vídeo-tutorial, para quem está começando que nem eu isso ajuda muito a gente.

    Vi que você utiliza uma barra no FireFox que tem opção de desabilitar o CSS, forms, essas coisas…onde que eu posso conseguir uma para eu usar e testar meus trabalhos também?

    Valew!!!

  • Willian

    Parabens pelos videos, estao muito claros e objetivos.

    Onde foi parar o video #3? passa do 2 para o 4 direto…

  • http://notenho Belfante

    Suas aulas videos são campeãs, valeu a sua boa vontade de passar o seu conhecimento para outras pessoas que muitas vezes desconhecem ou são leigos como eu, valeu cara, de coração, mas só uma perguntinha besta, onde está o video 3, do video 2 pula para o video 4. Mas valeu a boa vontade.

  • Victor

    Muito bom !!! Continue com essa iniciativa, pois é assim que crescemos para uma Web melhor. Parabéns !!!