Já demonstrei em meu outro blog anteriormente como é possível fazer a leitura de feeds de outros site com a Google JSAPI, tudo bem, dessa vez acabei implementando um Widget, que você pode utilizar em qualquer site.
Se lembram que eu já ensei por aqui a desenvolver facilmente um slideshow com jQuery, ótimo para ser usado em portifólios. Dessa vez vou ensinar mais uma vez a desenvolver um slideshow com a utilização de jQuery e com a diferença de que dessa vez teremos legendas no rodapé das imagens, ideal para ser utilizado em blogs onde podem ser mostrados os últimos posts como destaque.
No post anterior mostrei como é possível centralizar uma imagem na horizontal e vertical com CSS, independente do tamanho da imagem. A solução utilizava algumas propriedades CSS e uma tag <span> vazia no HTML. Para os semanticistas de plantão isso é um crime.
O que podemos fazer então, criar aquela tag <span> via JavaScript, ou então utilizar uma solução com a utilização de jQuery e o resultado final obtido será o mesmo. Primeiro, vamos a marcação HTML, observe que remove a tag span do código utilizada no exemplo anterior e adicionei uma classe a imagem só para identificação no JavaScript:
<div class="box">
<img class="centralized" src="img1.jpg" alt="" title="" />
</div>
Nesse tutorial vamos aprender a desenvolver um simples Slideshow de imagens com a utilização do jQuery que pode ser aplicado em diversos lugares devido a sua simplicidade. Esse tutorial foi criado originalmente por Jon Raasch. Inclusive é ele que uso aqui no meu site para mostrar meu portifólio.
Nesse post vou tentar mostrar alguns ótimos livros que recomendo para aqueles que querem ingressar no mundo do desenvolvimento web, pois, quem trabalha nesse ramo sabe que deve devorar informação, seja ela de sites, blogs ou livros. Alguns deles já são bem conhecidos pelas pessoas, outros não, mas fica aqui a dica:
Esse foi o primeiro livro totalmente nacional, lançado pelo Maujor sobre CSS, para quem quer aprender CSS esse deve ser ser livro de cabeceira. Este livro aborda a técnica de construção de sites baseada nas Web Standards do W3C, cujo princípio básico é separar a marcação (X)HTML da apresentação visual. De forma didática, são apresentadas as razões da criação das Web Standards e suas vantagens, a sintaxe (X)HTML e CSS, as propriedades CSS e a criação de layouts fixos e elásticos multicolunares. Os assuntos tratados são ilustrados com códigos, exemplos e figuras que mostram a renderização no navegador. No site de apoio, o leitor encontrará os códigos para download e informações complementares sobre o livro.
