A vantagem de usarmos as fontes do google é que sempre que alguém abrir a página a formatação conterá as fontes que indicamos, não é nada legal você se esforçar para criar uma página visualmente bonita e o computador do cliente não ter a fonte desejada.
Postei um código no github com um exemplo, você pode baixar o código para sua máquina e visualizar o código ou ainda vê-la rodando neste link: https://voyeg3r.makes.org/thimble/font-face
Segue portanto o código:
Mostrando postagens com marcador html. Mostrar todas as postagens
Mostrando postagens com marcador html. Mostrar todas as postagens
Zen coding para Netbeans
Zen Coding with Netbeans from Ned Fenstermacher on Vimeo.
Eu uso o sparkup no vim
Breve introdução ao Sparkup from Diego Eis on Vimeo.
Zen code ou Sparkup?
Na dúvida eu instalei o Sparkup, vale a pena. Pra matar sua curiosidade veja:
Breve introdução ao Sparkup from Diego Eis on Vimeo.
O Sparkup foi inspirado no Zen Coding. A idéia é que você digite pouco código e obtenha o máximo de resultado.
Outro video (em inglês sobre o sparkup)
You can write HTML in a CSS-like syntax, and have Sparkup handle the expansion to full HTML code. It is meant to help you write long HTML blocks in your text editor by letting you type less characters than needed.
Para quem usa o gedit faça assim:
- http://www.tableless.com.br/produtividade-editores-e-snippets
- http://www.vimeo.com/9480601
- ajuda do sparkup
Breve introdução ao Sparkup from Diego Eis on Vimeo.
O Sparkup foi inspirado no Zen Coding. A idéia é que você digite pouco código e obtenha o máximo de resultado.
Outro video (em inglês sobre o sparkup)
You can write HTML in a CSS-like syntax, and have Sparkup handle the expansion to full HTML code. It is meant to help you write long HTML blocks in your text editor by letting you type less characters than needed.
Para quem usa o gedit faça assim:
sudo apt-get install -y subversion
svn export --force http://svn.kryogenix.org/svn/zen-coding-gedit $HOME/.gnome2/gedit/plugins
Você quer criar boas apresentações em html?
Cara, descobri o s5 que me pareceu de cara fenomenal:
Mal comecei a mexer no bicho e ele me pareceu digno de um post, pretendo editar este post com as descobertas, aguardem!
The Advantages
* With one file, you get a slide show, a printable outline, and a screen presentation
* Files are incredibly lightweight and compress easily
* Thanks to being semantic XHTML, slideshow files are also highly accessible
* New slide themes can be created simply by writing new style sheets
* Unlike Opera Show, which has all of the above advantages, S5 works in multiple browsers
O Paulo Jerônimo (mas um vim maníaco - que se juntou ao grupo) mandou esta dica:
http://dl.getdropbox.com/u/345266/artigos/s5-com-txt2tags/index.html
Descobri um frontend que gera apresentações s5 usando arquivos fonte rest:
http://docutils.sourceforge.net/docs/user/slide-shows.html
Basta instalar docutils-python e usar rst2s5 arquivo.rst arquivo.html
- http://meyerweb.com/eric/tools/s5/s5-intro.html
- http://meyerweb.com/eric/tools/s5/
- http://meyerweb.com/eric/tools/s5/themes/ temas :)
- http://meyerweb.com/eric/tools/s5/primer.html como usar
- http://meyerweb.com/eric/tools/s5/structure-ref.html Referência
Mal comecei a mexer no bicho e ele me pareceu digno de um post, pretendo editar este post com as descobertas, aguardem!
The Advantages
* With one file, you get a slide show, a printable outline, and a screen presentation
* Files are incredibly lightweight and compress easily
* Thanks to being semantic XHTML, slideshow files are also highly accessible
* New slide themes can be created simply by writing new style sheets
* Unlike Opera Show, which has all of the above advantages, S5 works in multiple browsers
O Paulo Jerônimo (mas um vim maníaco - que se juntou ao grupo) mandou esta dica:
http://dl.getdropbox.com/u/345266/artigos/s5-com-txt2tags/index.html
Descobri um frontend que gera apresentações s5 usando arquivos fonte rest:
http://docutils.sourceforge.net/docs/user/slide-shows.html
Basta instalar docutils-python e usar rst2s5 arquivo.rst arquivo.html
O que são mesmo microformatos?
De uma forma simplista, é uma maneira de informar para robôs que lêem páginas HTML qual o significado de determinado conteúdo, sem interferir na maneira como este mesmo conteúdo é apresentado para entendimento humano. Isso é feito padronizando-se quais tags e atributos de tags devem ser usadas para destacar uma informação dentro do conteúdo total do site.O que são Microformats ou microformatos?
Fonte: http://flaviogranero.com/category/microformats/
Acompanhe esta apresentação e entenda como funciona esta tecnologia.
Fonte: blog do Silveira Neto.
Download da apresentação em PDF e em ODP.
Abaixo você pode ver as especificações dos Microformats:
Fonte: Pinceladas web
- hcard - Pessoas e Organizações
- hCalendar - Calendários e Eventos
- hReview - Opniões, Ratings e Reviews
- XFN - Redes Sociais
- XMDP - XHTML Meta Data Profiles
- rel-license - Licenças
- rel-tag - Tags, Keywords, Categorias
- rel-nofollow - Um hiperlink com esse atributo não deve ser seguido pelos robots de busca
- XOXO - Listas e esboços
- VoteLinks - Sistemas de Votação
Referências:
- http://flaviogranero.com/2008/03/19/microformats-a-caminho-da-web-semantica/
- http://silveiraneto.net/2008/03/25/microformatos-em-10-minutos/
- http://www.slideshare.net/andr3/microformatos-pequenas-peas-do-puzzle/
- http://www.pinceladasdaweb.com.br/blog/2006/05/22/introducao-aos-microformats/
- http://microformats.org/wiki/Main_Page-pt-br
voyeg3r@gmail.com
Rua Francisco Sales 156, Bom Sucesso
FortalezaCeará
60520-500
Brasil
55 85 32906956
This hCard created with the hCard creator.
Converta seu arquivo do gvim em html
No gvim você abre o menu syntax (se não me engano) e encontra uma opção para converter, mas pode usar o comando
Warning: This is slow!
*:TOhtml*
Or use the ":TOhtml" user command. It is defined in a standard plugin.
":TOhtml" also works with a range and in a Visual area:
:runtime! syntax/2html.vim
Warning: This is slow!
*:TOhtml*
Or use the ":TOhtml" user command. It is defined in a standard plugin.
":TOhtml" also works with a range and in a Visual area:
:10,40TOhtml
Aviso aos leitores do meu blog
Por vezes vou errar a digitação por pressa, noutras vezes o culpado é o notebook (ainda não me acostumei com seu teclado diferente), haverá ainda outras situações em que minha massa cinzenta não haverá guardado a forma correta de grafar as palavras, em todos esses casos fico feliz quando um amigo me avisa.
No meu último post sobre a "propaganda do alcool" o erro era na palavra imbecís (neste caso posso garantir que foi erro de digitação mesmo, o curioso é que o um comentário feito por uma caridosa alma me alertou para dois erros:
riscado, que por acaso se faz usando a tag "strike". A dica foi do site www.deskmundo.com.
No meu último post sobre a "propaganda do alcool" o erro era na palavra imbecís (neste caso posso garantir que foi erro de digitação mesmo, o curioso é que o um comentário feito por uma caridosa alma me alertou para dois erros:
- A palavra imbecís estava muito pesada para o contexto
- A mesma estava grafada com 'n' inbecís
Assinar:
Postagens (Atom)
linux-cookbook
|
| Participe do grupo linux-cookbook |
| Visitar este grupo |