Articles pour le mot-clé ‘HTML’


Sencha - Ext JS is now SenchaQue fût ma surprise la semaine dernière en apprenant que 2 de mes projets HTML5 préférés, jQtouch, un framework javascript pour créer des applications web iPhone et, Raphael, un outil de dessin très puissant basé sur des technologies HTML5, avaient été acheté par Sencha (créateur de Ext JS).

Malheureusement cette acquisition causa plusieurs inquiétudes dans la communauté. En effet, Ext JS, une ‘branche’ de YUI (framework js pour créer des applications), était à la base complètement open source, puis un beau jour, la licence changea et le projet est devenu commercial. Pour utilisé Ext JS dans un projet dit ‘payant’ on devait maintenant acheter une licence. Qu’allait-il donc devenir de deux de mes projets préférés?

Heureusement Sencha a vite calmé le jeu, jQtouch et Raphael resteront sous la licence MIT. Même mieux, Sencha a mis à temps plein au moins 1 personne sur chaque projet, des projets qui étaient au départ personnels devenaient donc un travail à temps plein, parfait! Une chose ne faisait par contre aucune sens. Raphael je peux comprendre que la technologie sois gratuite et qu’elle aura un très grand rapport avec EXT JS, mais jQtouch, qu’avait-il a gagner à le laisser open source? Acheter un framework d’application iPhone et n’engendrer aucun revenu dessus ne faisait aucun sens.

Sencha introduit Sencha Touch

La réponse est venu 2 jours plus tard, Le créateur de jQtouch travaillait en secret sur un autre framework d’application web mobile. Sencha Touch, déjà disponible en béta, est un framework complet, compatible avec Iphone, Android, Ipad et autres tablettes, et bien sûr, il sera payant pour les projets commerciaux.

HTML5

Sencha Touch est très impressionnant, on voit que Sencha a mis tous les efforts possibles pour créer le framework mobile de l’avenir. Beaucoup plus complet que jQtouch celui-ci se positionne comme le framework des professionnels, tandis que jQtouch, restera pour les applications simples, et n’aura pas de version iPad.

Quoi qui l’en soit, ça brasse du coté HTML5. Petite note de bas de page, Microsoft a sortit un nouveau ‘preview’ de IE9, les tags vidéo, audio, et même canvas ont été implémentés, bien des personnes avaient peine à croire qu’un tel évènement se produirait. Ses technologies sont des compétiteurs directes avec sa technologie propriétaire, Silverlight (quoi que maintenant il semble plus se positionner pour les intranets).

Lire
  • Twitter
  • Facebook
/ Nouvelles /  Technologie
1 Commentaire /

Microsoft étonne vraiment avec son Internet Explorer 9. On a droit à un Microsoft plus ouvert, qui veux redevenir compétitif dans tous les domaines du fureteur web. Chose inédite pour IE, on a déjà droit à des previews « build » de IE9 qu’on peut télécharger, de plus, une page est aussi disponible pour tester les nouvelles fonctionnalités du fureteur. Que du bon, CSS3 et HTML5 sont à l’honneur sur cette page. Il est clair que Microsoft a compris que être ouvert, c’est payant en terme de visibilité.

Un peu d’histoire

Ce n’est pas par hasard qu’arrive ce changement d’attitude, Internet Explorer se fait gruger une petite partie de son « market share » chaque mois depuis maintenant plusieurs années. Après avoir gagné sa dure bataille contre Netscape, Internet explorer était seul maitre de l’internet, et il semble que Microsoft a fermé la lumière dans les labs de IE et à laissé litéralement pourrir sa version 6.

Firefox change le marché

ff ie2 Microsoft veut renverser la vapeur avec son fureteur version 9La version 1 de Firefox a vraiment tout changé, avec une platforme plus ouverte, moins de bug, plus rapide et des outils plus performants pour les dévelopeurs web. Juste ce qu’il fallait pour faire une brèche dans le marché. Une lumière s’est alors ouverte dans les labs de Microsoft et ont a eu droit à IE7. Une version avec un peu moins de bug que IE6, pas vraiment plus performant, un petit ‘mashup’ quoi.

Depuis ce temps, Microsoft travaille d’arrache pied pour ratrapper son énorme retard… avec à peu près tous les fureteurs compétiteurs. Il y a une vraie guerre de vitesse en ce moment entre Google Chrome, Safari et Firefox. IE8 était un pas en avant, malheureusement il était déjà dépassé avant de sortir.

IE9 arrivera t’il juste à temps pour sauver le reste de ses parts de marché?

Internet Explorer 9 s’annonce très bien, extrêmement plus performant (revient vraiment dans la course), beaucoup plus de compatibilité avec CSS3 et HTML5. On peut vraiment dire que IE9 pourrait être le grand retour de Microsoft qui pourrait stopper son hémoragie au niveau du market share.

Lire
  • Twitter
  • Facebook
/ Nouvelles /  Technologie
1 Commentaire /

Non je ne parle pas de convergence des médias (je crois qu’on l’a déjà assez entendu celle-là), ce n’est pas mon domaine. Je parle de la convergence des applications vers les technologies web. Depuis quelques temps un phénomène assez étrange se produit, nous pouvons maintenant déveloper des applications natives Windows, des applications mobiles ou sur OSX avec des technologies web.

Comment ça? du HTML pour créer des applications Windows et mobile!?

