Postagens

Mostrando postagens com o rótulo HTML

Livro Mobile First Design with HTML5 and CSS3

Imagem
'Mobile First Design with HTML5 and CSS3' é um livro da editora 'Packt Publishing' para quem quer um passo a passo a partir do zero na criação de seu primeiro projeto de website responsivo (RWD). Para tal missão o autor utiliza o framework '320 and Up' como base. O conceito por trás do Mobile First ou 'Mobile Antes' é pensar em seu projeto levando em consideração inicialmente a experiência do usuário em um smartphone. A experiência em desktops ou telas grandes será sempre uma adaptação do primeiro caso. Esta lógica inverte a anterior, quando o Mobile era considerado uma novidade e estava engatinhando. Esta linha de pensamento para desenvolvimento deve ser seguida não em todos os casos mas naqueles em que você sabe antecipadamente que a maior parte dos usuários acessarão via smartphone. Outro motivo que pode levar um projeto a seguir o 'Mobile First' é a tendência de que no futuro os acessos via smartphones serão a esmagadora maioria, f...
Postar um comentário
Leia mais

Livro 'Build Mobile' é uma boa dica para iniciantes em aplicações Web Mobile.

Imagem
Atualmente, para os desenvolvedores que trabalham como Web, é inevitável estar a par do mundo Mobile e até mesmo ter que desenvolver para ele. Apesar de alguns autores afirmarem que 'só existe uma Web' e que não devemos separar o que é Mobile do que não o é, a realidade é outra. Mesmo para profissionais experientes que trabalham com Web há anos adaptar-se ao mundo Mobile é bem complicado pois exige, além de conhecimentos específicos, ter que lidar com centenas de diferentes tipos de aparelhos, formatos e configurações, além de sérias limitações de banda e capacidade. Neste contexto é difícil encontrar material que mostre de 'cabo a rabo' como implementar sites e aplicações para Mobile. Assim o livro 'Build Mobile' da Sitepoint é um achado pois, assim como o livro ' PHP Master ', da mesma editora, sua leitura é agradável além de trazer um passo a passo para desenvolver ou adaptar sites e aplicações. Além disso ele traz dicas para enfrentar os p...
Postar um comentário
Leia mais

HTML5 - Utilizando a tag cite de maneira correta.

Imagem
Existe muita dúvida sobre o uso da tag <cite>. Alguns sites tem usado a tag <cite> para marcar o nome dos usuários que deixam comentários (por exemplo aqueles que usam o WordPress), outros utilizam a tag para marcar o autor de uma frase ou citação e existem ainda aqueles que usam <cite> para marcar frases e citações. Nos casos descritos acima não é recomenrado o uso da tag <cite>. Na verdade a tag <cite> deve ser utilizada marcar títulos de livros, filmes, obras de arte, músicas, peças de teatro, fotos, jornais, revistas e etc. Para citações e frases podemos usar as tags <blockquote> e <q>. Exemplos corretos: <p>João está lendo <cite>O senhor dos Anéis</cite> enquanto escuta <cite>A Quinta Sinfonia</cite></p> <p>A pintura <cite>Mona Lisa</cite> está no Louvre.</p> Exemplos incorretos: <p><cite>Ser ou não ser, eis a questão</cite> é uma frase de ...
Postar um comentário
Leia mais

Uma introdução ao Angular.js

Imagem
Pesquisando sobre novas tecnologias me deparei com o Angular JS , um projeto suportado pelo Google. A ideia do Angular JS é oferecer uma alternativa ao Jquery, Ember e outros frameworks. Esta pesquisa me levou também a muitos caminhos sem saída e desinformação. Para evitar que os leitores do blog também fiquem confusos resolvi fazer um post explicando o básico para iniciar no Angular JS. Bom, em primeiro lugar você não precisa de nenhuma configuração ou instalação no servidor. Trabalhar com Angular JS depende apenas da carga de um arquivo .js, que pode ser (aliás é recomendado) linkado diretamente do Google. É basicamente o mesmo procedimento que você faria para carregar a biblioteca do Jquery O serviço está disponível em: http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js Vamos a um exemplo bem básico, o cálculo de uma soma com Angular JS. Chamaremos este arquivo de angular.html: <html> <head> <script src="http://ajax.googleapis....
Postar um comentário
Leia mais

HTML5 - Quando usar article ou section?

É comum em algumas situações não sabermos se usamos um markup <article>  ou <section>  pois elas são um pouco ambíguas em alguns casos. Então o que fazer para escolher a melhor sintaxe ?  Usando   <article> article pode ser considerada uma especialização de section . Destina-se a conteúdo que possa estar dentro de sua própria tag sem outros níveis mais profundos. Um post de um blog ou o texto de um artigo pode ser inserido dentro de uma tag <article>. Outros exemplos de conteúdo que podem ser inseridos dentro da tag <article>: Vídeo e sua transcrição Notícias Comentários de um post Abaixo segue um exemplo de markup: <article> <h2><code>nav</code> Não é para <em>Todos</em> os Links</h2> <p>Embora <code>nav</code> várias vezes tenha links, isto não significa que <em>todos</em> os links de um site devam estar dentro de<code>nav</code>.</...
1 comentário
Leia mais