Responsabilidade responsiva

Ainda que minha preferência sempre tenha sido pela escrita, com textículos, textáculos e sagas divididas em episódios, volta e meia costumo inserir imagens, vídeos e músicas para ilustrar ainda mais a ideia que pretendo passar.

Desde os primórdios do Legal, já no formato de blog, sempre fui tentando acompanhar a evolução da tecnologia para garantir a acessibilidade visual e auricular de quem costuma me visitar aqui neste nosso cantinho virtual. No início era HTML puro mesmo, esculpido linha por linha, comando por comando e mais uma ou outra coisinha de Java aqui e ali…

Depois eu descobri o WordPress: uma plataforma que já vinha com temas prontos e, por trás, no formato de uma base de dados para inserir os posts, comentários, facilitando buscas, etc. Durante todos esses anos lembro-me de apenas umas três alterações: comecei com um tema “clean”, mudei para um “envelhecido” e, até há pouco tempo, usava o formato de “caderno de notas”. Nada demais em nenhum deles, apenas um visual mais aconchegante e que ainda me permitia um certo domínio das linhas de código.

E eis que o Flash (o da Adobe, não o da DC), de uma hora para outra, não seria mais utilizado como “motor multimídia” no WordPress… Fucei, explorei, cacei plugins estranhos e ferozes nas mais obscuras selvas virtuais e encontrei algo meio que mesclado com o tal do HTML5, mas que manteve os vídeos e músicas funcionais. Ao menos nos computadores. Já nos celulares simplesmente não rodava. Paciência.

Porém, cada vez mais, menos pessoas acessam a Internet por seus computadores. É lógico que ainda os utilizam – e muito! Mas com o advento dos smartphones, celulares com cada vez mais recursos, o acesso se dá a qualquer hora em qualquer lugar. Não é mais necessário chegar no trabalho ou voltar pra casa para poder acessar seu perfil nas redes sociais ou visitar seus blogs favoritos (sim, ainda tem muita gente que nos visita e vamos muito bem, obrigado).

Foi então que percebi que estava na hora de mais uma atualização. Ficar ampliando a tela ou tentando clicar em botões microscópicos pelo celular (ainda que no computador apareçam como “normais”) é simplesmente cansativo. Acaba afugentando as pessoas.

Já havia passado da hora de tornar o Legal um site “responsivo”.

“E que raios é isso?”, perguntar-me-iam vocês. Respondo-lhes eu, com uma explicação de bate-pronto, assim de cabeça (mas, na verdade, descaradamente roubartilhado daqui):

Design Responsivo é quando o site automaticamente se encaixa no dispositivo do usuário (PC, celular, tablet, etc). Um site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o site é exibido. Então, se o usuário tem uma tela pequena, os elementos se reorganizam para lhe mostrar as coisas principais em primeiro lugar.

Locais sensíveis podem ser projetados para tornar o texto na página maior e mais fácil de ler em telas menores. Eles podem também ser configurados para tornar os botões na tela do telefone mais fácil de pressionar. Você terá botões maiores, mais espaço em branco entre os elementos para evitar a ativação acidental, e assim por diante. Formas mais sofisticadas de usar o design responsivo em um dispositivo móvel incluem: a formatação do site para ocultar ou apresentar a informação completamente diferente, mudando radicalmente os gráficos e cores, ou até mesmo reduzindo o site para enfatizar apenas um pedaço da sua mais importante.

Ou seja, não importa através de qual dispositivo você venha a acessar o Legal, ele estará mais “amigável” daqui pra frente.

Fui atrás de algum tema específico pra isso, mas que me permitisse ainda dar meus próprios pitacos no visual e arranjei este que agora está aqui. Tá, tá, sei que não é lá grande coisa, mas ainda tô trabalhando nele, tá bom? Tenham paciência enquanto tento arranjar tempo pra isso, ok?

Enfim, apesar da recém adquirida “responsividade” (que horrível, isso!) do Legal, ainda permanecia o fato de que as mídias simplesmente não funcionavam no celular.

Mas… Seus problemas acabaram! E nem foi preciso ajuda das Organizações Tabajara… Esse novo tema que escolhi funciona de uma maneira bem mais integrada com as últimas versões do WordPress, permitindo o fácil acesso a uma biblioteca de mídia que trabalha totalmente em consonância com os posts!

Oi? Não entendeu nada? Não tem problema. O que interessa é que a bagaça funciona!

Já andei fazendo alguns testes com o vídeo do post anterior, mas ainda estava em dúvida se tudo também daria certo com áudios MP3. Não estou mais.

E para provar isso, nada melhor que The Blues Brothers com a sempre deliciosa Peter Gunn Theme. Não interessa se você está no computador ou no celular, o que interessa é que você VAI ouvir! Divirtam-se! 🙂

 

 

Mico por mico…

Dia desses viralizou na Internet o videozinho em que o Professor Robert Kelly concedia uma entrevista à Rede BBC através do Skype. De repente seus filhos foram entrando no escritório (a dancinha da mais velha é ótima!) e chegaram chegando… Numa triunfal entrada derrapando, bem a la Gene Kelly, eis que surge a mãe (é, seus boçais, aquela mulher era Jung a Kim, a MÃE das crianças!) para “resgatá-los” dali, tentando inutilmente sair de fininho, enquanto o Professor ficava nitidamente embaraçado, perdendo o pique da entrevista. Abaixo segue o vídeo original.

A pergunta que fica é: por que as crianças entraram no escritório do pai e fizeram ele pagar esse mico monumental?…

A resposta foi dada pela avó das crianças (confira aqui), esclarecendo a família tem o costume de sempre conversar pelo Skype, de modo que os netos, ao ouvirem vozes vindas do escritório caseiro do pai, pensaram que fosse a vovó!

Entretanto, como essa blogosfera é uma maravilhosa terra de ninguém, onde sempre alguém está disposto a tirar sarro de outro, a primeira reação que ouvi nas redes sociais é que “se fosse uma mulher dando a entrevista ela não só pegava a criança no colo como ainda a incentivaria a dar um tchauzinho para o apresentador”. Verdade. Tanto o é que fizeram a paródia a seguir para demonstrar essa capacidade intrínseca que estes maravilhosos seres humanos femininos têm de fazer muitas coisas ao mesmo tempo. Confiram até o fim e riam comigo…

E, como não podia deixar de ser, temos também a “versão nerd” para o vídeo. A fechada de porta no final é a melhor de todas! 🙂