Layout Archives » Elcio Ferreira https://elcio.com.br/tags/layout/ HTML5, CSS, Tableless, Desenvolvimento Web, Python, Linux Wed, 22 May 2013 01:09:45 +0000 pt-BR hourly 1 Artigo recomendado: A simple (and very rough) responsive table solution https://elcio.com.br/artigo-recomendado-a-simple-and-very-rough-responsive-table-solution/ https://elcio.com.br/artigo-recomendado-a-simple-and-very-rough-responsive-table-solution/#respond Thu, 13 Jun 2013 14:29:33 +0000 http://elcio.com.br/?p=3910 Tabelas responsivas de um jeito fácil: “There are a lot of very clever responsive table solutions available now. There are solutions that flip the table on it’s side, convert it to a pie chart, gradually reduce the columns, allow users to determine columns, and even allow partial scrolling across the table. All of them are […]

O post Artigo recomendado: A simple (and very rough) responsive table solution apareceu primeiro em Elcio Ferreira.

]]>
Tabelas responsivas de um jeito fácil:

“There are a lot of very clever responsive table solutions available now. There are solutions that flip the table on it’s side, convert it to a pie chart, gradually reduce the columns, allow users to determine columns, and even allow partial scrolling across the table. All of them are very clever.”

Leia mais: http://www.maxdesign.com.au/2013/03/22/simple-responsive-table/

O post Artigo recomendado: A simple (and very rough) responsive table solution apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/artigo-recomendado-a-simple-and-very-rough-responsive-table-solution/feed/ 0
Photoshop agora roda bem no Linux https://elcio.com.br/photoshop-agora-roda-bem-no-linux/ https://elcio.com.br/photoshop-agora-roda-bem-no-linux/#comments Thu, 21 Feb 2008 00:00:53 +0000 http://blog.elcio.com.br/photoshop-agora-roda-bem-no-linux/ Google Sponsors Wine Improvements O Google usa o Wine para oferecer o Picasa, seu gerenciador de fotos, para usuários de Linux. Para isso, o Google financiou o pessoal da CodeWeavers, que desenvolve o Wine. Wine é uma implementação da API do Windows para Linux, muito útil para usuários que querem migrar para Linux mas ainda […]

O post Photoshop agora roda bem no Linux apareceu primeiro em Elcio Ferreira.

]]>
Google Sponsors Wine Improvements

O Google usa o Wine para oferecer o Picasa, seu gerenciador de fotos, para usuários de Linux. Para isso, o Google financiou o pessoal da CodeWeavers, que desenvolve o Wine. Wine é uma implementação da API do Windows para Linux, muito útil para usuários que querem migrar para Linux mas ainda dependem daquele software que só roda em Windows. E o software que mais impede gente de migrar para Linux é o Photoshop.

Impedia. O Google também pagou à CodeWeavers para melhorar o suporte ao Photoshop no Wine. De quebra, as melhorias feitas ainda ajudaram a rodar uma porção de outros softwares no Linux, entre eles o Flash. Meu amigo DGMike está agora um passo mais perto da migração total 😉

O que eu fico me perguntando é porque o Google fez isso? Para diminuir seu custo com licenças de Windows? Ou para jogar sua pá de terra na Microsoft?

De qualquer maneira, é um exemplo que mostra bem o que é software livre. Software livre não é necessariamente software grátis. Nesse caso, o Google pagou os custos de desenvolvimento. E o mundo inteiro vai ser beneficiado, sem que você precise pagar de novo por algo que já foi desenvolvido.

O post Photoshop agora roda bem no Linux apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/photoshop-agora-roda-bem-no-linux/feed/ 16
Novo Tableless https://elcio.com.br/novo-tableless-2/ https://elcio.com.br/novo-tableless-2/#comments Thu, 06 Dec 2007 23:12:15 +0000 http://blog.elcio.com.br/novo-tableless-2/ O Diego colocou no ar agora há pouco: www.tableless.com.br Layout novo. Eu gostei bastante.

O post Novo Tableless apareceu primeiro em Elcio Ferreira.

]]>
O Diego colocou no ar agora há pouco: www.tableless.com.br

Layout[bb] novo. Eu gostei bastante.

O post Novo Tableless apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/novo-tableless-2/feed/ 4
Deixe seu Linux com cara de Mac OS X https://elcio.com.br/deixe-seu-linux-com-cara-de-mac-os-x/ https://elcio.com.br/deixe-seu-linux-com-cara-de-mac-os-x/#comments Mon, 05 Nov 2007 12:21:17 +0000 http://blog.elcio.com.br/deixe-seu-linux-com-cara-de-mac-os-x/ Uma das perguntas que mais me fazem é: como deixar o Linux mais parecido com o Mac OS X? Considero isso um despropósito. O Ubuntu, por exemplo, é lindo, perfeito, não precisa mudar nada. Mas, tem louco para tudo. Desde gente querendo deixa o Linux com cara de Windows, quanto gente querendo um Windows com […]

