jQuery Approach est un plugin qui agit de façon similaire à jQuery Animate, mais qui anime dans l’espace plutôt que dans le temps.

Je vous laisse voir la démo et découvrir le plugin par vous-même.

Malheureusement seulement disponible au États-Unis, Red Bull a caché des caisses un peu partout pour remercier les 1.4 millions de fans Facebook. Une fois trouvé, entrer le “stash code” sur la page Facebook !

Vraiment cool !

Voir la page Red Bull

Ça fait déjà quelques temps que l’équipe utilise ce plugin Firefox et les commentaires que j’ai eu sont très positif. Pour le développement web, c’est certainement un must have. Il n’y a aucune indication de comment fonctionne ce Sandbox, donc, si vous avez une idée de comment marche le tout, laissez moi un commentaire !

Télécharger Spoon : Browser Sandbox

Un article intéressant est paru sur A List Apart : Discovering Magic. L’article traite d’une librairie Javascript, Identengine, qui sert à retrouvé les identités qui nous créons sur le web (Twitter, Facebook, …) et les traces que nous laissons derrière nous. Par exemple, les commentaires que nous écrivons sur le web.

Je vous invite donc à lire l’article qui parle également de la sémantique qui aide à faire ces recherches poussées et comment ces identités sont trouvé à travers l’univers du web.

Je sors de mon contexte du web pour vous parler de mon expérience récente au restaurant le Bistro Vû. J’ai tout d’abord chercher à laisser un commentaire sur le site RestoMontreal.ca, mais à ma grande surprise  “L’option “Commentaires” n’est pas disponible pour ce restaurant.” J’ai alors décider d’utiliser mon blog pour vous faire part de mes commentaires.

L’événement à été organiser pour souligner le départ d’une bonne collègue de travail, un jeudi dans le cadre d’un 5 à 7 ainsi que d’un souper par la suite. Tout se déroulait à ce fameux restaurant qui semblait décontracté et qui était vraiment superbe. À notre arrivée, vers 17h15, on nous a accueilli et assis à une table.

Attente. Attente. Attente.

...20 à 30 minutes plus tard.

La serveuse s’excuse du délai : ils sont “low staff”. Raison : l’employé qui était censé travailler cette soirée là est prise au douane. Je me passe de commentaires sur cette excuse…

Suite à cette commande, on nous sert une quinzaine de minutes plus tard. Il est 18h00.

Commande d’un 2e verrre pour tout le monde.

On nous sert un peu plus rapidement, mais quand même dans des délais ridicules. Nous venons à peine de recevoir notre 2e verre et il est maintenant 19h. Je vous rappelle que nous sommes arriver vers 17h15 et que notre réservation au restaurant est à 19h. Alors nous descendons pour le souper.

Jusque là ma tension était encore correct. Nous étions en aucun cas pressé par le temps et je me disais que le souper se passerait bien.

Mais quel idée j’ai eu !

Tout le monde feuillette le menu et chacun passe sa commande. Il est environ 19h30.

19h45….20h….20h15…

Vraiment on commence à perdre patience. Rien n’a été servi, pas même les entrées !

20h30 : la serveuse vient nous voir et s’excuse, elle aussi, du délai. Elle nous mentionne qu’elle trouve cela inacceptable et qu’un responsable va venir nous offrir quelque chose à boire. Ce responsable vient nous voir 5 min plus tard, s’excuse, et offre une bouteille de vin ainsi que des bières comme compensation. La raison qu’il nous sort est qu’il manque de staff dans la cuisine (ils sont surement tous au douane !)

J’en ai marre. Je lui dit de canceler le projet. Un autre collègue décide lui aussi qu’il en a assez.

Nous souhaitons une “bonne fin de soirée” à nos collègues et nous retournons à la maison.

Le lendemain, je m’informe sur comment s’est passé le reste de la soirée.

Eh bien, je peux vous dire qu’en plus du délai, il manque de fraicheur et d’organisation dans ce restaurant.

Un des collègues n’a pas reçu son entrée : il ne reste plus d’ingrédient pour le préparer !

Un des collègue n’a pas mangé son plat principale : le poisson n’est pas frais.

Un des collègue n’a pas reçu sa facture (il ne s’en plaint pas !) : ça démontre leur superbe organisation.

Le souper se termine vers 22h30.

Ai-je vraiment besoin de faire une conclusion ? Ce restaurant, qui a certainement du potentiel, a un sacré manque au niveau de l’organisation. Bref, si vous souhaitez aller prendre un verre dans le Vieux-Port et voulez avoir une bonne soirée, n’allez surtout pas au restaurant le Bistro Vû. Ne vous laisser pas prendre par le premier coup d’oeil.

Voici des articles articles intéressants qui ont été paru durant le mois de juillet : http://net.tutsplus.com/articles/web-roundups/best-of-the-web-july/

Je n’ai pas parcouru tous les articles, mais vous en trouverez plusieurs intéressants, j’en suis persuadé !

