Paginação automática (endless paging)
daniel tygel
dtygel at eita.org.br
Fri Feb 21 21:16:47 BRT 2014
Oi pessoal,
Só uma coisa: que este max-height e overflow:auto sejam opções do
tema da implementação específica, e não algo no core (application.css ou
styles.css do core). A razão é a seguinte: um overflow:hidden seria
péssimo para mobile, e nós da eita estamos justamente começando um
estudo de implementação de responsividade no noosfero. Já a solução
position:fixed do que estiver embaixo (por exemplo o footer) é mais
inteligente (e gosto da ideia, pois dá bem para mobile), mas ainda acho
que isso deve ser opção de quem implementa, e não o core.
Acabamos de implementar no cirandas este esquema também para a
galeria de imagens. Uma delícia poder ir descendo e vendo as imagens
seguintes sem se preocupar com páginas.
Abraços,
daniel
Em 21-02-2014 20:18, Leandro Nunes Dos Santos escreveu:
> Então ótimo :)
> Vou testar isso o mais rápido possível, pois a ideia eh muito boa.
>
> Leandro Nunes
>
>> Em 21/02/2014, às 12:07, ValessioBrito <valessio at gmail.com> escreveu:
>>
>> Usar o max-height: na DIV do bloco com rolagem infinita resolve isto.
>>
>> :)
>>
>> Em 21 de fevereiro de 2014 12:01, Leandro Nunes
>> <leandronunes at gmail.com> escreveu:
>>> Pessoal ainda não olhei com calma a funcionalidade por isso não tenho
>>> opinião :)
>>>
>>> Uma preocupação que temos que ter é que os sites noosfero tem um propósito
>>> diferente de um timeline do facebook.
>>>
>>> Você pode colocar blocos com conteúdo relevante abaixo do bloco principal e
>>> pelo pouco que estou vendo essa funcionalidade pode tornar este conteúdo
>>> inacessível. Estou certo?
>>>
>>> Abraços,
>>>
>>>
>>> 2014-02-21 11:49 GMT-03:00 ValessioBrito <valessio at gmail.com>:
>>>
>>>> Bráulio,
>>>>
>>>> Você pode especificar que o max-height será de 4000px, sendo assim,
>>>> o scroll dentro da DIV só vai aparecer quando rolar umas 2 ou 3
>>>> páginas.
>>>>
>>>> Lembrando que essa sugestão foi para que seja possível o usuário
>>>> visualizar o rodapé.
>>>>
>>>> Outra sugestão possível é colocar o footer de forma flutuante e como
>>>> position: fixed.. assim, ao chegar no final da página os elementos vão
>>>> rolar por trás do rodapé e de forma infinita.
>>>>
>>>> Mas essa coisa de não ter que clicar em próxima página é algo bem
>>>> legal, especialmente para mobile ou dispositivos touch screen.
>>>>
>>>> :)
>>>>
>>>> Em 20 de fevereiro de 2014 10:02, Bráulio Bhavamitra
>>>> <braulio at eita.org.br> escreveu:
>>>>> Ok, deixemos assim por enquanto, pode ser algo de cada tema mesmo.
>>>>>
>>>>> Vou experimentar para ver como fica. Me parece que ficaria legal a
>>>>> sugestão
>>>>> do Valéssio.
>>>>>
>>>>> abraços!
>>>>> bráulio
>>>>>
>>>>>
>>>>> 2014-02-16 6:20 GMT-03:00 daniel tygel <dtygel at eita.org.br>:
>>>>>
>>>>>> Oi gente,
>>>>>>
>>>>>> Prefiro não ter o overflow:auto. Não é melhor isso ser uma
>>>>>> definição
>>>>>> do tema? Cada tema decide se quer ou não que o usuário nestas páginas
>>>>>> específicas já veja o rodapé. Eu prefiro que a páginas vá expandindo,
>>>>>> sem
>>>>>> delay, do jeito que está hoje (está fantástico!!!)
>>>>>>
>>>>>> Como é apenas uma página (o catálogo), o fato de não ver o rodapé
>>>>>> de
>>>>>> cara não é tão grave. Na página inicial do empreendimento, o visitante
>>>>>> verá
>>>>>> o rodapé de cara...
>>>>>>
>>>>>> Pô, este lance ficou show...
>>>>>>
>>>>>> Abraços,
>>>>>>
>>>>>> daniel
>>>>>>
>>>>>> Em 13-02-2014 17:26, Bráulio Bhavamitra escreveu:
>>>>>>
>>>>>> Fantástico! Vou fazer isso.
>>>>>>
>>>>>>
>>>>>> 2014-02-13 16:25 GMT-03:00 ValessioBrito <valessio at gmail.com>:
>>>>>>> Achei talvez uma solução com CSS; fica usável...
>>>>>>>
>>>>>>> Definir o "max-height" em #product-catalog a largura atual da
>>>>>>> página.. e
>>>>>>> ao chegar no rodape com "overflow: auto", ele vai colocar barra de
>>>>>>> rolagem
>>>>>>> dentro da listagem dos produtos, permitindo usuário ver o rodapé e
>>>>>>> navegar
>>>>>>> normal pelo site;
>>>>>>>
>>>>>>> Screenshot em anexo.
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> Em 13 de fevereiro de 2014 17:20, ValessioBrito <valessio at gmail.com>
>>>>>>> escreveu:
>>>>>>>
>>>>>>>> Eu acho legal isso e não acho legal...
>>>>>>>>
>>>>>>>> Não acho legal porque tento ler o rodapé e links, etc.. não
>>>>>>>> consigo..
>>>>>>>>
>>>>>>>> Acho legal, porque me poupa de clicar em "Mais..." Mas mesmo
>>>>>>>> assim,
>>>>>>>> acho que prefiro um delay maior para ver o rodapé.
>>>>>>>>
>>>>>>>>
>>>>>>>> Em 13 de fevereiro de 2014 11:33, Bráulio Bhavamitra
>>>>>>>> <brauliobhavamitra at gmail.com> escreveu:
>>>>>>>>
>>>>>>>>> Um outro exemplo: cirandas.net/catalog/art-gravata
>>>>>>>>>
>>>>>>>>> AI3000
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> 2014-02-06 14:44 GMT-03:00 Leandro Nunes <leandronunes at gmail.com>:
>>>>>>>>>
>>>>>>>>>> Daniel mostra um exemplo do cirandas para eu ver ;)
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> 2014-02-06 daniel tygel <dtygel at eita.org.br>:
>>>>>>>>>>
>>>>>>>>>>> Ficou show!
>>>>>>>>>>>
>>>>>>>>>>> Está em produção no cirandas, caso queiram ver.
>>>>>>>>>>>
>>>>>>>>>>> Agora é ver se dá para usar isso na página de produtos do
>>>>>>>>>>> empreendimento... adeus paginação!
>>>>>>>>>>>
>>>>>>>>>>> Abraços,
>>>>>>>>>>>
>>>>>>>>>>> daniel
>>>>>>>>>>>
>>>>>>>>>>> Em 06-02-2014 12:36, Bráulio Bhavamitra escreveu:
>>>>>>>>>>>
>>>>>>>>>>> Oi comunidade noosfero,
>>>>>>>>>>>
>>>>>>>>>>> Resolvi ao implementar o
>>>>>>>>>>> http://noosfero.org/Development/ActionItem2978 aproveitar para ver
>>>>>>>>>>> sobre a
>>>>>>>>>>> paginação automática dos itens, isto é, o carregamento dos
>>>>>>>>>>> próximos itens a
>>>>>>>>>>> medida que se faz a rolagem da página.
>>>>>>>>>>>
>>>>>>>>>>> Rolou, e ficou bem simples para se usar em outros lugares. Vejam o
>>>>>>>>>>> merge request, especialmente o view.js.erb e o pagination.js
>>>>>>>>>>>
>>>>>>>>>>> abraços,
>>>>>>>>>>> bráulio
>>>>>>>>>>>
>>>>>>>>>>> --
>>>>>>>>>>> "Lute pela sua ideologia. Seja um com sua ideologia. Viva pela sua
>>>>>>>>>>> ideologia. Morra por sua ideologia" P.R. Sarkar
>>>>>>>>>>>
>>>>>>>>>>> EITA - Educação, Informação e Tecnologias para Autogestão
>>>>>>>>>>> http://cirandas.net/brauliobo
>>>>>>>>>>> http://eita.org.br
>>>>>>>>>>>
>>>>>>>>>>> "Paramapurusha é meu pai e Parama Prakriti é minha mãe. O universo
>>>>>>>>>>> é
>>>>>>>>>>> meu lar e todos nós somos cidadãos deste cosmo. Este universo é a
>>>>>>>>>>> imaginação
>>>>>>>>>>> da Mente Macrocósmica, e todas as entidades estão sendo criadas,
>>>>>>>>>>> preservadas
>>>>>>>>>>> e destruídas nas fases de extroversão e introversão do fluxo
>>>>>>>>>>> imaginativo
>>>>>>>>>>> cósmico. No âmbito pessoal, quando uma pessoa imagina algo em sua
>>>>>>>>>>> mente,
>>>>>>>>>>> naquele momento, essa pessoa é a única proprietária daquilo que
>>>>>>>>>>> ela imagina,
>>>>>>>>>>> e ninguém mais. Quando um ser humano criado mentalmente caminha
>>>>>>>>>>> por um
>>>>>>>>>>> milharal também imaginado, a pessoa imaginada não é a propriedade
>>>>>>>>>>> desse
>>>>>>>>>>> milharal, pois ele pertence ao indivíduo que o está imaginando.
>>>>>>>>>>> Este
>>>>>>>>>>> universo foi criado na imaginação de Brahma, a Entidade Suprema,
>>>>>>>>>>> por isso a
>>>>>>>>>>> propriedade deste universo é de Brahma, e não dos microcosmos que
>>>>>>>>>>> também
>>>>>>>>>>> foram criados pela imaginação de Brahma. Nenhuma propriedade deste
>>>>>>>>>>> mundo,
>>>>>>>>>>> mutável ou imutável, pertence a um indivíduo em particular; tudo é
>>>>>>>>>>> o
>>>>>>>>>>> patrimônio comum de todos."
>>>>>>>>>>> Restante do texto em
>>>>>>>>>>> http://cirandas.net/brauliobo/blog/a-problematica-de-hoje-em-dia
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> _______________________________________________
>>>>>>>>>>> Noosfero-br mailing list
>>>>>>>>>>> Noosfero-br at listas.softwarelivre.org
>>>>>>>>>>>
>>>>>>>>>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> --
>>>>>>>>>>> (_.-~*´¨¯¨`*·~-.,-( *_*)-,.-~*´¨¯¨`*·~-._)
>>>>>>>>>>> .
>>>>>>>>>>> ,-. . |- ,-. Educação,
>>>>>>>>>>> |-' | | ,-| Informação e
>>>>>>>>>>> `-' ' `' `-^ Tecnologia para
>>>>>>>>>>> http://eita.org.br Autogestão
>>>>>>>>>>>
>>>>>>>>>>> (_.-~*´¨¯¨`*·~-.,-( *_*)-,.-~*´¨¯¨`*·~-._)
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> _______________________________________________
>>>>>>>>>>> Noosfero-br mailing list
>>>>>>>>>>> Noosfero-br at listas.softwarelivre.org
>>>>>>>>>>>
>>>>>>>>>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Dois Axé!!!
>>>>>>>>>>
>>>>>>>>>> -----
>>>>>>>>>> "Comece fazendo o que é necessário, depois o que é possível e de
>>>>>>>>>> repente você estará fazendo o impossível."
>>>>>>>>>> São Francisco de Assis
>>>>>>>>>> Leandro Nunes
>>>>>>>>>>
>>>>>>>>>> _______________________________________________
>>>>>>>>>> Noosfero-br mailing list
>>>>>>>>>> Noosfero-br at listas.softwarelivre.org
>>>>>>>>>>
>>>>>>>>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> "Lute pela sua ideologia. Seja um com sua ideologia. Viva pela sua
>>>>>>>>> ideologia. Morra por sua ideologia" P.R. Sarkar
>>>>>>>>>
>>>>>>>>> EITA - Educação, Informação e Tecnologias para Autogestão
>>>>>>>>> http://cirandas.net/brauliobo
>>>>>>>>> http://eita.org.br
>>>>>>>>>
>>>>>>>>> "Paramapurusha é meu pai e Parama Prakriti é minha mãe. O universo é
>>>>>>>>> meu lar e todos nós somos cidadãos deste cosmo. Este universo é a
>>>>>>>>> imaginação
>>>>>>>>> da Mente Macrocósmica, e todas as entidades estão sendo criadas,
>>>>>>>>> preservadas
>>>>>>>>> e destruídas nas fases de extroversão e introversão do fluxo
>>>>>>>>> imaginativo
>>>>>>>>> cósmico. No âmbito pessoal, quando uma pessoa imagina algo em sua
>>>>>>>>> mente,
>>>>>>>>> naquele momento, essa pessoa é a única proprietária daquilo que ela
>>>>>>>>> imagina,
>>>>>>>>> e ninguém mais. Quando um ser humano criado mentalmente caminha por
>>>>>>>>> um
>>>>>>>>> milharal também imaginado, a pessoa imaginada não é a propriedade
>>>>>>>>> desse
>>>>>>>>> milharal, pois ele pertence ao indivíduo que o está imaginando. Este
>>>>>>>>> universo foi criado na imaginação de Brahma, a Entidade Suprema, por
>>>>>>>>> isso a
>>>>>>>>> propriedade deste universo é de Brahma, e não dos microcosmos que
>>>>>>>>> também
>>>>>>>>> foram criados pela imaginação de Brahma. Nenhuma propriedade deste
>>>>>>>>> mundo,
>>>>>>>>> mutável ou imutável, pertence a um indivíduo em particular; tudo é o
>>>>>>>>> patrimônio comum de todos."
>>>>>>>>> Restante do texto em
>>>>>>>>> http://cirandas.net/brauliobo/blog/a-problematica-de-hoje-em-dia
>>>>>>>>>
>>>>>>>>> _______________________________________________
>>>>>>>>> Noosfero-br mailing list
>>>>>>>>> Noosfero-br at listas.softwarelivre.org
>>>>>>>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>>> ://ValessioBrito.com.br
>>>>>>>>> Profissional de inovação
>>>>>>>> @valessiobrito / +55 (71) VALESSIO
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> ://ValessioBrito.com.br
>>>>>>>> Profissional de inovação
>>>>>>> @valessiobrito / +55 (71) VALESSIO
>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> "Lute pela sua ideologia. Seja um com sua ideologia. Viva pela sua
>>>>>> ideologia. Morra por sua ideologia" P.R. Sarkar
>>>>>>
>>>>>> EITA - Educação, Informação e Tecnologias para Autogestão
>>>>>> http://cirandas.net/brauliobo
>>>>>> http://eita.org.br
>>>>>>
>>>>>> "Paramapurusha é meu pai e Parama Prakriti é minha mãe. O universo é
>>>>>> meu
>>>>>> lar e todos nós somos cidadãos deste cosmo. Este universo é a
>>>>>> imaginação da
>>>>>> Mente Macrocósmica, e todas as entidades estão sendo criadas,
>>>>>> preservadas e
>>>>>> destruídas nas fases de extroversão e introversão do fluxo imaginativo
>>>>>> cósmico. No âmbito pessoal, quando uma pessoa imagina algo em sua
>>>>>> mente,
>>>>>> naquele momento, essa pessoa é a única proprietária daquilo que ela
>>>>>> imagina,
>>>>>> e ninguém mais. Quando um ser humano criado mentalmente caminha por um
>>>>>> milharal também imaginado, a pessoa imaginada não é a propriedade desse
>>>>>> milharal, pois ele pertence ao indivíduo que o está imaginando. Este
>>>>>> universo foi criado na imaginação de Brahma, a Entidade Suprema, por
>>>>>> isso a
>>>>>> propriedade deste universo é de Brahma, e não dos microcosmos que
>>>>>> também
>>>>>> foram criados pela imaginação de Brahma. Nenhuma propriedade deste
>>>>>> mundo,
>>>>>> mutável ou imutável, pertence a um indivíduo em particular; tudo é o
>>>>>> patrimônio comum de todos."
>>>>>> Restante do texto em
>>>>>> http://cirandas.net/brauliobo/blog/a-problematica-de-hoje-em-dia
>>>>>>
>>>>>>
>>>>>> _______________________________________________
>>>>>> Noosfero-br mailing list
>>>>>> Noosfero-br at listas.softwarelivre.org
>>>>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>>>>
>>>>>>
>>>>>> --
>>>>>> (_.-~*´¨¯¨`*·~-.,-( *_*)-,.-~*´¨¯¨`*·~-._)
>>>>>> .
>>>>>> ,-. . |- ,-. Educação,
>>>>>> |-' | | ,-| Informação e
>>>>>> `-' ' `' `-^ Tecnologia para
>>>>>> http://eita.org.br Autogestão
>>>>>>
>>>>>> (_.-~*´¨¯¨`*·~-.,-( *_*)-,.-~*´¨¯¨`*·~-._)
>>>>>>
>>>>>>
>>>>>> _______________________________________________
>>>>>> Noosfero-br mailing list
>>>>>> Noosfero-br at listas.softwarelivre.org
>>>>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> "Lute pela sua ideologia. Seja um com sua ideologia. Viva pela sua
>>>>> ideologia. Morra por sua ideologia" P.R. Sarkar
>>>>>
>>>>> EITA - Educação, Informação e Tecnologias para Autogestão
>>>>> http://cirandas.net/brauliobo
>>>>> http://eita.org.br
>>>>>
>>>>> "Paramapurusha é meu pai e Parama Prakriti é minha mãe. O universo é meu
>>>>> lar
>>>>> e todos nós somos cidadãos deste cosmo. Este universo é a imaginação da
>>>>> Mente Macrocósmica, e todas as entidades estão sendo criadas,
>>>>> preservadas e
>>>>> destruídas nas fases de extroversão e introversão do fluxo imaginativo
>>>>> cósmico. No âmbito pessoal, quando uma pessoa imagina algo em sua mente,
>>>>> naquele momento, essa pessoa é a única proprietária daquilo que ela
>>>>> imagina,
>>>>> e ninguém mais. Quando um ser humano criado mentalmente caminha por um
>>>>> milharal também imaginado, a pessoa imaginada não é a propriedade desse
>>>>> milharal, pois ele pertence ao indivíduo que o está imaginando. Este
>>>>> universo foi criado na imaginação de Brahma, a Entidade Suprema, por
>>>>> isso a
>>>>> propriedade deste universo é de Brahma, e não dos microcosmos que também
>>>>> foram criados pela imaginação de Brahma. Nenhuma propriedade deste
>>>>> mundo,
>>>>> mutável ou imutável, pertence a um indivíduo em particular; tudo é o
>>>>> patrimônio comum de todos."
>>>>> Restante do texto em
>>>>> http://cirandas.net/brauliobo/blog/a-problematica-de-hoje-em-dia
>>>>>
>>>>> _______________________________________________
>>>>> Noosfero-br mailing list
>>>>> Noosfero-br at listas.softwarelivre.org
>>>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>>>
>>>>
>>>>
>>>> --
>>>> ://ValessioBrito.com.br
>>>>> Profissional de inovação
>>>> @valessiobrito / +55 (71) VALESSIO
>>>> _______________________________________________
>>>> Noosfero-br mailing list
>>>> Noosfero-br at listas.softwarelivre.org
>>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>
>>>
>>>
>>> --
>>> Dois Axé!!!
>>>
>>> -----
>>> "Comece fazendo o que é necessário, depois o que é possível e de repente
>>> você estará fazendo o impossível."
>>> São Francisco de Assis
>>> Leandro Nunes
>>>
>>> _______________________________________________
>>> Noosfero-br mailing list
>>> Noosfero-br at listas.softwarelivre.org
>>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
>>>
>>
>>
>> --
>> ://ValessioBrito.com.br
>>> Profissional de inovação
>> @valessiobrito / +55 (71) VALESSIO
>> _______________________________________________
>> Noosfero-br mailing list
>> Noosfero-br at listas.softwarelivre.org
>> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
> _______________________________________________
> Noosfero-br mailing list
> Noosfero-br at listas.softwarelivre.org
> http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/noosfero-br
--
(_.-~*´¨¯¨`*·~-.,-( •_•)-,.-~*´¨¯¨`*·~-._)
.
,-. . |- ,-. Educação,
|-' | | ,-| Informação e
`-' ' `' `-^ Tecnologia para
http://eita.org.br Autogestão
(_.-~*´¨¯¨`*·~-.,-( •_•)-,.-~*´¨¯¨`*·~-._)
More information about the Noosfero-br
mailing list