HTML
Lecteur HTML5
J’ai cherché comment avoir une solution la plus standard et la plus simple possible, donc via le lecteur audio HTML5, mais qui permette de lire non pas un seul fichier mais toute une liste, afin de proposer l’accès le plus rapide possible pour le lecteur aux podcasts de « monnaie libre ». La balise fonctionne ainsi pour un fichier son quelconque, encodé ici en deux formats, ogg et mp3, donc pointant vers deux fichiers. <audio controls="controls"><source src="chanson.ogg" type="audio/ogg" /><source src="chanson.mp3" type="audio/mp3" /> Votre navigateur ne supporte pas la balise AUDIO. </audio> Autres attribut de la balise <audio>HTML5 : Le pense bête des balises disponibles
HTML5 est certainement l’une des technologies web les plus prometteuses de ses prochaines années. Il est donc nécessaire de regarder dans sa direction et de commencer à expérimenter certaines choses. Aujourd’hui, nous vous proposons une cheatsheet intéressante qui reprend l’ensemble des nouvelles balises disponibles en HTML5 qui pourront vous être nécessaires lors de la construction de votre application web : Nous ne commenterons pas l’infographie mais nous espérons qu’elle vous aidera dans votre vie quotidienne de développeur web, qu’elle soit utilisée uniquement pour vous rappeler ce qui existe ou comme première prise d’informations et aiguiller votre recherche sur ce développement d’avenir.
HTML 4 était bien limité concernant les types de champs. HTML5 apporte énormément en terme de nouveautés. Ces innovations sont réunies sous un nom : les Web Forms (ou HTML5 Forms). Souvenez vous des éléments de saisie et de soumission de formulaire en HTML4 assez peu nombreux : <textarea> <select> ( <option> et <optgroup> ) <button> <input> ( text , password , file , radio , checkbox , submit , image , hidden , reset,button ) Grâce à l'apport de HTML5 et des Web Forms, de nouveaux éléments et types d'éléments arrivent dans nos formulaires.
Formulaires HTML5 : nouveaux types de champs
LibreOffice developer shows prototype Android and HTML5 ports
The Document Foundation (TDF) announced plans last year to create mobile and cloud versions of LibreOffice. A preliminary iOS porting effort that was undertaken earlier in 2011 demonstrated the viability of the project and showed that the open source office suite could have a future beyond the desktop. In a presentation this week at the FOSDEM conference, SUSE developer Michael Meeks shed some light on the current status of the porting project. The presentation slides, which he published on his blog, offer insight into some of the underlying technical details and the rationale for some of the high-level design decisions.
Intégrer un document excel dans une page html
Par Korben Si vous faites partie de ces gens qui bossent sur Excel tout la journée, à jongler avec les chiffres, les tableaux croisés dynamiques et les camemberts ( miam ), j'ai trouvé un truc super cool pour vous : Insérer un document Excel dans une page web . C'est Microsoft qui propose un nouveau service baptisé ExcelMashup qui permet simplement en uploadant un document Excel sur leur système Skydrive :
Les métadonnées d'une page HTML ne sont utile que s'il existe des outils qui les exploites. Aujourd'hui, il ne fait plus aucun doute que les meta revisit-after, keywords, abstract ou autre rating n'ont absolument aucune utilité. La question se pose pour la meta description, si on regarde de plus près, on se rend compte que cette balise ne sert finalement à plus grand monde. Les seules qui exploitaient cette donnée était les moteurs de recherches, vu la part de marché écrasante de Google, je limiterais mon propos à ce moteur de recherche. La meta description La meta description permet de fournir une description courte (deux à trois phrases courtes) de la page web.
La meta description : une méta rarement utile
With the lapse of time mobile devices hold excellent pace in their development and dictate their rules to the whole industry by forcing website owners and web developers adapt new standards and consider the responsive design principles. Also there is the other side of the problem – the development of cross-platofrm mobile applications and website interfaces. It is a widespread situation when each and every website not only wants to have a mobile-compatible website, but also their own apps for iPad, iPhone, BlackBerry and Android, or at least some extended functionality for a mobile website. Also there are millions of start-ups waiting for their big moment to become another “killer-app”. If you ever decide to take chances in the field of creating mobile applications we think that our list of HTML5 frameworks for mobile development will be one of your primary assistants.
Top 5 HTML5 Frameworks for Mobile Development
HTML5 Elements Quiz : Citer toutes les balises en 5 minutes
Vous pensez maîtriser l’ HTML 5 ? Testez vos connaissances au travers de HTML 5 Elements Quiz , un site vous invitant à citer en cinq minutes un maximum de balises de la prochaine révision majeure de l’HTML, le format de données à la base de toutes les pages internet visibles sur la toile. Petit score de 57 sur un total de 109 éléments pour ma part lors de la première et seule tentative. A vous de jouer en vous rendant sur le site officiel de HTML5 Elements Quiz .
insérer feuille de calcul google document dans un blog
J’ai abandonné Excel il y a bien longtemps pour me concentrer plutôt sur Googledoc. Google doc propose une feuille de calcul tout à fait satisfaisante pour 99% de mes usages. Sachez également qu’il y a d’autres services qui peuvent remplacer excel, cf mon billet tableurs en ligne gratuits pour se passer d’excel , mais je préfère de loin googledoc, car il est disponible directement dans ma barre d’outil google. N’oublions pas que microsoft à lancé une version en ligne que j’ai pu testé et qui n’est pas mal du tout. Revenons au vif du sujet : comment copier coller un tableau dans un blogue. Pour cela il faut utiliser le site internet : docs.google.com , (condition : créer ou avoir un compte gmail)
Much of the excitement we’ve seen so far about HTML5 has been for the new APIs: local storage, application cache, Web workers, 2-D drawing and the like. But let’s not overlook that HTML5 brings us 30 new elements to mark up documents and applications, boosting the total number of elements available to us to over 100. Sexy yet hollow demos aside, even the most JavaScript-astic Web 2.0-alicious application will likely have textual content that needs to be marked up sensibly, so let’s look at some of the new elements to make sure that your next project is as semantic as it is interactive. To keep this article from turning into a book, we won’t look at each in depth. Instead, this is a taster menu: you can see what’s available, and there are links that I’ve vetted for when you want to learn more.
HTML5 Semantics - Smashing Coding
[HTML5] Utiliser l’API de Géolocalisation : Part I Dans la pratique Support des navigateurs non HTML5 Compliant (Progressive enhancement) Exemples d’utilisations concrets, intégration à l’aide des API existantes. Geolocalisation, géolocaliser ? Tout d’abord, la géolocalisation, c’est quoi ?