En contrepartie, ses efforts vont s'orienter vers le développement de HTML 5, dont le groupe de travail est pour le moins dynamique.

Le W3C compte bien maintenir en vie quelques morceaux déjà utilisés de XHTML, tel qu'il l'annonce dans sa FAQ, ou les intégrer dans HTML5.

Il subsistera donc les versions XHTML précédant XHTML 2, c'est à dire XHTML 1.0, XHTML 1.1, XHTML 1.1 Basic, XHTML Print, et XForms.

Ces éléments seront bien entendu toujours parfaitement valides et utilisables.

Par contre, les éléments suivants seront purement et simplement abandonnés :

• XHTML 2.0
• CURIE
• XFrames
• HLink
• XHTML + MathML + SVG Profile
• XHTML Modularization 1.0 Second Edition

La coloration syntaxique est une fonctionnalité informatique proposée par certains éditeurs de texte, qui consiste à formater automatiquement chacun des éléments du texte affiché en utilisant une couleur caractéristique de son type.

Le but est d’améliorer la lisibilité d'un code source en mettant en évidence les structures syntaxiques de son langage de programmation ou de description..

Merci Wikipedia !

Sur Alsacreations...

Le code source est maintenant tout coloré partout sur les tutos et les actus pour vous permettre une meilleure lisibilité. Il sera très prochainement implémenté à la partie Forum du site !

Comment qu'on fait ça ??!

Rien de très compliqué, nous avons utilisé le plugin Chili qui fait ça très bien tout seul. Il suffit de lui spécifier le langage de programmation dans le code et il se charge d'attribuer les bonnes couleurs aux différents éléments.

En espérant que ce petit outil vous soit utile :)

L'environnement

La programmation sur iPhone se fait en Objective-C, un langage qui nécessite l'utilisation de X-Code, environnement de développement pour Mac OS X. La programmation passe donc obligatoirement par un support Mac.

Une fois que vous avez un Mac à disposition, vous pouvez vous rendre sur le site du centre de développement d'Apple et y télécharger tout ce dont vous avez besoin pour le développement, à commencer par iPhone SDK qui contient l'environnement de développement Xcode et le simulateur iPhone. Il ne vous reste ensuite plus qu'à tout installer.

L’interface de X-Code n’est pas déroutante pour les programmeurs car elle ressemble à ceux des autres IDE (environnement de développement). L’arborescence des fichiers se trouve à gauche contrairement à Visual Studio, et les fichiers sont classés un peu différemment. Par exemple, on trouvera des dossiers Sources ou même Framework mais pas de dossier Header. Peu importe, on s’adapte facilement, c’est très intuitif !

La création des fichiers

• Les fichiers source

  La partie programmation d’X-Code est très simple d’utilisation . Pour ajouter des fichiers source, il suffit de faire Ctrl + clic sur le dossier Sources, puis de cliquer sur Add… New File…

  A partir de là, une petite fenêtre qui vous demande quel type de fichier vous voulez créer va apparaître. Il suffit de sélectionner UIViewControllersubclass qui se situe dans Cocoa Touch Class. Cliquez ensuite sur Next puis vérifiez que Also create "monfichier.h" en haut et votre projet dans Target soient coché. Cliquez enfin sur Finish.

• Les vues

  Pour créer une vue, cela se passe de la même manière (ou presque). Faites simplement Ctrl + clic sur le dossier Ressources, cliquez ensuite sur Add… New File…

  Vous retrouverez votre petite fenêtre d’ajout. Choisissez Empty XIB pour ajouter une vue vide.

La programmation des fichiers

Les fichiers source

Les fichiers sources se décomposent en deux catégories :

• Les fichiers .h

  Les fichiers portant l’extension .h sont aussi appelés header file. Ils permettent de faire la déclaration des différents éléments qui sont ensuite visibles dans la vue.

  EXEMPLE :
  Pour déclarer un label (zone de texte d’une ligne), on écrira IBOutlet UILabel *monLabel ; dans la partie @interface { … }

  Pour lui ajouter des propriétés, on écrira @property (nonatomic, retain) UILabel *monLabel ; avant le @end.