Je suis également tombé sur un plugin jQuery qui simule le comportement d’un textbox de type password comme le fait un iPhone. Il y a encore quelques bugs connus, mais je pense sincèrement que ce type de comportement est beaucoup plus user friendly que celui par défaut d’un password.

Youtube serait en train de mettre de côté le support de IE6. Personnellement, je n’aurais jamais pensé qu’un aussi gros joueur que Youtube aurait agit de la sorte “aussi tôt”. Je crois sincèrement que d’autres compagnies devrait suivre la vague et diminuer considérablement le support IE6.

À mort IE6 !

Source : TechCrunch

Voici un article intéressant et avec des exemples sur les bonnes pratiques en Javascript :

http://net.tutsplus.com/tutorials/javascript-ajax/24-javascript-best-practices-for-beginners/

Le résumé :

1. Use === Instead of ==
2. Eval = Bad
3. Don’t Use Short-Hand
4. Utilize JS Lint
5. Place Scripts at the Bottom of Your Page
6. Declare Variables Outside of the For Statement
7. The Fastest Way to Build a String
8. Reduce Globals
9. Comment Your Code
10. Embrace Progressive Enhancement
11. Don’t Pass a String to “SetInterval” or “SetTimeOut”
12. Don’t Use the “With” Statement
13. Use {} Instead of New Object()
14. Use [] Instead of New Array()
15. Long List of Variables? Omit the “Var” Keyword and Use Commas Instead
16. Always, Always Use Semicolons
17. “For in” Statements
18. Use Firebug’s “Timer” Feature to Optimize Your Code
19. Read, Read, Read…
20. Self-Executing Functions
21. Raw JavaScript Can Always Be Quicker Than Using a Library
22. Crockford’s JSON.Parse
23. Remove “Language”

Bonne lecture !

Le mot sémantique est dérivé du grec σημαντικός (semantikos), «signifié» lui même formé à partir de σημαίνω (semaino), “signifier, indiquer” ou σήμα (SEMA), “signe, marque.”
Source : Wikipédia

Donc, lorsque vous monter votre page web, garder cela en tête :  utilisez les balises appropriées pour donner une signification à chaque élément de votre site web : ceci peut avoir un impact positif sur le référencement de votre site web et vous respecterez les standards du web. L’oeil humain peut distinguer une zone de navigation d’une zone de contenu. Par contre, les moteurs de recherche n’ont pas cette capacité de faire la distinction entre les deux zones et c’est pourquoi, en tant que développeur web, nous devons respecter les standards du web et utiliser les balises appropriées. Avec les balises existante en HTML 4, il n’est pas possible d’identifier clairement les différentes zones existantes;  utiliser des noms de classes significatives ne rend pas les résultats de recherche plus précis, mais notre travail de maintenance plus simple. Avec le HTML 5, nous voyons quelques balises apparaître qui vont nous aider à avoir une page sémantiquement correct :

• <header>
• <footer>
• <nav>
• <section>

Les tags <video> et <audio> voient également le jour; implémenter une vidéo risque d’être aussi simple qu’une image ! Non seulement cette future mouture du HTML risque de changer la façon dont nous développons les pages web mais aussi la façon dont les utilisateurs vont naviguer les sites web : accès hors ligne et animations riches sans aucun plugin avec le tag <canvas> sont de bels exemples.

Google s’est lancé et je vous invite à lire l’article à ce sujet :
http://www.webmonkey.com/blog/Google_Throws_Its_Weight_Behind_HTML_5

Un autre article intéressant chez webmonkey au sujet du HTML 5 :

http://www.webmonkey.com/blog/How_HTML_5_Is_Already_Changing_the_Web

Lorsque vous utiliserez un tag, posez vous les questions suivantes :

1. Est-ce que sémantiquement j’utilise le bon tag ?
2. Existe-t-il un tag qui aurait plus de signification ?

YUI 3 est encore en développement et l’architecture de la librairie a été revu afin d”alléger le code et de faciliter l’utilisation de celle-ci.

Voici les différents points sur quoi l’équipe de développement se sont focusés :

• Lighter
  • Finer Grained Modules/Sub-Modules
  • Emphasis on Code Reuse: Common Base, Plugins, Extensions
• Easier
  • Consistent API
    Base, Selector, Widget, IO/Get/DataSource
  • Convenience
    each, bind, nodelist, queue, chainability, general sugar
• Faster
  • Opportunity to re-factor core performance pain points

L’équipe en est à la Release 2 et vous pouvez aller y jeter un coup d’oeil : http://developer.yahoo.com/yui/3/

Je vous invite à regarder la présentation de Satyen Desai sur la future mouture de YUI :

Haute résolution : http://developer.yahoo.com/yui/theater/desai-yui3.html
Basse résolution : http://video.yahoo.com/watch/5044557/13406817
PPT : http://yuiblog.com/assets/desai-yui3.zip

Beaucoup de travail a été fait et j’ai bien hâte de voir la version finale !