background preloader

Pearltrees Visualizes How You Organize the Web

Pearltrees Visualizes How You Organize the Web
This post is part of Mashable's Spark of Genius series, which highlights a unique feature of startups. If you would like to have your startup considered for inclusion, please see the details here. The series is made possible by Microsoft BizSpark. Name: Pearltrees Quick Pitch: Pearltrees is a new visual way to organize content on the Web and connecting people's interests. Genius Idea: How do you organize the web on the browser? Signing up for Pearltrees is simple, but getting used to the interface and all of its features is not as easy. Now for the organization part: you can create complex systems of pearls, known as pearltrees. Clicking on a pearl gives you a range of options that go beyond visiting your favorite website. Pearltrees takes a time investment to make it useful. Spark of Genius Series Sponsored by Microsoft BizSpark Entrepreneurs can take advantage of the Azure Services platform for their website hosting and storage needs.

Article extrait de la revue Inter CDI N¬∞ 233 Objets nomades en classe : nouveaux objets, nouveaux usages Qui aurait pu prétendre à l’explosion des SMS, au départ destinés à l’échange d’informations purement techniques entre ingénieurs ou techniciens ? Comment prévoir les usages qu’en feront les générations à venir en fonction des progrès techniques de plus en plus rapides ? Dans le monde de l’éducation, nous nous interrogeons sur les aspects pédagogiques : quels usages pédagogiques de l’objet nomade de l’élève peuvent être envisagés ? Comment aussi, avec d’autres appareils, proposer une autre approche de la relation aux savoirs passant par d’autres pratiquesau sein de la classe ? L’accord passé entre la société France Télécom Orange et le CRDP de Paris nous a permis de bénéficier d’un prêt d’une douzaine de tablettes électroniques de la marque Samsung, modèle Galaxy Tab. À l’aide de la version numérisée des quotidiens, les élèves ont tout d’abord parcouru l’actualité du jour. ET DEMAIN ? Notes Réagissez à cet article

Microsoft allows advertising on PC desktops The technology company has struck a series of deals with the likes of Porsche, Pepsi and Twentieth Century Fox, which will allow users to add the branding of each company on their desktop. It is pilot scheme which will run until next October and will be extended to Windows 7 borders and sounds – as well as Internet Explore 8 add-ons, which will direct people back to each advertisers’ homepage. The move has been welcomed by advertisers – who are always looking for increased ways to engage with consumers. However, the consumer reaction remains to be seen. Last month Microsoft announced Office 2010 Starter Edition, a limited version of the new Office 2010 technology, which will only be accessible on pre-loaded new PCs and will be funded by advertising. Separately, a security researcher has uncovered the first security flaw in Windows 7, according to industry website, TechWatch. Laurence Gaffie has discovered a bug in Windows 7 which will allow a hacker to crash your PC.

Create a Tableless Layout | tutorialtastic.co.uk I bet you’ve heard the coding obsessed web designers getting their knickers in a twist about CSS layouts, yet you don’t know the first thing about them, right? Obviously that’s why you’re here! Well, providing you have a little CSS knowledge and know how to separate style from content, you should find this tutorial a doddle! Tableless Layout Basics Firstly, let’s take a look at your current coding. <html><head><title> my website </title><meta name="keywords" content="joe bloggs' website, site, pages,"><meta name="author" content="joe bloggs"><link href="stylesheet.css" rel="stylesheet" type="text/css"></head><body><table id="main"><tr><td><img src="images/bla.gif" align="left" alt="layout image 1"><br /></td></tr><tr><td><h1>Welcome to my website</h1><p>This is my wonderful website with funky content and groovy images! Look at those terrible tables. Let’s redo that page up there, assigning <div>s instead of <table>s (every ‘block’ of table needs a div): Tableless Templates ..etc.. Help!

Projet CLAIRE Rédaction collaborative sémantique et rich-media Une plateforme de production et d'édition collaborative de contenus structurés, sémantiques et richmédia. Rédigez tous vos contenus sur des technologies d'avenir, standard et accessibles : HTML5, SMIL Timesheets, SCORM... Exercices d'évaluation auto-adaptatifs Des exercices interactifs qui s'adaptent au niveau de l'élève. Choisissez parmi différents types d'exercices auto-générés pour vous : QCM, textes à trou, liaison de mots, serious games... Redirigez vos élèves vers des contenus adaptés à leur niveau en fonction de leurs réponses. Amélioration continue Un tableau de bord des indicateurs pédagogiques permettant d'améliorer vos contenus. Laissez vos lecteurs ajouter des commentaires contextuels à vos contenus. Publication multi-supports Une publication facilitée de vos contenus sur de multiples formats et supports. Rédigez et améliorez sur le web.

Philips: Carousel / TV/Films - Coloribus.com - Advertising Archi Created for Tribal DDB, Amsterdam, the interactive campaign -- which launches today at www.cinema.philips.com -- promotes Philips’ latest entrant into the television market, the CINEMA 21:9. Since the television’s 21:9 frame lends itself so readily to film, Tribal DDB, Amsterdam commissioned Stink Digital to create a piece of filmed content that could hold its own with Hollywood’s best. Stink Digital director Adam Berg responded with an idea for an epic ‘frozen moment’ cops and robbers shootout sequence that included clowns, explosions, a decimated hospital, and plenty of broken glass, bullet casings and money. The film, titled Carousel, is the centrepiece of the project. On its own, it clocks in at a (totally coincidental) two minutes and 19 seconds, but Berg conceived it to work as an endless loop. Visitors to the microsite therefore have the option to ‘spin’ through the film’s single take shot repeatedly, to stop on a specific frame, or to watch it at the preordained speed.