• Les fichiers .m

  Les fichiers avec l’extension .m sont aussi appelés Objective-C class (ou UIViewControllersubclass). Ils permettent de programmer la vue, de créer des fonction et de les utiliser sur les différents éléments déclarés précédemment dans le fichier en .h.

  EXEMPLE :
  Pour déclarer une fonction qui changerait le texte lors du chargement de la vue, on écrira

  -(void)viewDidLoad{
  
  [super viewDidLoad] ;
  
  monlabel.text = @ "c’est ici que je change mon texte" ;
  
  }

Les vues

Les vues sont tout simplement les éléments qui sont affichés à l’écran de l’iPhone. Une vue peut se composer de différents éléments tels que des images, des boutons, du texte…
Pour modifier les vues, il faut passer par Interface Builder.

Lorsque vous voulez modifier une vue, cliquez deux fois dessus (l’Interface Builder se lancera tout seul).
Une fois dans l’interface, vous voyez les fichiers contenus dans votre vue, mais aussi une multitude d’outils tels que la Library (bibliothèque de composants), ou l’inspecteur d’attributs. Si vous ne voyez pas ces éléments, cliquez simplement dans la barre du haut sur Tools et vous verrez s’afficher la liste des outils disponibles.

• La Library

  La bibliothèque permet de voir l’ensemble des éléments disponibles pour votre vue, Il y a des WebView (vues destinées à charger des pages web), des TableView (liste sous forme de tableau) ou même de simples boutons (et bien plus encore)... Commencez par glisser-déposer un élément View vers votre .xib contenant le File’s owner et le First Responder puis ouvrez la vue en cliquant deux fois dessus.
  Une vue s’affiche alors à votre écran. Vous pouvez y glisser-déposer tous les éléments dont vous avez besoin depuis la Library.

• Le Attributes Inspector

  Comme son nom l’indique, l’inspecteur d’attributs permet de définir les propriétés des éléments !
  Il suffit de cliquer sur un élément pour voir les valeurs de l’inspecteur d’attribut changer.

  Vous devez passer par l’inspecteur d’attributs pour faire la relation entre votre vue et vos fichiers source : cliquez sur le File’s owner de votre vue puis cliquez sur l’onglet identity de l’inspecteur d’attributs et sélectionnez le nom de vos sources dans Class.

• La liaison des éléments

  

  Chose importante que j’ai mis longtemps à trouver, c’est la liaison entre les éléments du code et les éléments de la vue. Ce n’est pas très compliqué à vrai dire…
  Une fois que vous avez effectué votre liaison entre votre vue et votre contrôleur de vue (code source), il vous suffit de faire Ctrl + clic sur le File’s owner et de tirer des traits depuis les cercles qui se trouvent à droite du nom des éléments, vers les différents éléments de votre vue.

La programmation iPhone est maintenant à votre portée !

Ah oui, une dernière chose ! Faites Pomme + Entrée ou cliquez sur Build and Go pour lancer l’application dans le simulateur iPhone. Amusez-vous bien !

Voici la Vidéo de présentation officielle :

La version 3.5 de Firefox est annoncée comme environ deux fois plus rapide que la version 3.0 de Firefox, et dix fois plus rapide que la version 2.0 de Firefox.

Outre des corrections de bugs, la nouvelle version de Firefox offre de nouvelles fonctionnalités dans les domaines HTML, CSS, DOM, réseaux et standards (source) :

Nouveautés HTML

• Firefox 3.5 reconnaît les éléments HTML5 <video> et <audio>.
• Firefox 3.5 implémente la spécification de ressources hors ligne HTML5.
• l'API "Drag and Drop" de HTML5 est supporté : il est à présent possible de glisser/déposer des éléments à l'intérieur ou entre des sites web.

Nouveautés CSS

• Gestion des polices via @font-face
• Support complet des CSS media queries
• Les pseudo-éléments :before et :after ont été mis à jour pour respecter complètement CSS 2.1
• -moz-opacity spécifique à Mozilla est remplacé par la propriété standard opacity
• Reconnaissance des propriétés text-shadow et word-wrap
• Nouvelles propriétés spécifiques : -moz-box-shadow, -moz-border-image, -moz-column-rule, -moz-column-rule-width, -moz-column-rule-style, -moz-column-rule-color, -moz-window-shadow et -moz-system-metric
• Firefox 3.5 supporte CSS transforms en introduisant les propriétés spécifiques -moz-transform et -moz-transform-origin.
• De nouveaux sélecteurs CSS3 sont supportés : :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, :first-of-type, :last-of-type et :only-of-type.

