Retrouvez sur lesinrocks.com, le news culturel en ligne : actu politique et société, news culturelles, critiques musique, cinéma, livres, télé...
Les nouveautés de l'interface de twitter.com en février 2012 Twitter vient de mettre en ligne une nouvelle version de son site web. Pour ceux qui passent par là pour tweeter, voici un extrait des changements de l'interface web. (...)Lisez la suite de cet article Découvrez la nouvelle interface de twitter.com (février 2012) (224 words) © [...]
Selon les derniers résultats du cabinet iSuppli Research, le Kindle Fire d’Amazon serait la deuxième tablette la plus vendue dans le monde au quatrième trimestre 2011, alors que celle-ci n’est commercialisée que depuis le 15 novembre dernier et uniquement aux Etats-Unis. En effet, d’après les analyses du cabinet, près de 3,9M de Kindle Fire ont été écoulés au [...]
SoftTech VC, fonds d’investissement spécialisé dans l’amorçage et orienté BtoC, a investi dans une centaine de startups depuis sa création. L’infographie suivante dresse un état des lieux de l’activité de cette structure, dirigée par Jeff Clavier, VC français le plus célèbre en Californie. Fondé en 2004, SoftTech VC s’articule autour trois enveloppes : SoftTech VC I créée en 2004 et [...]
On a appris ce week-end que la plateforme de marketing participatif eYeka vient de finaliser une levée de 2,5M € auprès de Generis Capital Partners. François Petavy, son CEO, explique les ambitions liées à cette opération notamment en matière de développement international sur des axes forts comme la Chine et le Brésil. EYeka compte aujourd’hui une quarantaine de salariés essentiellement en France, [...]
La plateforme de crowdfunding Ulule doit lancer mercredi matin une nouvelle version de son site. Fondée en octobre 2010 par Alexandre Boucherot et Thomas Grange, Ulule permet de financer des projets ou produits créatifs et innovants grâce à la participation des internautes et de leurs réseaux sociaux. Objectif de cette V2.5 : unifier les deux services proposés par la start-up, dont le premier [...]
Olivier Marx, fondateur d’Altics, et Arnaud Acarie, DG France d’Emailvision, ont donné leurs trucs et astuces pour capter l'attention, faciliter la lecture ou encore adapter sa newsletter aux nouveaux supports.
C'est le buzz du week-end et de ce début de semaine sur Twitter, comment se fait-il que tous les comptes parodiques de Nicolas Sarkozy disparaissent du réseau de micro-blogging les uns après les autres ? C'est vrai qu'il y a de quoi se poser des questions quand on voit qu'entre samedi et dimanche ont été supprimés @mafranceforte, @fortefrance @DehorsSarkozy, @SarkozyCaSuffit, @SarkozyCestFini, @_NicolasSarkozy...
<time>
Nouvel élément HTML5, <time>
répond au besoin de baliser sémantiquement une date (du calendrier gégorien) ou une heure. Son intérêt réside également au niveau de l'indexation automatisée, pour les moteurs de recherche ou lors d'import de données dans un agenda si un quelconque algorithme (une extension navigateur, un script) est appelé.
On le retrouvera pour indiquer l'heure d'un évènement, la date de publication d'un article ou d'une page, avec une précision du fuseau horaire ou non. Son utilisation est multiple : l'élément <time>
peut se cacher derrière toute date ou heure mentionnée sur le document HTML.
Un navigateur n'implémentant pas cet élément affichera tout de même son contenu de façon naturelle.
<p>On vous attend à <time>10:30</time> pour la Kiwi Party !<p>
Cet élément présente deux attributs : datetime
et pubdate
.
Attribut | Valeurs | Rôle |
---|---|---|
datetime |
date et/ou heure | Associe une date et/ou une heure dans un format standardisé |
pubdate |
pubdate ou "" ou (vide) |
Indique la date de publication de son plus proche ancêtre <article> s'il est présent ou de l'intégralité du document |
Cet attribut permet de standardiser le format de la date et/ou de l'heure, afin que l'indexation par les robots soit facilitée. La valeur n'est plus dépendante du contenu de l'élément, mais du contenu de son attribut datetime
. Ainsi la formulation de la date dans <time>
devient totalement libre. Si celui-ci n'est pas présent, alors c'est le contenu de <time>
qui comportera la valeur et devra alors respecter le format standardisé décrit ci-après.
Chaque chiffre d'une année sera représenté par 'Y', pour le mois ce sera 'M', 'D' pour les jours, 'h' pour l'heure, 'm' pour les minutes.
Ainsi nous obtenons en masque pour l'attribut datetime
:
<p>Articles de l'année <time datetime="2012">2012</time></p>
<p>Archives du mois de <time datetime="2012-02">février 2012</time></p>
<p>Cette recette a été publiée le <time datetime="2012-02-11">11 février 2012</time> par Okko.</p>
<p>Borax a dit le <time datetime="2012-02-11T16:24:02">11 février 2012 à 16:24:02</time> :</p>
<p>Borax a dit le <time datetime="2012-02-11 16:24:02">11 février 2012 à 16:24:02</time> :</p>
<p>Okko a dit le <time datetime="2012-02-11 23:26:05+07:00">11 février 2012 à 23:26:05 (heure locale) depuis la Thaïlande
</time></p>
Pour aller plus loin dans le format des dates et des heures consultez la page du W3C : Date and Time Formats.
Il permet d'indiquer que la valeur de <time>
correspond à la date de publication de son ancêtre <article>
le plus proche s'il est présent ou du document dans sa globalité. Si cet attribut est présent, il ne doit y avoir qu'un seul élément <time>
contenant l'attribut pubdate
pour chaque <article>
, idem pour le document entier s'il ne contient pas d'ancêtre <article>
pour l'élément <time>
.
<p>Publié le <time datetime="2012-02-10" pubdate>2 février 2012</time>.</p>
La démonstration précédente concerne une recette de cuisine. Celle-ci comporte une durée de cuisson et de préparation. Il est possible d'utiliser l'élément <time>
pour indiquer une période ou une durée.
Dans ce cadre, il faut utiliser la syntaxe ISO 8601, avec "P" pour introduire la période, "W" pour les semaines, “D” pour les jours, “H” pour les heures, “M” pour les minutes and “S” pour les secondes.
<ul>
<li>Temps de préparation : <time datetime="P30M">30 minutes</time></li>
<li>Temps de cuisson : <time datetime="P10M">10 minutes</time></li>
</ul>
Alternativement, il ne faut pas oublier que les microformats (Microdata) peuvent être avantageusement exploités pour baliser de façon plus précise ce type de contenu, par exemple avec le format Recipe. La même syntaxe de durée est alors adoptée.
<ul itemscope itemtype="http://schema.org/Recipe">
<li>Temps de préparation : <span itemprop="prepTime" content="PT30M">30 minutes</span></li>
<li>Temps de cuisson : <span itemprop="cookTime" content="PT10M">10 minutes</span></li>
</ul>
<time>
Navigateurs | Versions |
---|---|
![]() |
Internet Explorer 9.0+ |
![]() |
Firefox 3.0+ |
![]() |
Chrome 4.0+ |
![]() |
Safari 3.1+ iOS Safari 3.2+ |
![]() |
Opera 9.0+ Opera Mini 5.0 + et Mobile 10.0 |
![]() |
Android Browser 4.0+ |
<time>
Propriété | Détails |
---|---|
Modèles de contenu autorisés | Contenu de phrasé |
Parents autorisés |
Tout élément pouvant contenir des éléments de phrasé, sauf <time> |
Omission de balise | Les balises ouvrantes et fermantes sont obligatoires |
En France, selon les prévisions du cabinet Xerfi, le secteur du m-commerce devrait enregistrer une croissance de 90% par an au cours des années à venir. Le marché devrait ainsi peser plus de 13 milliards € en 2015, contre 500M€ en 2010. Au niveau mondial ce marché pourrait rapidement atteindre près de 31 milliards $, selon les prévisions du cabinet [...]
WinZip est enfin disponible sur iPhone et iPad. L'application offre les mêmes fonctions d'ouverture et de lecture que celles que l'on connait sur les autres OS.
Un jeune étudiant britannique du nom de Glenn Mangham s'était amusé à tranquillement infiltrer Facebook depuis sa chambre du Yorkshire, en prenant le contrôle du compte d'un employé du réseau social alors en vacances.
Lancé à New York en janvier par des Français, Topi propose un espace mobile de rencontres et d'échanges sur une base de géolocalisation et d'intérêts communs.
Selon un article de La Tribune, publié dimanche, le ministre de l’Industrie Eric Besson, a demandé à l’Agence Nationale des Fréquences (ANFR) de réaliser un audit sous dix jours pour mesurer «la couverture effective des réseaux de l’opérateur Free Mobile sur le territoire métropolitain». Les premiers résultats de l’opération sont donc attendus le 29 février prochain et doivent être remis directement [...]
Il y a trois semaines, l’acteur et serial entrepreneur Christophe Lambert venait présenter son nouveau projet, Surlecoup.fr, sur FrenchWeb. Pour faire la promotion du site d’annonces en vidéo et en accès gratuit, l’équipe fondatrice de Surlecoup a mis au point une série de pubs très cinématographiques et burlesques. FrenchWeb vous les présente en avant-première ! Comment devenir [...]
bgStretcher est un plugin jQuery permettant de mettre en place un slideshow fullscreen en fond de page, adapté à la taille du navigateur.
La plateforme de marketing participatif, eYeka, a récemment finalisé une levée de 2,5M € auprès de Generis Capital Partners. Fondée en 2006 par Gilles Babinet, eYeka anime une communauté internationale de plus de 200 000 consommateurs créatifs, situés dans près de 94 pays à travers le monde. La plateforme permet ainsi aux marques d’accélérer l’innovation avec l’aide des consommateurs par le biais de [...]
Chaque matin, FrenchWeb donne le micro aux acteurs de l'internet, et les invite à donner leur idée pour 2012. Aujourd'hui, Michael Guez, CEO de Chocolapps.
Matthieu Tanguy, Directeur marketing de Sosh, filiale d'Orange qui propose des offres à bas prix uniquement via internet, explique la stratégie de l'opérateur.
Skimm vous propose de réaliser vos achats web, magasin et transactions bancaires à l’aide d’une seule et même application. Comment ? Suffit de scanner un QR Code et d’entrer votre mot de passe pour valider votre paiement.