Um pouco sobre: Microformatos

Microformatos é uma série de especificações que tem como objetivo principal relacionar a informação ou os dados humanos com as máquinas. Uma maneira diferente de se pensar sobre dados. Estas especificações constituem um “dicionário” de conteúdo semântico para o HTML e XHTML que tem como base os web standards e é escrito para descrever a informação de forma simples.
Microformatos não é uma linguagem nova, são formatos de descrição de dados que podem ser aplicados em trechos específicos do seu código, sem precisar refazer nada. Se você tem um site e o seu código é semanticamente correto, basta você implementar e tratar estes trechos específicos sem precisar de alterações estruturais. 

hCard é um microformat para publicar os detalhes de contato de pessoas, empresas, organizações e lugares. Baseado na padronização vCard (RFC 2426).

hcard 

hcard - código

hCalendar é um microformato para incorporar dados de calendário em páginas web. Baseado na padronização iCalendar(RFC 2425).

hcalendar

hcalendar - código

Um pouco sobre: Design Responsivo

O design o responsivo ocorre quando layout se adapta aos diversos dispositivos (smartphones, tablets e o desktop). Para que ocorra a adaptação é necessário utilizar o CSS3, ele contém uma propiedade conhecida como Media Querie, permitindo assim os diversos tamanhos de layout. Com isso o site se torna responsivo e com acessibilidade para o usuário pois o mesmo encontrará todas as informações de forma mais prática.

                                            Tela em Smartphone

Tela de desktop