Nouveautés DOM et JavaScript

• Support des workers DOM
• Reconnaissance de l'API Géolocalisation et de l'API Selectors
• Intégration de JSON
• Prise en compte des événements MozAfterPaint et MozMousePixelScroll

Et aussi...

• Gestion de la correction de couleurs ICC
• Nouvelles fonctionnalités Canvas : effets d'ombrage, attribut -moz-opaque
• GetSVGDocument a été ajoutée pour <object> et <iframe>

Nous sommes toujours ravis quand les membres proposent des actualités, des articles ou des tutoriels, par contre c'est assez rare et généralement l'info tient en une simple ligne.

Récemment, jeromeM nous a proposé une actualité sur le framework CSS Boks qui nous semble intéressante mais bien trop courte.

Du coup, nous nous sommes dit qu'il pourrait être intéressant d'en discuter entre tous les membres et d'en tirer les meilleurs moments et ressources pour aboutir à un article plus abouti.

Il pourrait même être envisageable, un beau jour, de profiter des Chats sur la Terrasse pour discuter de ces thèmes.

Si vous êtes d'accord, le thème de cette semaine est donc "les frameworks css".

Dites-nous tout ce que vous en pensez : c'est bien, c'est pas bien ? ça marche comment ? lesquels vous utilisez, pourquoi ? comment cela vous aide au quotidien ? etc.

La discussion se passe sur le Forum...

• formation xHTML et CSS (niveau débutant à confirmé),
• formation à l'accessibilité numérique,
• formation JQuery,
• et formation Flash.

Les formations sont dispensées dans des salles pédagogiques situées au cœur de Strasbourg (à 2h20 de Paris) et sont adaptées à des apprentissages informatiques avec équipement fourni pour chacun des stagiaires et connexion internet.

L'encadrement est toujours exercé par les professionnels d'Alsacréations experts dans les domaines enseignés.

Découvrez notre site web dédié aux formations.

Pour vous mettre l'eau à la bouche, voici le programme d'une formation au hasard, celle des deux modules d'apprentissage "XHTML et CSS" :

Module «Initiation XHTML et CSS»

Cette session d'une journée consiste en une découverte du langage XHTML et des feuilles de style CSS dans le respect des standards internationaux (W3C)

Pré requis : être familier avec l'outil informatique et du Web.

• Le fond et la forme : le couple (X)HTML / CSS
• Éditeur de texte et première page XHTML
• Balises, chevrons, éléments, attributs, valeurs
• Structurer des titres, des paragraphes et des listes
• Créer des liens hypertexte
• Afficher des images
• Les éléments de type "bloc" et de type "en-ligne"
• Les éléments XHTML usuels
• Des documents conformes, le Doctype
• Appliquer ses premières mises en forme
• Préjugés et réticences sur les CSS
• Comment appliquer des styles CSS ?
• La syntaxe CSS
• Les propriétés CSS usuelles
• Les sélecteurs (élément, classe, identifiant, parenté)
• Hiérarchie (parent, ancêtre, enfant, frère)
• Priorité des sélecteurs
• Modèle de boîte et initiation au positionnement
• Quiz de connaissances

Module «Perfectionnement CSS»

Cette session d'une journée s'adresse aux concepteurs web et intégrateur déjà familiers avec les langages HTML et ayant des connaissances minimales des feuilles de style CSS.

Pré requis : connaissance de la syntaxe et des propriétés CSS classiques.

• Syntaxe des CSS et des sélecteurs (dont sélecteurs CSS3)
• Le modèle de boîte et la fusion des marges
• Le positionnement dans le flux, absolu, fixé et relatif
• Le positionnement flottant et la propriété clear
• Hacks et commentaires conditionnels
• Mode Quirks et Haslayout sur Internet Exporer
• Initiation aux styles d'impression et au web mobile
• Les techniques de positionnement avancé
• Exercices pratiques (liens, habillage, positionnements)
• Travaux pratiques : mise en œuvre d'un design complet en CSS

