Blog Interface utilisateur Yahoo! (YUIBlog)

YUI: Heures d'ouverture Lun Mars 2nd

Mise en oeuvre: Paires de photos

Marco Egli est le développeur chef de file pour Elstr services en Suisse. Comme une pause dans le train-train quotidien , il a décidé de se salir les mains avec la dernière technologie, et a créé un jeu de mémoire simple appelé paires de photos.

Dans ses propres mots:

Avec photo paires du projet que je voulais pour me familiariser avec la dernière et plus grande dans la technologie web. J'ai donc décidé de créer le backend avec node.js et utiliser sur la sémantique HTML5 et CSS3 frontend styles. Parce que je suis tout à fait connu en utilisant la bibliothèque YUI2 (pour Elstr et le mots croisés infinie ) le nouveau site était idéal pour expérimenter avec YUI3. Tous les jeux de paires que j'ai trouvées dans le www ont été construits avec des images prédéfinies. Mais je voulais donner une plus grande variété de possibilités à l'utilisateur. C'était donc une décision évidente à utiliser Flickr comme une source de photos.

Le site utilise YQL, TabView, Overlay, Anim, et DataType. Rejoignez-nous pour regarder sous le capot.

Time & Détails

Nous serons en ligne dix heures-11 heures HNP mercredi. Les détails de connexion sont les mêmes que d'habitude.

1. Composez 1-888-371-8922 pour (Skype fonctionne très bien pour les États-Unis non participants *)
2. Entrez le code 47188953 # participant
3. S'inscrire à la session de partage d'écran (ce qui vous invite à installer le plugin Adobe Connect si c'est votre première fois à l'aide)

* - Si Skype n'est pas une option, écrivez-moi pour un numéro local.

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

YUI: Heures d'ouverture jeu. 24 février

Mise en oeuvre: bigbigtweet.appspot.com

# Yui canal IRC régulièrement, Mitchell Amihod (aka meeech ) a terminé un projet unique sprint récemment à l'aide de YUI, python, et Google App Engine . Le résultat a été Big Big Tweet .

Son but était de commencer et se terminer dans quelques jours, et il a rencontré son objectif.

Le site utilise YUI 3 grilles, IO, la délégation, l'événement valueChange synthétiques, et plus encore. C'est un bon exemple de prototypage rapide avec YUI 3, alors rejoignez-nous comme nous plonger avec Mitchell.

Time & Détails

Nous serons en ligne dix heures-11 heures HNP jeudi. Les détails de connexion sont les mêmes que d'habitude.

1. Composez 1-888-371-8922 pour (Skype fonctionne très bien pour les États-Unis non participants *)
2. Entrez le code 47188953 # participant
3. S'inscrire à la session de partage d'écran (ce qui vous invite à installer le plugin Adobe Connect si c'est votre première fois à l'aide)

* - Si Skype n'est pas une option, écrivez-moi pour un numéro local.

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

YUI: Heures d'ouverture jeu. 17 fév

La prochaine YUI: Heures d'ouverture sera présent jeudi 17 février.

Mise en oeuvre: fanity.com

Vous connaissez peut-être au travail Yvo Schaap de cette «In the Wild" post à partir de 2009. Il a travaillé avec YUI depuis des années, et a fait le passage à YUI 3 avec son dernier site de fanity.com .

Donnez-lui un tourbillon avec le compte invité (e-mail: mot de passe guest@fanity.com: fanity).

Eric F, Ryan Grove, et je vais avoir Yvo sur l'appel à parler de son expérience dans la construction du site. Certains sujets nous nous attendons à couvrir:

• Passer de 2 à YUI YUI 3
• Choisir YUI
• Modules, POO, etc dans l'environnement YUI
• Lier le backend et frontend
• Les pièges qu'il a rencontrés
• Et bien sûr, nous allons regarder le code!

Un petit détail, je voudrais jeter un oeil à leur mise en œuvre est de YUI la nouvelle saisie semi-automatique widget.

Time & Détails

Nous serons en ligne dix heures-11 heures HNP jeudi. Les détails de connexion sont les mêmes que d'habitude.

1. Composez 1-888-371-8922 pour (Skype fonctionne très bien pour les États-Unis non participants *)
2. Entrez le code 47188953 # participant
3. S'inscrire à la session de partage d'écran (ce qui vous invite à installer le plugin Adobe Connect si c'est votre première fois à l'aide)

* - Si Skype n'est pas une option, écrivez-moi pour un numéro local.

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

Annonçant Atlanta Meetup: "YUI 3: An Introduction", présenté par YUI Contributeur Pipkin Anthony

Venez vous joindre à Anthony Pipkin au Centre de portefeuille avec le groupe Atlanta Web Design le 24 Février à 19h00, comme il donne une introduction à YUI 3. Son discours est une adaptation de l'Introduction à YUI 3 cours donné par Yahoo Luke Smith au YUIConf 2010 et en ligne le mois dernier. Anthony sera couvrant la manipulation du DOM et le système d'événements que YUI 3 offre. La conférence se terminera par des moyens pour obtenir YUI 3 dans votre projet en fonction de vos besoins.

Consultez le site Web AWDG pour les détails des événements et des informations d'enregistrement . En espérant vous y voir!

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

YUI: Heures d'ouverture jeudi 3 février

La prochaine YUI: Heures d'ouverture sera le prochain jeudi 3 février.

La semaine dernière, nous avons recueilli quelques idées et de retour parmi vous sur la feuille de route YUI projet pour 2011. La discussion est à peine terminée, et nous voulons garder de vous entendre dans les forums , mais il est temps de rentrer dans le code!

Sujet principal: YUI 3 grilles CSS

YUI Grids CSS a été entièrement rénové en YUI 3, centrage sur un cross-browser display: inline-block; mise en œuvre. Les nouvelles grilles CSS est plus puissant tout en étant plus simple à utiliser, et de plus petite taille. Vous devriez vérifier les 3 YUI CSS exemples Grilles .

Grilles à l'état sauvage

J'ai récemment installer un blog pour TipTheWeb sur Tumblr et je voulais créer un thème personnalisé pour le blog. J'ai utilisé cette occasion pour essayer de nouvelles grilles YUI CSS qui je l'ai largement utilisés pour la création de mise en page du thème, en fait, je n'ai pas utiliser n'importe quel float s!

Dans Heures d'ouverture de cette semaine je voulais parler à travers mes expériences en utilisant les grilles YUI 3 du CSS pour la mise en page web sur Blog de ​​TipTheWeb , montrent un peu de code, et de parler à travers les plus complexes imbriquées grille structures. Il serait également génial d'avoir d'autres personnes à présenter leurs projets qui utilisent YUI Grids CSS 3 et parler de leurs expériences en tant que bien!

Pages Annotation qui utilisent YUI 3 grilles

Pour rendre plus facile de parler des pages en utilisant les grilles que j'ai créées un petit outil: YUI CSS 3 annotations Grilles C'EST un bookmarklet qui annote la structure de grille d'une page Web en utilisant YUI Grids CSS 3, également de la source se trouve sur GitHub :-)

Ouvert Heure Heures & Détails

Nous serons en ligne dix heures-11 heures HNP jeudi. Les détails de connexion sont les mêmes que d'habitude.

1. Composez 1-888-371-8922 pour (Skype fonctionne très bien pour les États-Unis non participants *)
2. Entrez le code 47188953 # participant
3. S'inscrire à la session de partage d'écran (ce qui vous invite à installer le plugin Adobe Connect si c'est votre première fois à l'aide)

* - Si Skype n'est pas une option, email Luc pour un numéro local.

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!