O post Deixe seu Linux com cara de Mac OS X apareceu primeiro em Elcio Ferreira.

]]>
Uma das perguntas que mais me fazem é: como deixar o Linux mais parecido com o Mac OS X? Considero isso um despropósito. O Ubuntu[bb], por exemplo, é lindo, perfeito, não precisa mudar nada.

Mas, tem louco para tudo. Desde gente querendo deixa o Linux com cara de Windows, quanto gente querendo um Windows com cara de Linux.

Bom, então lá vai, se você quer realmente seu Linux com cara de Mac[bb] OS X, siga o tutorial mais completo e paranóico que há. Vai dar um bocado de trabalho, mas o resultado é impressionante:

Make Your Linux Desktop Look Like A Mac – Mac4Lin Project Documentation

Há também uma versão menos detalhada desse tutorial, mas em português.

O post Deixe seu Linux com cara de Mac OS X apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/deixe-seu-linux-com-cara-de-mac-os-x/feed/ 7
Spesa, desisti logo de cara https://elcio.com.br/spesa-desisti-logo-de-cara/ https://elcio.com.br/spesa-desisti-logo-de-cara/#comments Fri, 21 Sep 2007 15:42:00 +0000 http://blog.elcio.com.br/spesa-desisti-logo-de-cara/ Acabo de me cadastrar no Spesa. O Spesa é um gerenciador de finanças pessoais online. Você controla seu fluxo de caixa, anota cada movimento e sabe exatamente para onde foi o seu dinheiro. O aplicativo parece muito bem desenvolvido, a interface é agradável e fácil de usar, e a idéia é genial. Não me cadastrei […]

O post Spesa, desisti logo de cara apareceu primeiro em Elcio Ferreira.

]]>
Acabo de me cadastrar no Spesa. O Spesa é um gerenciador de finanças pessoais[bb] online. Você controla seu fluxo de caixa, anota cada movimento e sabe exatamente para onde foi o seu dinheiro. O aplicativo parece muito bem desenvolvido, a interface é agradável e fácil de usar, e a idéia é genial.

Não me cadastrei para avaliar o produto, mas porque tenho interesse em usá-lo mesmo. Todas as boas opções que eu conheço para fazer a mesma coisa não são online. Planilhinha no Google Docs? Esquece!

Bom, fiz o cadastro inicial, ativei minha conta e fiz meu primeiro acesso. A primeira tela a ser apresentada é essa:

spesa.png

Legal, você começa a usar o aplicativo indicando seu saldo inicial. O problema é que eu tenho mais de uma conta bancária. Coloquei zero de saldo só para poder passar para a próxima tela e constatei o que eu temia: se você tem mais de uma conta, o Spesa é inútil.

Uma pena, espero que eles ofereçam uma maneira de gerenciar mais de uma conta logo, porque eu realmente preciso de um serviço desses.

O post Spesa, desisti logo de cara apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/spesa-desisti-logo-de-cara/feed/ 30
CSS de impressão no fechaTag https://elcio.com.br/css-de-impressao-no-fechatag/ https://elcio.com.br/css-de-impressao-no-fechatag/#comments Fri, 06 Jul 2007 14:20:09 +0000 http://blog.elcio.com.br/css-de-impressao-no-fechatag/ Acabo de criar um CSS de impressão para este blog. Levei uns dez minutos. O código ficou assim: form,#sidebar,iframe,#otop,#respond,.navigation,.rec6,.linkk{ display:none; } h2{ margin:0; } .entry{ line-height: 150%; } #header h1{ margin:0; padding:0; font-size:24px; } #header .description{ padding:0; } h2{ padding:40px 0 0; margin:0; } E o resultado: Em suma: você esconde tudo o que não […]

O post CSS de impressão no fechaTag apareceu primeiro em Elcio Ferreira.

]]>
Acabo de criar um CSS de impressão para este blog. Levei uns dez minutos.

O código ficou assim:

form,#sidebar,iframe,#otop,#respond,.navigation,.rec6,.linkk{
display:none;
}
h2{
margin:0;
}
.entry{
line-height: 150%;
}
#header h1{
margin:0;
padding:0;
font-size:24px;
}
#header .description{
padding:0;
}
h2{
padding:40px 0 0;
margin:0;
}

E o resultado:

