background preloader

Create multi-platform desktop apps with HTML5, CSS3 and JavaScript

Create multi-platform desktop apps with HTML5, CSS3 and JavaScript
Related:  Veille Technologique Conception d'appli en HTML5 CSS3 Javascript

Engine Goes Open Source Turbulenz Engine Goes Open Source We’re excited to announce that we have released the Turbulenz HTML5 game engine as open source under the standard MIT license. The open source project is available on GitHub at You may have seen Turbulenz mentioned somewhere and wondered what it was. Polycraft by Wonderstruck We started developing the Turbulenz Engine a little over 4 years ago in early 2009, when HTML5 was still in its infancy and before WebGL even existed. We initially proved this to ourselves by creating the service and engine capable of streaming and rendering the majority of Quake 4. Today, the Turbulenz Engine powers the highest quality 2D and 3D HTML5 games online. The 2D arcade game Save the Day by Denki - watch the trailer - play the game nowThe 3D arcade strategy game Polycraft by Wonderstruck - play the development version nowThe real-time 4 way multiplayer shoot ’em up Score Rush by Xona - watch the trailer - play the game now

Une application HTML5 sous Windows Phone 8 Microsoft propose un SDK (Software Development Kit) compréhensible pour qui souhaite développer une application HTML5 sous Windows Phone. D'autres types de projets peuvent être réalisés grâce à ce kit, mais ici ne sera abordé que le côté HTML+CSS+JavaScript, qui intéresse bien sûr tout développeur web sachant déjà manier ces langages. C'est là tout l'intérêt : réaliser des applications rapidement, avec des connaissances déjà maîtrisées, et des ressources souvent déjà disponibles (serveur, images, styles, icônes, polices, scripts, etc). En réalité, l'application HTML5 sera hébergée dans une page XAML, équipée d'un composant WebBrowser piochant les ressources localement, c'est-à-dire les fichiers web regroupés dans le package installé. Premiers pas Si vous ne souhaitez pas vous consacrer au développement Windows Phone, sautez directement à la fin de ce tutoriel pour les derniers mots sur la machine virtuelle et le navigateur Internet Explorer embarqué. <! Développer une application HTML5 <!

Coding An HTML 5 Layout From Scratch HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. While it is true HTML5 and CSS3 are both a work in progress and is going to stay that way for some time, there’s no reason not to start using it right now. So today we’re going to experiment a little with these new technologies. Use Graceful Degradation techniques and technologies to keep things in place for legacy browsers.Use Progressive Enhancement techniques and technologies to be up to date with the latest trends.Use HTML5 alongside a rising technology: Microformats.Have a clear vision of some of the most exciting new features HTML5 and CSS3 will bring. It’d be a good idea to have a read at some of these articles first: Before we begin… Link 1. 2. <! A few highlights: <!

Les librairies JavaScript vraiment utiles JSTweener est une librairie de gestion des transitions ( tween en anglais) basé sur la classe Tweener utilisée dans le code ActionScript de Flash. $fx() est une librairie JavaScript légère (moins de 4Ko) d'animation d'éléments HTML. Elle vous permet de modifier n'importe qu'elle propriété CSS progressivement avec un paramétrage simple. Vous pouvez aussi combiner les effets en les enchainant ou en les synchronisant. Enfin, de nombreux callbacks vous offrent beaucoup de liberté dans la gestion de vos effets. Cette librairie vous offre beaucoup de possibilités pour améliorer leur page Facebook avec juste une ou deux lignes de code. Autres librairies : FX , Animator.js , jsAnim SoundManager importe et améliore l'API Sound de Flash et la rend disponible en JavaScript. L'API JavaScript de Flowplayer vous permet de contrôler facilement et efficacement une ou plusieurs instances de Flowplayer dans une page HTML. Un script simple et facile d'utilisation permettant la gestion des cookies.

AppGyver gury - an html5 canvas utility library Du site web à l'application web (JavaScript, AJAX…) JavaScript est un langage qui existe depuis de nombreuses années maintenant et que l'on utilise fréquemment sur le Web en plus de HTML et CSS. C'est probablement l'un des premiers langages que vous voudrez apprendre maintenant que vous avez des connaissances en HTML et CSS. À quoi JavaScript peut-il bien servir ? On peut faire déjà beaucoup de choses en HTML et CSS mais, lorsqu'on veut rendre sa page plus interactive, un langage comme JavaScript devient indispensable. Voici quelques exemples de ce à quoi peut servir JavaScript : On l'utilisera le plus souvent pour modifier des propriétés CSS sans avoir à recharger la page. JavaScript est un langage qui se rapproche des langages de programmation tels que le C, C++, Python, Ruby… À l'inverse, HTML et CSS sont davantage des langages de description : ils décrivent comment la page doit apparaître mais ils ne donnent pas d'ordres directs à l'ordinateur (« fais ceci, fais cela… »), contrairement à JavaScript.

50 Advanced HTML5 Demos to show It's Power Flash vs HTML5 is one of the hottest topic today , but we are not getting in the argument of which is superior to other and which is not. Flash will always be an awesome choice for rich content web applications and games same as HTML5 in developing cool animations and simple gaming applications unless some major development to be made in future years. Today we have collected 50 awesome HTML5 demos to show its potential. 1. 2. 3. 4. 5. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 360° MP3 player 30. 31. 3D Model Viewer 32. 3D Landscape on HTML5 canvas 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. If you enjoyed this article, get email updates (it's free).

High-Tech : Grande faille de sécurité sur Internet Explorer Une autorité allemande de contrôle conseille d'utiliser un autre logiciel de navigation sur Internet que celui de Microsoft. Les autorités allemandes ont mis en garde contre une faille du navigateur Internet Explorer de Microsoft qui permet à des pirates du Web de prendre la main sur des ordinateurs qui en sont équipés. Le gendarme allemand en matière de sécurité informatique a recommandé aux utilisateurs d'Internet Explorer d'utiliser un «navigateur alternatif» jusqu'à ce que ce que Microsoft mette à disposition un correctif de son logiciel. «Pour exploiter cette faille, il suffit d'attirer l'internaute sur un site préparé» qui permet de copier n'importe quel code sur le système visé avec les droits informatiques de la victime, selon l'Office fédéral pour la sécurité des technologies de l'information (BSI ou Bundesamt für Sicherheit in der Informationstechnik). Microsoft a reconnu «un petit nombre d'attaques ciblées». » Le communiqué du BSI (en allemand)

PhoneGap API Documentation Apache Cordova is an open-source mobile development framework. It allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platforms' native development language. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's sensors, data, and network status. Apache Cordova graduated in October 2012 as a top level project within the Apache Software Foundation (ASF). Through the ASF, future Cordova development will ensure open stewardship of the project. It will always remain free and open source under the Apache License, Version 2.0. Use Apache Cordova if you are: Basic Components Apache Cordova applications rely on a common config.xml file that provides information about the app and specifies parameters affecting how it works, such as whether it responds to orientation shifts. Cordova does not provide any UI widgets or MV* frameworks.

Related:  links