O principal é reconhecer que você é muito menor que o mundo. Quando reconhece que é pequeno, você consegue ver em qualquer filosofia algo para aprender. Toda filosofia liberta, porque faz acreditar que exista algo além de você. A liberdade de deixar o mundo ser, e de só fazer parte dele, traz uma grande alegria de vida.

Um dos componentes de interface gráfica de usuário mais utilizado pelos desenvolvedores são, sem dúvida, as caixas de diálogo. Inclusive sem importar o entorno em que se execute a aplicação, seja web, de área de trabalho ou para dispositivos móveis, e independente do objetivo para o que está destinada.
Sua importância se deve à sua capacidade de informar ao usuário e de servir, ao mesmo tempo, para tomar simples decisões que afetam o fluxo da aplicação. Outro detalhe importante é que a informação das caixas de diálogo é tratada de maneira diferente de qualquer outro tipo de componente de interface gráfica de usuário, pois sempre obriga os usuários a dar, ao menos, uma olhada rápida na informação. Típicas caixas de diálogo servem para dar pistas de como trabalhar com as aplicações, outras são advertências e a mais comum é a de alerta.
Nota: As alertas são muito usadas nos entornos web. A função alert(“”); do Javascript é uma das funções mais utilizadas.
As alertas, ou qualquer caixa de diálogo que criemos em jQuery Mobile, é construído com uma simplicidade surpreendente. Ademais, são altamente versáteis, uma vez que nos permitem fazer muitas coisas, e quando digo muitas é porque os diálogos parecem não ter limites , viajando mais além de uma simples alert, confirmDialog, ou inputDialog.
A razão pela qual uma caixa de diálogo em jQuery Mobile parece não ter limites é porque realmente são como uma página web completa, seja das múltiplas em nosso documento HTML ou separada em um arquivo à parte. Graças ao fato de ser uma página independente, poderemos fazer milhares de coisas como adicionar imagens, criar formulários, anexar botões, acrescentar vídeos, ou tudo aquilo que suporte uma página web normal. Com isto se pode entender o sem fim de aplicações e possibilidades que as caixas de diálogo podem ter em jQuery Mobile. Mas claro, tampouco podemos abusar delas, recordemos que ainda continuam sendo caixas de diálogo.
Para que uma página se comporte como uma caixa de diálogo não devemos fazer nada sobre ela, senão que devemos construí-la exatamente como se vem fazendo em todo o tutorial. O que faz com que se converta em um diálogo, é um atributo que se adiciona no link que nos leva à página. De modo que, o trabalho de apresentar essa página como um diálogo, é feito pelo próprio framework e com uma implementação muito simples. O vínculo também pode ser um botão, se preferirmos ao invés de um link comum. De qualquer modo nos levará à página que se comporta como caixa de diálogo, quer esteja dentro dopróprio documento HTML ou fora dele.
O atributo em concreto que devemos colocar nos links dirigidos a páginas que queremos que se comportem como caixas de diálogo é data-rel=”dialog”. Mais tarde veremos exemplos completos, mas antes quero esclarecer um assunto que foi motivo de dúvida entre um grupo de pessoas às que explicava o funcionamento dos diálogos em jQuery Mobile: O que torna diferente uma caixa de diálogo de outro tipo de página, se é apenas uma página normal com um link à que colocamos um atributo especial?
Sim tem diferenças e grandes, começando pelo fato de que as páginas que são caixas de diálogos não são salvas no histórico do navegador, ou seja, que não poderemos regressar a elas com o botão atrás e portanto só teremos acesso se pressionarmos o link que nos leva até a página. Outra diferença é que o framework se encarrega de colocar no header da página um ícone de fechamento do diálogo. Outro detalhe visual atrativo que se produz é que a interface gráfica da caixa de diálogo aparece flutuando, permanecendo o documento anterior com o fundo escuro.