[INFRAME]
Friday, November 14th, 2008art direction + design by shun kawakami - atless inc. (JP)
interactive design by adrien dufond - manmaru (FR)
blog development by grandbase™ inc. (JP)
link: www.inframe.jp
Archive for the 'CasaFramework' Category
new DistributionCollection() episode II
Thursday, September 27th, 2007Je pars dimanche pour le Japon pour une période d’un mois. Après plus de 3ans de flash non-stop dans la grisaille et l’humeur parisienne je ne cache pas mon immense bonheur de pouvoir partir quelques temps dans un pays ou il fait plus de 20°c, ou les femmes sont restées féminines, ou la nourriture est plus qu’une histoire de gout, ou les racailles portent des chemises a fleur et les piétons/voitures s’arrêtent au rouge.
Pour ceux qui ne m’ont pas laissé leur adresse pour la carte postal il n’est pas trop tard.
logo manmaru original | takoyaki, un de mes plats préféré
J’ai commencé a prendre mes rendez-vous pour la semaine que je passerai a Tokyo et par la même occasion remis mes fiches a jour. Lors de cette mise a jour j’ai découvert le site de Wedgwood développé par Kiyokazu Ohno (avocado) sous la DA de Shun Kawakami (artless) (rappellez vous l’hiver dernier) Derrière ses petits air de rien ce site est extrêmement bien pensé et c’est cette page qui attira particulièrement mon attention.
Lors d’un resize on constate le recalcule des vignettes selon la dimension de l’écran avec le nombre de page(s) en conséquence.
Cela rappel fortement la classe DistributionCollection dont j’ai parlé la semaine dernière avec un zeste de réflexion supplémentaire dans l’utilisation du scroll…
Je contact mon maître a penser Thomas (getConfused) et celui çi me met sur la piste du “mask”. Un peu de réflexion et de temps passé, j’ai pu reproduire l’effet que je laisse a dispo en espérant pour vous qu’un jour un client vous demande de réaliser un site sans pop-up et aussi astucieux que celui de Wedgwood ^^
Source
Voir l’exemple en action içi.
–
Pour résumer le comment:
Toutes les vignettes sont contenues dans un rectangle (DistributionCollection classique) on applique a ce rectangle un mask qui affichera le nombre de ligne(s) et colonne(s) ~possiblement~ visible. en récupérant ce nombre de ligne(s) et colonne(s) on peut récupérer le nombre de vignettes visible a l’ecran avec le nombre total de page (totalPage = Math.ceil(itemVisible/totalItemVisible)). Pour finir lorsque l’on change de page nous déplaçons le rectangle qui contient toutes les vignettes en _y (c’est un system de scroll ;))
mais je pense que mon code vous sera plus parlant ^_^
–
Sur ce bon mois a tous et rendez-vous en novembre*
new DistributionCollection()
Thursday, September 6th, 2007Petite upgrade de la partie archive du module d’exposition de Defunktion. Plutôt que piocher dans une foule de noms qui peuvent-nous êtres inconnus je propose maintenant une recherche par thumbnail. Un moyen rapide de se faire une idée et peut-être cliquer, qui sait… Le hasard d’avoir monter le system de l’index sous forme de rack me rend les évolutions plus faciles, mais l’idée de repartir zéro m’a traversée.
Suwa nyon-nyon dernier invité sur la Defunktion Exhibition
J’utilise la classe DistributionCollection de CASA dans touts mes projets (Creates the mechanism to distribute MovieClips, TextFields and Buttons to a vertical or horzontal grid of columns and rows.) et je trouvais intéressant d’utiliser la taille de la scène pour afficher toutes les thumbnails via cette classe (voir l’ exemple de conception ici)
Seulement il peut rester un espace blanc pas très heureux sur la droite et centrer ne me paraissait pas être une solution agréable l’oeil. (même si je ne suis pas DA…)
J’ai finalement jeté l’idée et rebondi sur mon system de rack.
Quelques jours plus tard j’ai découvert le portfolio de iLK™, mon idée n’était peut être pas si mauvaise mais ne méritait pas d’être réalisée en flash, un div html et lightbox2 aurait fait l’affaire pour monter la v2 de la gallerie ? :)
Dans la même journée je découvre la v3 de pill&pillow. Contenu centré, mouvements au resize, on est très près et en même temps très loin!
Finalement ce sera le portfolio de Kashiwa Sato qui me plantera le clou, la même idée de gestion du contenu d’index et lui se fiche de l’ espace blanc droite le tout dans un style très yugo…
Comme ce n’est plus une nouveauté et que cette méthode mérite se démocratiser voil quoi ce system d’affichage pourrait ressembler avec la fameuse classe DistributionCollection et je vous laisse dispo le FLA de l’exemple. (le framework qui va avec se trouve ici)
Source
–
Je profite du post pour faire la promo de mon HomeBoy Tetsouille, qui exposera chez Vibes (Montpellier) du 29 septembre au 31 octobre et chez Rice And Beans (Toulouse) du 2 au 29 février. Pour les fans du style spaghetti, ne pas manquer~
SubTitleUtil
Friday, July 20th, 2007Sur le site Christian Lacroix Pour La Redoute, j’aurai aimé développer plus en AS2, le framework casa m’a permis de gagner beaucoup de temps et j’y ai même implémenter une classe.
L’interview de Christian Lacroix étant en Français il a fallut ajouter des sous titres selon les langues. Après avoir développé le truc � la va vite en AS1 je me suis dit qu’il serait de bon ton d’en faire une classe. Histoire de n’écrire que 4 lignes la prochaine fois (^o^
La classe SubTitleUtil � poser dans org\casaframework\util\
Son utilisation coté flash
