background preloader

Web graphics

Facebook Twitter

HTML5 - Fluidifier les animations. Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2/2) - David Rousset - sharing about HTML5, Windows 8 & Gaming. Nous allons voir ici les scénarios clés d’utilisation de canvas ou SVG après avoir vu les bases dans l’article précédent.

Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2/2) - David Rousset - sharing about HTML5, Windows 8 & Gaming

Cet article fait donc parti de cette série : 1 – les bases de SVG et de Canvas 2 – les scénarios clés d’utilisation de ces 2 jeux d’APIs En complément, il existe un cours MVA de 40 min en français et en vidéo reprenant la base de cet article (y ajoutant d’ailleurs en plus un peu de WebGL) : Graphismes HTML5 grâce à SVG, Canvas 2D et WebGL (module 2).

Le but du jeu étant de vous donner quelques éléments de réponse et des orientations d’usage pour vous aider à choisir le mode potentiellement le plus adapté à vos besoins. Tableau récapitulatif des grandes différences Commençons tout d’abord par rappeler les grandes différences entre <canvas> et SVG : Pour ceux qui connaissent la programmation sur Windows Phone 7, vous savez que vous avez 2 choix possibles pour vos interfaces: XNA ou Silverlight (avant l’arrivée de Mango qui peut les mélanger). Bref, vous voyez l’idée. Voilà.

Svg

Canvas. Css animations. Div animation. Web Graphics Trends in 2013. Published on August 18th 2013 by Eric Rowell The purpose of this article is to arm with you with good solid information about graphics trends on the web, and how to go about choosing a graphics technology, library, or framework for your upcoming project, without poking your eye out in the process.

Web Graphics Trends in 2013

You’re dazed, confused, and nearly in shock. You woke up this morning with a chip on your shoulder, and ready to seize the day with your impeccable web developer skills. Html? CSS? Rather than boring you with a long, tedious, academic-style lecture about graphics on the web, I will instead bestow nuggets of knowledge upon you by discussing a series of trends provided by the most incredible market research tool on the internet, Google Trends.

Out with the Old, in with the New In this trend, we can see the general public’s interest in ActionScript, the programming language for Adobe Flash, vs. There are two big reasons why developers in 2013 are choosing HTML5 over Flash. The New Kid on the Block. Top 10 Best HTML5 Websites of 2013. Here are our editor's picks for the Top 10 Best HTML5 Websites of 2016 based on visual artistry, integrated sound, ease of use, and uniqueness. 1 | The Wilderness Downtown The Wilderness Downtown is an interactive music video for Arcade Fire's song ''We Used to Wait''.

Top 10 Best HTML5 Websites of 2013

Visitors are asked to input the address of the home they grew up in and then the site uses Google Earth and HTML5 to create a personalized music video that takes the user on a journey back home. 2 | Heart of The Artic Heart of The Arctic takes users on an Arctic expedition/scavenger hunt through four distinct environments designed to show users the steps that would be needed to restore climate balance to the arctic region. This site perfectly showcases how Html5 can be used to create fun and educational websites. 3 | Three Dreams of Black 3 Dreams of Black uses HTML5 to promote Danger Mouse and Daniele Luppi's album Rome.