Dave Raggett&#039;s Introduction to CSS Dave Raggett, 8th April 2002. This is a short guide to styling your Web pages. It will show you how to use W3C's Cascading Style Sheets language (CSS) as well as alternatives using HTML itself. The route will steer you clear of most of the problems caused by differences between different brands and versions of browsers. For style sheets to work, it is important that your markup be free of errors. The following will teach you how to: use the style element link to separate style sheets set page margins set left and right and first-line indents set the amount of whitespace above and below set the font type, style and size add borders and backgrounds set colors with named or numeric values add style for browsers that don't understand CSS Getting started Let's start with setting the color of the text and the background. The style element is placed within the document head. The stuff between the <style> and </style> is written in special notation for style rules. Linking to a separate style sheet

Les MOOC changeront-ils les règles de jeu? | Contact North Dans toutes les discussion au sujet des systèmes de gestion de l'apprentissage (SGA), des ressources éducatives ouvertes (REO), des cours en ligne largement ouverts (massive open online courses, ou MOOC) et des avantages et défis de l’apprentissage en ligne, les enjeux les plus cruciaux sont peut-être ceux qui touchent la manière dont la technologie change notre façon d’enseigner et, plus important encore, la manière dont les étudiantes et étudiants apprennent. Faute d’avoir un meilleur terme pour le désigner, nous appelons cela la « pédagogie ». Il est évident que les changements majeurs dans la manière dont nous enseignons aux étudiantes et étudiants du niveau postsecondaire sont déclenchés par l’apprentissage en ligne et les nouvelles technologies, qui augmentent la flexibilité et l’accès à l’égard de l’éducation postsecondaire. Mais cela n’est que la première étape. Quels sont les moteurs du développement de cette nouvelle pédagogie? Les nouvelles demandes d’une société du savoir 1.

85+ Tools &amp; Resources for Freelancers and Web Workers Deciding to become a freelance worker can be a scary proposition. Sure there is an allure to picking what projects you work on, but it can also be stressful not knowing where your next paycheck will come from. Luckily there are numerous resources out there that not only help you find more work, but also loads of tools to help you do your job more efficiently with a professional edge. We've gathered over 85 tools and job sites for a variety of freelancers and web workers. Have more resources to recommend? Work Tools It's important for freelance workers to be as organized as possible. Adobe AIR Apps AgileTracker - Allows you to keep track of time spent on projects by client, and if you are using AgileAgenda, you can sync them with each other. Google Calendar Invoice Creator - Allows you to use Google Calendar as a way to keep track of your hours and then import that data into this app to automatically generate invoices. Invoicing Time Tracking TimeIQ.com - Keep track of your billable hours.

How to Add HTML Signatures with Images to gmail Email Messages | Did you notice anything special about this screenshot of GMail message ? Well, it has an embedded animated graphic instead of the plain text signature. GMail has a wonderful rich text editor to compose emails but there are some desirable things that you cannot accomplish in GMail using standard techniques. For example: 1. 2. 3. 4. 5. Now the really good news is that you can do all the above easily with GMail and here's how to do it: To embed an HTML signature with Images in GMail ? Create an HTML signature snippet using notepad or WYSIWYG editors like Dreamweaver/Frontpage/Golive or online with Geocities/GooglePages/Tripod Lycos. Once you are satisfied with the layout, select the entire portion of the webpage that you want to appear in the GMail signature and drag it to the GMail compose window. I have an illustration here: Step 1: The HTML signature is created in Google Page Creator. Step 2: Open a new Gmail compose message window.

Crée ton FabLab : jeu coopératif pour mieux comprendre les fab labs Une équipe de 3 étudiantes en licence professionnelle des métiers de l’édition à l’IUT de La Roche-sur-Yon (Noémie Mouchet, Adeline Fraissange et Mélanie Magourou) ont conçu et réalisé le jeu à imprimer Crée ton FabLab pour faire découvrir les fab labs aux jeunes de 8-15 ans, notamment dans le cadre d’ateliers d’animation. Pour ce projet innovant, le blog MEDIT moi un FabLab a été créé. Cet espace Web montre l’avancement de ce projet dans un but de partage (avec un contenu diffusé sous licence Creative Commons CC-BY-SA). Fiches et tutoriels viennent compléter ce blog. Jeu d’équipe en coopération pour créer un fab lab Le jeu Crée Ton FabLab (à partir de 8 ans, pour 2 à 8 joueurs), jeu de plateau coopératif à imprimer, est disponible depuis le 10 mars 2013 dans une version 1.0. Objectif du jeu « Les joueurs ont un objectif commun à atteindre : regrouper les éléments indispensables au bon fonctionnement d’un FabLab (matériel et réputation) et ce dans le temps imparti par le contexte.

Facebook Responds To MySpace With Facebook Connect Facebook will announce later today Facebook Connect, which has similar functionality to MySpace Data Availability, announced just yesterday. The actual product won’t be released for at least a few weeks, so the timing on this, coming immediately after MySpace, is somewhat suspicious. It is essentially a new version of their API for third party websites, which was first launched in August 2006. It will allow users to “connect” their Facebook identity, friends and privacy to any website. Third party websites will be able to implement and offer more features of the Facebook Platform off of Facebook – the same features available to third party applications today on Facebook. To make data portable, Facebook believes it’s about giving users the ability to take their identity and friends with them around the Web, while being able to trust that their information is always up to date and always protected by their privacy settings. One of their initial launch partners will be Digg.

3° Colloque : Ecriture et technologie | La tablette numérique, nouvelle ardoise de l'élève ?

Related: