The HTML5 test - How well does your browser support HTML5? Guide officiel Pages Google Plus pour les professionnels Google met nouvellement à disposition en ligne son guide officiel Pages Google Plus pour les professionnels. Ce mini-site (régionalisé) se découpe en 3 rubriques expliquant le potentiel de l’utilisation du réseau social Google Plus pour les entreprises, institutions, associations et personnalités. Chaque rubrique est l’occasion de mettre en avant les fonctionnalités attachées aux pages Google Plus : Partager : engagez de vraies conversations avec les bonnes personnes « Tout le monde ne s’intéresse pas aux mêmes aspects de votre activité. Aperçu du partage sur Google+Publiez des postsLancez des vidéo-bullesGérez vos cercles Promouvoir : plus de partage, plus de visibilité « Faites-vous connaître. Faites-vous connaîtreBadge Google+Recommandations +1Associez vos +1+1 dans les recherchesPartage avec le bouton +1+1 sur les annonces graphiques Mesurer : analyser et comprendre « Quelle est la performance de votre page et comment l’améliorer ? Licence :
MotionComposer - Créez des contenus Web animés en Flash® et HTML5 ! Outil parfait pour les professionnels comme pour les amateurs, MotionComposer permet de réaliser facilement ses propres animations HTML5 ou Flash.Les animations et contenus web créés avec MotionComposer sont lisibles depuis n'importe quel navigateur et depuis n'importe quel support, y compris l'iPhone et l'iPad. MotionComposer vous facilite la vie Aucune ligne de code à écrire. Une interface utilisateur claire pour créer des animations sans efforts. Exportez au format Flash® et HTML5 en une seule étape. Des contenus compatibles avec tous les navigateurs, smartphones et tablettes. La version Flash® s’affiche si le navigateur ne supporte pas l'HTML5. Ajoutez du son à vos animations en un clic. Compatible avec la dernière génération de navigateurs Compatible avec la dernière génération de navigateurs web, incluant Chrome et Internet Explorer 10, notre moteur de génération de code crée des animations lisibles dans tous les navigateurs utilisant la dernière technologie HTML5.
Startup Café - Outils 42 goals 42goals est un outil simple pour suivre des objectifs quotidiens et registre des activités quotidiennes. Il vous aide à définir vos objectifs, enregistrer vos progrès quotidiens et visualiser vos réalisations. L' utilisation de 42goals vous aide à arrêter de fumer, compter le nombre de tasses de café que vous consommez, enregistrer les dépenses quotidiennes. Plus Adobe BrowserLab Adobe BrowserLab est un service en ligne qui permet de vosu assurer que votre contenu Web s'affiche comme prévu. Plus Appbooster AppBooster SDK pour iOS et Android est suite d'outils dédiée aux applications iOS et Android pour booster la retention et l'engagement des utilisateurs au sein d'une application mobile. Plus ApéroEntrepreneurs Les ApéroEntrepreneurs, c'est tous les premiers jeudis du mois l'occasion de se retrouver entre entrepreneurs, dans un cadre informel, sympa et plutôt central, dans tout un tas de villes de France et d'ailleurs. Plus Asana Plus Avdice Plus Aviary Plus Backbone.js Plus Blueprint Plus Plus
Canvas Pad Rectangles (simple shapes) HTML Canvas 2D Context specification: Section 8 Simple shapes (rectangles) context.clearRect(x, y, w, h) Clears all pixels on the canvas in the given rectangle to transparent black. context.fillRect(x, y, w, h) Paints the given rectangle onto the canvas, using the current fill style. context.strokeRect(x, y, w, h)) Paints the box that outlines the given rectangle onto the canvas, using the current stroke style. // Draw black rect ctx.fillRect(50, 20, 145, 145); // Draw blue rect ctx.fillStyle = "rgb(0, 162, 232)"; ctx.fillRect(135, 85, 125, 125); // Increase line width ctx.lineWidth = 5; // Draw black rect outline ctx.strokeStyle = "rgb(0, 0, 0)"; ctx.strokeRect(50, 335, 145, 145); // Draw blue rect outline ctx.strokeStyle = "rgb(0, 162, 232)"; ctx.strokeRect(135, 275, 125, 125); // Draw transparent yellow rect ctx.fillStyle = "rgba(255, 255, 0, 0.75)"; ctx.fillRect(210, 180, 125, 125); context.arc(x, y, radius, startAngle, endAngle, anticlockwise) context.clip()
Sites utiles pour un journaliste Tutoriels Après un tutoriel pour créer un diaporama simple avec JQuery, qui d’après vos commentaires vous a assez intéressé, voici un nouveau tutoriel basé sur le Drag and Drop. L’exemple que nous allons voir est une liste des tâche simple, que je vous présente sous la forme d’une liste de courses. Le principe est simple, on ajoute des éléments, on les renomme, on modifie leur ordre et on les supprime. On va voir dans cet article comment utiliser de manière très simple la bibliothèque d’animations et d’interactions JQuery UI. Continuer
YaCy : un moteur de recherche libre et décentralisé pour concurrencer Google > www.linformaticien.com : Actualités informatique, Réseau, Sécurité, Technologie, Développement Des activistes amoureux du logiciel libre ont donné vie à YaCy, un moteur peer-to-peer qui offre un nouveau visage à la recherche en ligne. Il espère prendre un peu de parts de marché à Google, Yahoo, Bing, et les autres. Ce projet est porté par la FSFE (Free Software Foundation Europe), qui remet en cause le pouvoir détenu par les moteurs de recherche les plus populaires, mais aussi la façon dont ils collectent des informations sur les goûts de leurs utilisateurs. YaCy est bien entendu gratuit. Sa plus grande originalité est qu'il est décentralisé : c'est-à-dire qu'au lieu de se baser sur un serveur central, il récupère les résultats de ses requêtes sur un réseau de ports indépendants. Ces "ports", ce sont les internautes qui auront téléchargé son logiciel. Actuellement, YaCy est fort de 600 ports et indexe déjà plus de 1,4 milliard de pages, mais ses concepteurs espèrent augmenter ces chiffres.
Intégrer une vidéo dans un site web, compatible ie, firefox, safari, chrome, opera, iphone, ipad, android, … Comment afficher une vidéo sur une page internet en combinant les technologies HTML5 avec la balise <video> et flash pour les navigateurs non compatibles ? Avec un code HTML qui affiche les liens vers 3 formats de fichiers vidéo dans cet ordre : HTML5 MP4HTML5 WebMHTML5 OGGFlash MP4 (pas besoin de FLV depuis la version 9 rev 3 de flash) Le navigateur sautera le format qu'il ne connait pas jusqu'à trouver celui qu'il sait lire. Un script javascript permettra d'afficher les boutons de contrôle (plein écran, …). Méthode : Démo Sources Expliquent très bien le fonctionnement et donnent des détails qui peuvent être utiles – Anglais :
Référencement naturel : les 10 commandements de Google - Journal du Net Solutions Optimiser techniquement ses pages, travailler le contenu, promouvoir son site... Décryptage des points fondamentaux préconisés par Google dans son guide du SEO qui vient d'être mis à jour. 10 conseils sur des points précis qui sont loin d'être toujours respectés. Ils sont pourtant essentiels aux yeux du moteur. 1) Des textes d'ancre (anchor text) pertinents Le texte placé entre les balises d'ancre de lien <a href=...>... Il implique d'éviter de mettre dans cette balise les URL, ou surtout, des textes hors sujet, y compris les "cliquer ici" et autres numéros de page. Google rappelle qu'il faut également les différencier dans la feuille CSS pour qu'ils ne soient pas présentés de la même façon que le reste du texte. Suite du dossier : Optimisation des images et des liens
Can I use the MPEG-4/H.264 video format MPEG-4/H.264 video format - Other Commonly used video compression format (not royalty-free) Resources: Wikipedia article Firefox extension allowing support in Win7 Note: The Android 2.3 browser currently requires specific handling to play videos.