Le web à vraiment créé un très vaste écosystème de dévelopeurs spécialisés pour le web, que ce soit des designers, des dévelopeurs php ou python et des intégrateurs web. Il n’est donc pas étonnant que les entreprises veulent tirer profit de cette ressource ou tout évolue rapidement et ou le cycle pour la création d’application web est très court comparé au dévelopement plus traditionnel.

Une de ces compagnies c’est Appcelerator, qui ont créé la platforme Titanium. Cette platforme permet de déveloper une application qui sera traduite sur les platforms iPhone et Android. Et puisque vous êtes déjà habitué à la platforme, la transformer en application ‘desktop’ sur Windows et Mac se fera rapidement.

Il a vraiment un bon momentum autour de Appcelerator qui a passé à sa version 1 récemment, ils ont d’ailleurs lancé leur première application iPad sur le appstore.

Une autre de ses platforme c’est Phonegap. PhoneGap vous permet de créer des application Andriod et iPhone directement avec du javascript et du html. Nous avons aussi Mozilla qui à créé une platform de création de plugin pour firefox qui utiliseulement du javascript nommé Jetpack.

Un temps d’adaptation est nécéssaire

Bien sûr il faut apprendre tous ses nouveaux API. Reste que la barrière qui séparait le web du monde applicatif est de plus en plus mince, reste à voir maintenant si cette tendance va ce maintenir et que les technologies web devriendront la platforme par excellence pour tout ce qui est contenu par votre ordinateur.

Lire
  • Twitter
  • Facebook
/ Technologie
Ajouter un commentaire /

jQuery has been kind of a buzz word in the last 2 years. This technology started really small but it is now endorsed by a lot of major web players,  have a complete development team of more than 10 talented developers, and there is currently 3 or 4 conferences a year organized by the team on the sole purpose of talking about it with other web developers. It is a technology we use heavily at w.illi.am/. If for you jQuery only rings in your head with some kind of AJAX, well read this out and the next time you ask you your developers team about jQuery they might not look at you with round big eyes and say « yes… yes… »

The jQuery mojo is write less do more, and this is exactly what it’s meant to do. This is an API that help you write better javascript. Unfortunately it is really hard to write good javascript on all browsers. What jQuery does is take your jQuery code and dispatch it to every browser in the more efficient way possible. This enables developers to write faster and better javascript. It adds some functionalities too, like for example animations.

Not unlike Adobe Flash, with jQuery it is possible to animate  objects on your web page, this is however limited. While you can do easing and opacity effects, you cannot rotate or use « photoshop effect » directly from javascript. Well used, you can create nice and clean animation with jQuery, but trying too hard might result in a look that feel like flash but not really as good as flash.

The famous AJAX

This is a common error for non-tech teams to actually refer jQuery as AJAX, in fact this is only a subset of functionality of javascript and not javascript itself. AJAX refers to asynchronous JavaScript and XML, what it means is that you can load external XML or HTML to and from your page. For example,  a form on the web normally sends you to another page when submitting it. Using AJAX, you could submit the form to your server in javascript using AJAX without quitting the page. Most recent websites make a major use of AJAX without the user noticing it to update content or save users preference.

Using it without an API like jQuery is pretty hard because of it’s weird syntax. This is somewhere jQuery really shines, because it enable you to do a lot, without wanting to bang your head on the wall. Because of javascript API like jQuery, using AJAX has been made a lot more easier and also popular, this might have to do with why people often call jQuery as an AJAX technology.

If you want more information on jQuery I would suggest you visit the official website.  There is a lot of information on the website and looking at the documentation might help you understand how jQuery can be beneficial for your website or company.

Lire
  • Twitter
  • Facebook
/ Technologie
Ajouter un commentaire /

It can be overwhelming to understand the production environment of websites, front-end developers, back-end developers, integration, programmings, what’s that? As client, you may be happy to understand a little bit more about the structure behind it.

So you are happy of your new design, what is next?

You just approved the design of your next website, you are happy with what has been done so far. What’s next? well a pretty long process. Upon approbation of the design, front-end developers take these designs and translate it to HTML. This means that your design is taken, decorticated and translated to a programming language. This might look like a simple task, but on the contrary, you need excellent front-end developers to translate your design perfectly.

How Complex?

To translate your design we use 2 languages, HTML and CSS. HTML is the foundation of your website, and CSS is what styles all your website, adds colors and images. It is not all, unfortunately the implementation between browsers (Firefox, Internet Explorer and etc) of those 2 languages differs a bit, it creates the complex task of testing your website to all current browsers to be sure the integration is spot on. The front-end developer needs to be aware of the dependencies of every browsers and be able to turn around problem that could arise.

Front-end developer also optimizes your website the be the fastest possible, trying to use the fastest structure possible and optimizing your design without losing picture quality. This is what we call website integration.

A back-end developer develops features

When those templates are finished, generally a small round table is planned with designers in case front-end developers forgot some styling. When designers are happy with the templates, it’s ready to get implemented in your content management system.

It is the back-end developer’s job to develop all the features you need to be able to manage your website yourself. Like changing the text in a section for example. This is where front-end developers and back-end developers work together to integrate your design with all the website features you need.

Every web creation company should take great pride of doing spot on integration of website design with content management, and we, at w.illi.am/ sure do.

Lire
  • Twitter
  • Facebook
/ Création /  Technologie
Ajouter un commentaire /