Em suma: você esconde tudo o que não pode ser usado ou não faz sentido no papel (menus, formulários, etc.) e tenta não atrapalhar o usuário. Aliás, não dá para fazer muito mais do que isso. Os mecanismos de impressão dos navegadores foram feitos para simplificar as páginas e economizar tinta.

Fácil, não?

O post CSS de impressão no fechaTag apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/css-de-impressao-no-fechatag/feed/ 15
Imite o Mac OS X você também https://elcio.com.br/imite-o-mac-os-x-voce-tambem/ https://elcio.com.br/imite-o-mac-os-x-voce-tambem/#comments Fri, 11 May 2007 10:59:32 +0000 http://blog.elcio.com.br/imite-o-mac-os-x-voce-tambem/ Dashboard, Exposè, estilo Aqua, tudo já foi copiado no elegante Mac OS X. Mas a marca registrada do sistema ainda é o Dock. Há uma porção de cópias interessantes para o Dock em diversos ambientes. Mas, com javascript e CSS, eu nunca tinha visto uma razoável. Até que vi essa aqui. Veja esse Dock rodando […]

O post Imite o Mac OS X você também apareceu primeiro em Elcio Ferreira.

]]>
Dashboard, Exposè, estilo Aqua, tudo já foi copiado no elegante Mac OS X. Mas a marca registrada do sistema ainda é o Dock. Há uma porção de cópias interessantes para o Dock em diversos ambientes. Mas, com javascript e CSS, eu nunca tinha visto uma razoável. Até que vi essa aqui. Veja esse Dock rodando nesse exemplo.

Muito bom. Tanto o código quanto o resultado visual.

Ah, se você tiver um tempinho para estudar o código, vai passar a odiar um pouquinho mais o Internet Explorer 😉

O post Imite o Mac OS X você também apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/imite-o-mac-os-x-voce-tambem/feed/ 7
inspiração para seus menus https://elcio.com.br/inspiracao-para-seus-menus/ https://elcio.com.br/inspiracao-para-seus-menus/#comments Thu, 08 Mar 2007 20:32:38 +0000 http://blog.elcio.com.br/inspiracao-para-seus-menus/ Aqui e aqui. Esse aqui pode ser inútil, mas é impressionante.

O post inspiração para seus menus apareceu primeiro em Elcio Ferreira.

]]>
Aqui e aqui.

Esse aqui pode ser inútil, mas é impressionante.

O post inspiração para seus menus apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/inspiracao-para-seus-menus/feed/ 3
Favicon do iMasters entre os memoráveis https://elcio.com.br/favicon-do-imasters-entre-os-memoraveis/ https://elcio.com.br/favicon-do-imasters-entre-os-memoraveis/#comments Mon, 05 Feb 2007 23:00:59 +0000 http://blog.elcio.com.br/favicon-do-imasters-entre-os-memoraveis/ Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine Da uma olhada na seção “squares”, você vai ver o favicon do iMasters. Parabéns ao pessoal do iMasters!

O post Favicon do iMasters entre os memoráveis apareceu primeiro em Elcio Ferreira.

]]>
Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine

Da uma olhada na seção “squares”, você vai ver o favicon do iMasters. Parabéns ao pessoal do iMasters!

O post Favicon do iMasters entre os memoráveis apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/favicon-do-imasters-entre-os-memoraveis/feed/ 1
Bonito de se ver especial https://elcio.com.br/bonito-de-se-ver-especial/ https://elcio.com.br/bonito-de-se-ver-especial/#comments Wed, 17 Jan 2007 11:40:01 +0000 http://blog.elcio.com.br/bonito-de-se-ver-especial/ Ahá, não é só o Diego quem pode recomendar sites bonitos! World’s Worst Web Muito, muito instrutivo. Se você não entende nada de webdesign, precisa acessar!

O post Bonito de se ver especial apareceu primeiro em Elcio Ferreira.

]]>
Ahá, não é só o Diego quem pode recomendar sites bonitos!

World’s Worst Web

Muito, muito instrutivo. Se você não entende nada de webdesign, precisa acessar!

O post Bonito de se ver especial apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/bonito-de-se-ver-especial/feed/ 9
Roupa Nova https://elcio.com.br/roupa-nova/ https://elcio.com.br/roupa-nova/#comments Fri, 12 Jan 2007 04:38:33 +0000 http://blog.elcio.com.br/roupa-nova/ Atenção, leitores de feed, estou há uma semana de layout novo! Eu que fiz.

O post Roupa Nova apareceu primeiro em Elcio Ferreira.

]]>
Atenção, leitores de feed, estou há uma semana de layout novo! Eu que fiz.

O post Roupa Nova apareceu primeiro em Elcio Ferreira.

]]>
https://elcio.com.br/roupa-nova/feed/ 9