background preloader

HTML5 Canvas Tutorials

http://www.html5canvastutorials.com/

Related:  JSTutoscreation webedel80fr

Géolocalisation en HTML5 Tutoriel issu de ma présentation à la KiwiParty 2011. La géolocalisation fait partie des API gravitant autour de HTML5 (Geolocation API Specification) et des nouvelles fonctionnalités introduites par la mobilité. Ses usages sont nombreux et souvent corrélés avec des bases de données de renseignements géographiques : Plans/cartes, calculs de position et d'itinéraires Renseignements locaux en mobilité (points d'intérêts proches) Résultats contextualisés sur les moteurs de recherche Méta-informations jointes aux photos/vidéos De quelles informations a-t-on besoin pour se géolocaliser ?

Retour d’expérience sur le responsive design Au-delà de notre satisfaction d'avoir sorti un site dont nous sommes particulièrement fiers, nous avons voulu partager notre retour d'expérience sur la refonte de notre site en responsive design. Refondre son site web est toujours un défi pour une agence web. Notre précédent site fêtant son 3ème anniversaire, il n’était plus très en phase, ni avec notre discours, ni avec nos méthodologies et commençait à être technologiquement obsolète. Avec l’arrivée du HTML5, des CSS3 (media queries, @font-face, multi-columns, animations…) et l’expansion du javascript (à travers jQuery ou Mootools…), nous possédons désormais les outils nécessaires pour pouvoir mettre en ligne simplement des sites à la fois agréables, accessibles,rapides et portables.Avec cette refonte, nous avons voulu construire un site qui soit en phase avec notre image,nos méthodes de travail et notre vision du Web.

Comment développer le futur successeur de l’Angry Birds? Qui ne connaît pas aujourd’hui Angry Birds ? Développé initialement par trois étudiants finlandais sans beaucoup de ressources financières, leur application avait dépassé les 42 millions de téléchargements en 2010 et arrivait même à faire en sorte que les studios d’édition de jeux traditionnels tels qu’Electronic Arts, Microsoft, Sega et Activision se posaient des questions sur le succès que le casual gaming pouvait avoir auprès de la population mondiale. Leur société s’appelle aujourd’hui ROVIO et ils sont un exemple de l'impact que peut avoir une idée simple, mais bien exécutée, dans le marché…Le concept n’est pas vraiment hors du commun.

Organigrammes et pseudo-code 1.1. Début et Fin Pseudo-code : Début algorithme MON_ALGO ... Fin algorithme MON_ALGO 1.2. Stockage des données locales : Web Storage Nous connaissions les cookies. Maintenant nous disposons de Web Storage (ou DOM Storage) pour stocker des données locales. Faisons un tour du propriétaire ! S02E01 : Responsive Web Design Vendredi 2 septembre 2011. 13h, le WDFR saison 2 débute, la foule est en délire. Pendant ce temps Francis explique comment vont se dérouler les sessions WDFR de cette nouvelle année “scolaire” et rappelle la marche à suivre pour participer au tweet-up (pour les nouveaux surtout, parce que nous on sait comment ça se danse :D).

Toutes les foires aux questions PHP OpenOffice utilise des fichiers ZIP contenant des fichiers XML. La structure minimale d'une archive OpenOffice Text est : /META-INF/manifest.xml : Décrit le type du document principal (Text, Calc, Presentation, etc.) ainsi que de tous les autres éléments de l'archive ; /content.xml : Le document principal, il peut contenir du texte, un classeur Spreadsheet, des slides Presentation, etc. /META-INF/manifest.xml Sélectionnez <?

La méthode en 5 minutes et 10 étapes pour réussir ce type d’images - EXPRESSION Le tutoriel d’aujourd’hui s’adresse aux photographes passionné-e-s qui débutent en photographie culinaire. L’idée n’est pas de vous noyer sous la technique et les détails mais de vous donner une méthode concrète en 10 étapes qui vous permettra de reproduire ce type de photographie dès la fin du tutoriel. A la fin de votre lecture, vous serez capable vous aussi prendre ce genre de photos culinaires, même si vous n’avez pas de jolis bols japonisants à la maison, d’accessoires girly ou trendy dans les placards ou encore tout plein de serviettes et de nappes en papier, à carreaux, à poids ou unies couleurs pop dans vos placards.

SUPINFO, École Supérieure d'Informatique JSPDF, une solution HTML5 coté client, est une librairie open source qui permet de générer des documents PDF depuis son site web. Il est compatible sur les diffférents navigateurs Internet tels que : Chrome, Firefox (3+), Safari (3+), Opera et IE (6+). Il fournit plusieurs fonctionnalités afin de créer divers éléments pour les pages PDF. Elle est disponible en téléchargement gratuit depuis le site officiel de la librairie jspdf. Une fois la librairie téléchargée, il suffit d'inclure le script jspdf.js dans la page html, avec la balise <script></script>, comme ci-dessous : Il est aussi possible de l'installer via les gestions de paquets.

Créer une application en HTML 5 Pendant les trois jours au Web 11, on peut voir des conférences, rencontrer du monde mais aussi assister à des ateliers. Un certain nombre d’ateliers sont animés par Orange, Google, Evernote, Linkedin ou Intel. J’ai eu l’occasion d’assister à un atelier d’Intel sur l’HTML 5. Cet atelier prodiguait des bonnes pratiques et conseillait des bons outils et frameworks pour créer des applications en HTML 5.

Structure HTML et rendu CSS des balises : bloc et en-ligne La compréhension de la structure des éléments HTML est paradoxalement un sujet peu connu des développeurs web. Bien souvent sont évoqués des éléments de type bloc et des éléments de type en-ligne. Il faut savoir que ces désignations sont quelque peu faussées car elles mélangent une partie des spécifications HTML (qui proposent des catégorisations d'éléments) et une partie des spécifications CSS (qui proposent des modèles de rendus). 3 bonnes raisons de shooter en raw et de retoucher vos photos Aujourd’hui, j’ai envie d’écrire un article qui ne vous expliquera rien. Mais qui vous donnera, si ce n’est pas déjà le cas, envie de faire du Raw et de travailler vos photos en post-traitement (oui, c’est le titre). Pour cela, je vais prendre trois exemples, dans des photos personnelles, et faire un truc dont je n’ai pas encore l’habitude : vous montrer des photos brutes.

Développer avec Angular 2, Vim et Docker Angular 2 commence à faire des émules. C’est un fait. Mais passer de la version 1 à la version 2 est un peu déroutant. Bref, j’ai aujourd’hui quelques outils qui me permettent de bosser efficacement avec Angular 2 sur Vim avec en plus une petite image Docker qui peut vous rendre service.

Related:  TutorialsjavascriptHTML5 + WebGLWeb DesignCanvase-learningHTML