---
title: 'Tableless Weekly #3'
authors: Lenilson Nascimento
type: post
date: 2014-09-02
excerpt: Seleção semanal do tableless que reúne links úteis, novidades no mercado front end e alguns sites bem legais.
url: /tableless-weekly-3/
categories:
  - Weekly
tags:
  - links
  - tablelessweekly

---
Mais um artigo da série Tableless Weekly. Seleção semanal de links, ferramentas e novidades front end.

## Tableless Conf 2014

O Tableless faz um evento anual trazendo os melhores palestrantes brasileiros sobre desenvolvimento para falarem sobre assuntos atuais que estão sendo pauta lá fora. Esse ano o evento vai rolar no dia 23 de Outubro e é só para 150 pessoas. Na verdade, nesse exato momento, só tem 99 vagas.

Verifique [mais detalhes no site do evento][1].

## BrazilJS Conf

No último artigo, falei um pouco sobre a BrazilJS que estava rolando. Infelizmente não pude estar lá, mas o [@diegoeis][2] e o [@jcemer][3] estavam e é claro, não nos deixaram desinformados do que ocorreu neste evento.

Aqui no Tableless já rolou um artigo falando um pouco de como foi o evento e com links para algumas anotações. Você encontra [neste artigo][4].

Se você der uma passadinha no [site][5] do [@jcemer][3], vai ver que ele fez um live posting de tudo que estava rolando por lá. [Neste artigo aqui][6] e [neste aqui][7].

## Table Sort

O HTML5 tem sempre nos proporcionado novas features para nos ajudar na escrita de código, sendo semanticamente ou visualmente.

O Table Sort, como o nome ja diz, organizará dados em tabela de forma mais dinâmica e usando somente o HTML para tal. No Script Baby&#8230;

Apesar de ainda não estar disponível nos navegadores, vale a pena dar uma olhada na documentação no site da WHATWG, onde eles explicam com todos os detalhes o conceito por trás deste tipo de tabela. Você pode encontrar neste [link][8].

Um exemplo básico de código seria:

<pre class="lang-html">&lt;table sortable&gt;
 &lt;thead&gt; &lt;tr&gt; &lt;th&gt; Game &lt;th&gt; Corporations &lt;th&gt; Map Size
 &lt;tbody&gt;
  &lt;tr&gt; &lt;td&gt; 1830 &lt;td&gt; &lt;data value="8"&gt;Eight&lt;/data&gt; &lt;td&gt; &lt;data value="93"&gt;19+74 hexes (93 total)&lt;/data&gt;
  &lt;tr&gt; &lt;td&gt; 1856 &lt;td&gt; &lt;data value="11"&gt;Eleven&lt;/data&gt; &lt;td&gt; &lt;data value="99"&gt;12+87 hexes (99 total)&lt;/data&gt;
  &lt;tr&gt; &lt;td&gt; 1870 &lt;td&gt; &lt;data value="10"&gt;Ten&lt;/data&gt; &lt;td&gt; &lt;data value="149"&gt;4+145 hexes (149 total)&lt;/data&gt;
&lt;/table&gt;
</pre>

O elemento data inserido na tabela, será o elemento chave para organização da mesma.

## Sites Legais

Sempre queremos mostrar alguns links de sites bacanas que vemos por aí. Vamos a eles:

[Gonzalo Perez][9] &#8211; Novo portfólio do UI Designer Gonzalo Perez. É interessante como ele dispõe os projetos direto no slider da primeira página do site.

[Sounds of Street View ][10] &#8211; Quem nunca usou o Street View do Google? (Se você ainda não usou desista da profissão, vai por mim.) Já imaginou um Street View no seu smartphone que pudesse te mostrar não somente imagens, mas também sons? Esta é a ideia destes caras aí. Um Street View onde podemos compartilhar sons e músicas para que outras pessoas possam ouvir em seus smartphones. Já da pra imaginar o tanto de história que se pode contar com isso.

[CSS Feature Queries][11] &#8211; Feature queries no CSS. Como as media queries do CSS servem para identificar o tipo de mídia que a aplicação está rodando, as Feature Queries servem para identificar se o browser utilizado suporta ou não determinada feature.

## Apps e Ferramentas

[Alloyui][12] &#8211; Um framework de User Interface com muitos recursos desenvolvido pela equipe da Liferay, com participação do Zeno Rocha.

[Bitbucket][13] &#8211; Para quem ainda não conhece, o Bitbucket é um repositório como o GitHub, porém você não paga por repositórios privados, mas limitam a quantidade de usuários nos projetos. Mesmo assim, é uma ótima alternativa ao GitHub.

## Conclusão

Bom galera, este foi o nosso terceiro artigo da série. Quero agradecer a todos pelo feedback positivo que temos recebido.

Quero pedir a ajuda de vocês nos enviando [links aqui][14]. Pretendemos dar continuidade a série e contamos com a ajuda de cada um de vocês.

Semana que vem estaremos de volta.

Veja os outros Weekly aqui:

[Tableless Weekly 1][15]

[Tableless Weekly 2][16]

 [1]: https://tableless.com.br/tablelessconf/
 [2]: https://twitter.com/diegoeis
 [3]: https://twitter.com/jcemer
 [4]: https://tableless.com.br/braziljs-2014/ "BrazilJS 2014"
 [5]: https://jcemer.com/ "Jean Carlo Emer"
 [6]: https://jcemer.com/brazil-js-2014-primeiro-dia.html "Primeiro dia"
 [7]: https://jcemer.com/brazil-js-2014-segundo-dia.html "Segundo dia"
 [8]: https://www.whatwg.org/specs/web-apps/current-work/multipage/tables.html#table-sorting-model "Table Sort"
 [9]: https://www.gonzaloperez.ws/ "Gonzalo Perez"
 [10]: https://www.amplifon.co.uk/sounds-of-street-view/index.html "Sounds of Street View"
 [11]: https://blogs.adobe.com/webplatform/2014/08/21/coming-soon-css-feature-queries "CSS Feature Queries"
 [12]: https://alloyui.com/ "Alloyui"
 [13]: https://bitbucket.org/ "Bitbucket"
 [14]: https://lenilson.typeform.com/to/ILh66e "Links"
 [15]: https://tableless.com.br/tableless-weekly-1/ "Tableless Weekly 1"
 [16]: https://tableless.com.br/tableless-weekly-2/ "Tableless Weekly 2"