Web Squared: Web 2.0 Five Years On - by Tim O'Reilly and John Battelle

Five years ago, we launched a conference based on a simple idea, and that idea grew into a movement. The original Web 2.0 Conference (now the Web 2.0 Summit ) was designed to restore confidence in an industry that had lost its way after the dotcom bust. The Web was far from done, we argued. In fact, it was on its way to becoming a robust platform for a culture-changing generation of computer applications and services. In our first program, we asked why some companies survived the dotcom bust, while others had failed so miserably. We also studied a burgeoning group of startups and asked why they were growing so quickly. Chief among our insights was that "the network as platform" means far more than just offering old applications via the network ("software as a service"); it means building applications that literally get better the more people use them, harnessing network effects not only to acquire users, but also to learn from them and build on their contributions.

#Magnify.net Real time #video curation engine #socialmedia #web20 #edtech20 | web20andsocialmediaeSafetyinXXIcenturyeducation WAI-ARIA Overview Quick links: WAI-ARIA, User Agent Implementation Guide, FAQ See also FAQ: What is the current status of WAI-ARIA development? Introduction WAI-ARIA, the Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. This page describes the problems that WAI-ARIA addresses, and introduces the WAI-ARIA suite of technical documents. Making Ajax and Related Technologies Accessible Figure 1: Tree control Web sites are increasingly using more advanced and complex user interface controls, such as tree controls for Web site navigation like the example in Figure 1. Another example of an accessibility barrier is drag-and-drop functionality that is not available to users who use a keyboard only and cannot use a mouse. Many Web applications developed with Ajax (also known as AJAX), DHTML, and other technologies pose additional accessibility challenges. Technical Solutions WAI-ARIA provides Web authors with the following:

#Readiness Report Get a free customized Google Analytics report #edtech20 #socialmedia #web20 #SXSW #SXSWI | web20andsocialmediaeSafetyinXXIcenturyeducation Schema.org Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. However, the HTML tag doesn't give any information about what that text string means—"Avatar" could refer to the hugely successful 3D movie, or it could refer to a type of profile picture—and this can make it more difficult for search engines to intelligently display relevant content to a user. Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! 1. 1a. Your web pages have an underlying meaning that people understand when they read the web pages. 1b. itemscope and itemtype Let's start with a concrete example. To begin, identify the section of the page that is "about" the movie Avatar. Back to top 1d.

#Snip.ly Capture and share the best snips for any page #edtech20 #edtools | web20andsocialmediaeSafetyinXXIcenturyeducation Bienvenue sur le wiki des microformats ! Les microformats sont des extensions au HTML pour marquer les personnes et organisations, événements, endroits, billets de blog, produits, critiques, C.V., recettes etc. Les sites utilisent les microformats pour publier une API standard qui est consommée et utilisée par les moteurs de recherche, navigateurs et d'autres outils. nouveau ! Introduction Ce wiki est la ressource centrale de la communauté microformats et fournit des guides de publication des microformats, des références, des spécifications, des drafts, des modèles de publication, de la recherche, du brainstorming et de la résolution de problème. Pour démarrer Pour démarrer avec les microformats : Premièrement, familiarisez-vous à écrire vos pages et applications avec du HTML 'CHIC'. Définition Les microformats sont des petits modèles de HTML pour représenter des choses communément publiées comme des personnes, des événements et des mots-clé dans les pages web. Comment contribuer ? Vous voulez nous rejoindre et contribuer ? nouveau !

#SnapBird - Search beyond Twitter’s history #gr8twitter #edtools #edtech20 | twittertoolsandapplicationsbyhttpunhub.comweb20education Les Media Queries CSS3 La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Approche historique Avec CSS2 et HTML4, il était déjà possible de spécifier un média de destination pour l'application d'une ou plusieurs feuilles de style. <! L'attribut media peut prendre (depuis CSS2) les valeurs suivantes : screen Écrans handheld Périphériques mobiles ou de petite taille print Impression aural (CSS 2.0) / speech (CSS 2.1) Synthèses vocales braille Plages braille

#tru.ly Be Verified, Anywhere #edtec20 #edtools | web20andsocialmediaeSafetyinXXIcenturyeducation pourpre.com - les mondes de la couleur, les couleurs du monde #Flowplayer - Flash Video Player for the Web #edtech20 #edtools | web20andsocialmediaeSafetyinXXIcenturyeducation “Right click and save as” needs to go away For a long time it has been standard practice to ask visitors to “right click and save as” when downloading a file that the browser itself is capable of rendering, but where doing so is not desirable. One reason for doing this is to spare people from the annoying experience of accidentally clicking a link to a 25 MB PDF, which subsequently launches a browser plugin that of course crashes while trying to download and display the file. From a UX perspective though, adding instructions on how to click a link is not optimal, and feels like a hack. Not to mention that lots of people are literally afraid of the right mouse button. My mother is anyway. Luckily there’s a correct way of doing this now, though it hasn’t seen widespread adoption yet: The HTML5 download attribute You use it like this: <a href="hugemothereffinpdf.pdf" download>Download file</a> Any file the browser would normally try to display natively or through a plugin can be forced to download using this attribute. Support Old IE <!

#Gowalla Keep up with your friends, share the places you go and much more | web20andsocialmediaeSafetyinXXIcenturyeducation Yazo.net - Accueil

Hey bicus, marrant de te croiser là, j'avais lu pleins d'extrait de cet article mais jamais la version longue. Je pensais que c'était 100% bullshit et en fait c'est pas mal du tout ! :) by nicolas Oct 19

Data analysis, visualization, and other techniques for seeing patterns in data are going to be an increasingly valuable skillset. Employers take notice. by nicolas Oct 19

3 things I don't like in this article. 1) Sensors are more buzz than short or middle term trends. 2) The real-time is not new and it won't change anything of the web shape. 3) As usual IA seams sweet but is still a sweet dream. by nicolas Oct 19