Commençons avec ce tableau comparant Internet Explorer 8 à Firefox et Chrome, sur le site officiel de promotion d’IE 8. C’est bien simple: les résultats présentés sont une déformation flagrante de la réalité. IE est systématiquement présenté soit comme vainqueur, soit comme ex-aequo avec la concurrence.

Traduction de l’anglais publicitaire vers le français courant

Sécurité [f.d.g.: moyen]

C’est nous les meilleurs. On vous protège du phishing, et c’est déjà pas mal. Les autres le font aussi, mais ça compte pas, ha ha.

Vie privée [f.d.g.: élevé]

C’est encore nous les meilleurs, voilà. On a des fonctionnalités avec des noms qui tuent comme «InPrivate Filtering». (Entre nous: Safari et Chrome ont sorti cette fonction avant nous, avec un nom plus compréhensible genre «navigation privée», mais c’est off, je vous ai pas dit ça, d’accord?)

Utilisation facile [f.d.g.: moyen]

On a des fonctionnalités qui se rajoutent aux fonctions normales des navigateurs web. Donc logiquement ça rend notre navigateur beaucoup plus facile à utiliser. C’est bien connu: plus il y a d’options, plus c’est simple à utiliser.

Standards du Web [f.d.g.: moyen]

On a le meilleur support de CSS 2.1 [n.d.t: c’est pas faux]. Le reste on s’en fout.

Outils pour développeurs [f.d.g.: moyen]

On n’a pas de système d’extension donc on a été obligé d’embarquer des outils pour développeurs dans le navigateur lui-même, plutôt que de laisser les développeurs installer ce dont ils ont besoin et créer les outils auxquels on n’a pas pensé.

Personnalisation [f.d.g.: médaille d’or]

Vous allez fixer le pendule, et respirer calmement. Faites le vide dans votre esprit. Maintenant répétez après moi: ne pas avoir de système d’extension, ce n’est pas grave. Ne pas avoir de système d’extension, ce n’est pas grave. Ne pas avoir de système d’extension, ce n’est pas grave…

Performances [f.d.g.: élevé]

D’après nos critères, nous sommes les meilleurs.

Il reste alors deux-trois points qui se défendent: déploiement en entreprise (même si Mozilla est en passe de ratrapper son retard sur les outils de déploiement), compatibilité avec les sites existants mal foutus (grâce aux moteurs de rendu d’IE 5.5 — le mode Quirks — et d’IE 7 — le mode de compatibilité — embarqués en plus du nouveau moteur de rendu d’IE 8), et peut-être la stabilité de l’application.

Avec du fric, c’est plus chic

Bon, et que fait-on lorsque les comparatifs bidon ne suffisent pas? C’est simple: on fait miroiter un gain de 10.000 dollars aux utilisateurs. C’est une innovation Microsoft Australia, un concours qui nécessite l’utilisation d’IE 8. Traduction instantanée:

Nous avons enterré 10.000 dollars quelque part sur Internet, et le premier arrivé pourra les garder.

Mais vous ne le trouverez jamais en utilisant cette vieillerie de Firefox. (Alors virez-le, ou cassez-vous.)

Le style employé manque un peu de classe. Le design du site encore plus. Et pour couronner le tout les textes sont en réalité des images, avec pour chaque image un texte alternatif incomplet ou non pertinent.

Mais le détail qui tue, c’est le texte en bas de page qui dit: It’s not as stupid as it sounds. Traduction: ce n’est pas aussi stupide que ça en a l’air. Preuve que chez Microsoft on a conscience du ridicule de la manœuvre, même si on préfère le nier.

Pour finir, notons qu’il n’y a pas que chez Microsoft qu’on enjolive la réalité pour faire le promotion du navigateur maison, ou qu’on tente des opérations de communication un peu étranges. Mais aujourd’hui Microsoft me semble avoir pris une longueur d’avance sur la compétition.

Mais qu'est-ce donc ?

