person:jeremy keith

Responsive Web Design by Vitaly Friedman de Smashing Magazine - #ParisWeb
http://www.dailymotion.com/video/xvb0xp_responsive-web-design-clever-tricks-and-techniques-by-vitaly-fri

#Responsive_web_design challenges web designers to adapt a new mindset to their design processes as well as techniques they are using in design and code.

avec des astuces comme le « #Conditional_CSS »
http://www.jordanm.co.uk/post/22964442013/source-shuffling-responsive-images-based-on-media

des remarques sur la complication qu’il y a à gérer des écrans de toute taille notamment #mobile
http://www.html5rocks.com/en/mobile/high-dpi

des buzzwords comme « Content choreography »
►http://trentwalton.com/2011/07/14/content-choreography

benschwarz/metaquery
https://github.com/benschwarz/metaquery

A declarative responsive web design syntax. Breakpoints, defined in `<meta>`

Article Publishing Guidelines | Readability
►https://www.readability.com/publishers/guidelines

#html5 #microformats

#MicroFormats sur #SeenThis ?

hAtom is a microformat for content that can be syndicated, primarily but not exclusively weblog postings. hAtom is based on a subset of the Atom syndication format. hAtom will be one of several microformats open standards.

►http://microformats.org/wiki/hatom

hNews is a microformat for news content. hNews extends hAtom, introducing a number of fields that more completely describe a journalistic work. hNews also introduces another data format, rel-principles, a format that describes the journalistic principles upheld by the journalist or news organization that has published the news item. hNews will be one of several open standards.

►http://microformats.org/wiki/hnews

A défaut d’avoir des flux ATOM pour les messages des auteurs et thèmes que l’on suit, un ajout de ces micro-formats au source de la page faciliterait sa consultation via d’autres lecteurs. Le nouveau Readability fournit des explications et des exemples : ►https://www.readability.com/publishers/guidelines

#readability conseille le format #hNews
►https://www.readability.com/publishers/guidelines

ce qui veut dire notamment, pour les images importantes, de les mettre dans un bloc <figure>...</figure>

#figure #html #microformats #spip

An #HTML5 #Logo - #W3C Blog
http://www.w3.org/QA/2011/01/an_html5_logo