Opera Unite est un serveur web à l'intérieur même du navigateur. Habituellement ce rôle est dévolu à des programmes spécifiques tels qu'Apache ou IIS tournant sur des machines dédiées - dans la plupart des cas - à cette tâche. Avec Unite, chacun peut avec simplicité devenir un noeud du réseau et partager ses ressources numériques : photos, musique, notes, et autres fichiers, ou bien interagir et communiquer avec les autres utilisateurs.

Unite se présente sous la forme d'un panel de contrôle accessible depuis le navigateur et reprenant les applications installées. Il faut au préalable créer un compte dédié et choisir son sous-domaine. L'adresse pourra ainsi être communiquée à tiers, elle sera de la forme http://pc.login.operaunite.com/application/. Vous pouvez bien entendu installer cette version d'Opera sur plusieurs ordinateurs et définir un nom d'accès spécifique pour chacun d'entre eux.

Services

Cette technologie collaborative exploite donc le peer to peer pour proposer de nouveaux services. Il sera bien entendu possible d'en développer de nouveaux à l'aide des langages HTML, CSS, JavaScript, SVG, et un peu d'Ajax pour le polish. Ceux-ci seront également accessibles depuis tous les navigateurs modernes si vos destinataires ne possèdent pas Opera, et désactivables à la demande.

Plusieurs services de base sont déjà proposés en guise d'exemples, Opera misant sur les contributions de la communauté pour développer des applications plus complètes avec un énorme potentiel d'interaction sans utiliser de serveur tiers.

Nous avons toujours imaginé et défini le web comme un média permettant à tout un chacun de communiquer librement avec son voisin, or sans les sites centralisés de partage tels que Flickr, Facebook, MySpace, Youtube (qui dépendent désormais de grandes compagnies privées), la majorité des échanges ne serait possible à l'heure actuelle, avec toutes les subtilités de confidentialité et de conservation de l'information qui ont agité l'actualité ces derniers temps.

Voici les démonstrations publiées aujourd'hui :

Un module de partage de fichiers

Un "frigo"-espace-public pour permettre à tout le monde de laisser des notes sur votre pc.

Un salon de chat.

Un lecteur media pour accéder à sa propre collection musicale depuis n'importe où dans le monde

Un module de partage de photos (sans nécessité de les uploader).

Un serveur web classique, définissez l'emplacement des fichiers sur votre disque et communiquez l'URL à vos proches.

Et après ?

Cependant, ne perdons pas de vue que les connexions actuelles sont toujours asymétriques et limitées : ce principe ne remplacera pas à court terme toutes les infrastructures d'hébergement habituelles qui permettent de répondre à un grand nombre d'utilisateurs avec la puissance nécessaire (en terme de bases de données, de bande passante, de sécurité et de disponibilité). Le succès d'Opera Unite ne pourra être construit que sur la diversité de ses applications et le buzz initial créé par la communauté autour de cette nouvelle invention.

Téléchargez Opera 10 beta avec Unite pour vous faire votre propre idée. Attention : il semble y avoir quelques bugs pour le moment lorsque l'interface est en français.

Pour en savoir plus, ne manquez pas l'introduction publiée sur l'espace développeurs d'Opera.

Le critère de vitesse d'affichage des pages est depuis quelque temps mis en lumière, non seulement par les différences annonces relatives aux performances des nouveaux navigateurs sortis (notamment des moteurs JavaScript d'Internet Explorer 8, Google Chrome avec V8, Safari avec Squirrelfish et Mozilla avec TraceMonkey) mais aussi par les analyses publiées par des ténors du web tels qu'Amazon ou Google lui-même qui montrent l'influence que peuvent avoir les délais de navigation sur le visiteur et sa capacité à être satisfaits des services d'un site ou à concrétiser un achat sur un site e-commerce.

L'extension se compose de deux onglets visibles sous Firebug qui analysent la performance en fonction des critères établis dans une liste et suggèrent des optimisations, ou qui permettent de monitorer l'activité de chargement et d'interprétation des éléments composant la page (images, javascript, cache, requêtes DNS...).

Les évaluations sont notées selon quatre niveaux : haute priorité, priorité moyenne, correct, et message d'information.

On notera la présence très intéressante des Web Performance Best Practices vues par Google qui regroupent le détail des recommandations en terme de cache, de tailles des requêtes et d'optimisation des temps rendu dans le navigateur lui-même.

J'ai l'immense honneur de vous annoncer la sortie officielle d'un livre photo que j'ai eu le plaisir d'écrire : « B.A.-ba de la photo de bébé » est un livre qui s'adresse avant tout aux parents et apprentis photographes. Eh oui, il n'y a pas que les livres informatiques dans la vie !

Il est - tout à fait objectivement bien entendu - le cadeau idéal pour la fête des pères, un anniversaire, une naissance, une Bar Mitzvah, une visite de Sarkozy, voire tout simplement pour le plaisir d'offrir.

Ce livre répond concrètement à toutes les questions que l'on s'est posées un jour : « comment faire une photo avec un arrière plan flou ? », « comment réussir mes portraits ? », « comment éviter que mes photos d’intérieur ne soient ratées ? », « peut-on éviter les yeux rouges ? »,…

Le livre de 188 pages est diffusé au prix de 19 euros dans de nombreuses boutiques et points de vente, en particulier Dunod, Eyrolles, Amazon, Alapage, Fnac,etc.

Vous trouverez toutes les informations (sommaire, extraits, contact,...) sur le mini site dédié : photographier-bebe.com et notamment une page de témoignages que je vous invite à remplir par vos retours constructifs sur l'ouvrage.

Merci pour votre attention et fin de la parenthèse :)

Parmi les fonctionnalités présentées, on notera le système de "Speed dial" à la Opéra ou Google Chrome, version intelligente, la recherche dans l'historique complète (texte des pages compris) et surtout une interface différente de la version beta avec les onglets sous la barre d'adresse comme les navigateurs classiques.

On notera de plus que le contenu de chaque onglet est séparé des autres à la manière de Google Chrome pour éviter que les éventuels crash ne gênent la navigation sur les autres pages.

De plus, Apple a cette fois mis l'accent sur l'accessibilité avec une navigation via clavier améliorée et la prise en charge d'ARIA.

Pour finir, Safari 4 passe le test Acid3 et se targue de posséder le moteur Javascript le plus rapide du marché, Squirrelfish extreme.

Ce programme permet de manipuler une image en limitant de manière considérable les distorsions et permet l'agrandissement, la suppression, le rajout et le collage de morceaux de l'image, tout en gardant des proportions d'une qualité exceptionnelle.

Nous pouvons penser que cet outil de manipulation intelligent sera probablement intégré à la prochaine version de Photoshop (CS5).

Aucune vraie information (telle qu'une date de sortie pour la version finale) n'est associée, si ce n'est que Google conseille de ne pas utiliser cette version car elle pourrait s'avérer très instable. Voici donc, contrairement à l'ordinaire, une liste des fonctionnalités indisponibles :

[...] among other things , you won't yet be able to view YouTube videos, change your privacy settings, set your default search provider, or even print.

Google annonce tout de même que son équipe travaille dur à la sortie d'une version beta fonctionnelle le plus tôt possible.

Télécharger la version mac.

Télécharger la version Linux.

• Firefox 2 et 3 sous Windows XP
• Internet 6 et 7 sous Windows XP
• Firefox 2 et 3 sous OS X
• Safari 3 sous OS X

Une petite subtilité permet de superposer les fenêtres entre 2 navigateurs :)

https://browserlab.adobe.com/index.html

Au programme de cette semaine, qui s'adresse à ceux qui veulent s'approprier ce puissant CMS, mais aussi aux initiés qui veulent se perfectionner :

• apprentissage, découverte et prise en main de TYPO3
• programmation en TypoScript et développement d'extensions

Les ateliers et les conférences mis en place pour l'occasion offriront des conditions d'apprentissage optimales pour tous les participants (150 maximum par jour). Afin de joindre l'utile à l'agréable, la "T3UNI09" offre différentes possibilités de logement (résidences universitaires et hôtels partenaires). La possibilité de prendre ses repas sur place et un repas de gala sont aussi prévus.

La T3UNI09 vous permettra donc de bénéficier de l'expérience de grands noms du monde de TYPO3 ainsi que de conditions de travail agréables, le tout dans un cadre exceptionnel et une organisation impeccable.

Renseignements et inscription sur le site.