xiligroup dev

Forum Replies Created

Visualisation du message 10 (481 sur 490, 527 au total)
  • Auteur
    Articles
  • in reply to: dev.xiligroup était présent au WordCamp 2009 de Paris #286

    xiligroup dev
    Keymaster

    Il est 9h55, la Cantine dans le passage est vide, 10h15 – après du tourisme dans le quartier (désert) et ses fameux passages ‘de Montmartre’ aux commercants historiques – les ‘francophoniens’ de wordpress arrivent.

    [caption id="attachment_287" align="alignleft" width="300" caption="Small Office"]Small Office[/caption]

    Quel contraste entre les champs à côté de mon petit bureau (soho) de province et la densité parisienne, pluvieuse voir neigeuse de ce samedi à la Cantine (on a rien vu du ciel tellement absorbé par la densité des échanges entre la centaine de personnes présentes sur deux étages).
    [caption id="attachment_289" align="alignright" width="225" caption="Paris Gare de lyon"]Paris Gare de lyon[/caption]

    Ce qui frappe d’emblée sur ce ‘barcamp‘, quand on entre, c’est que les participants qui attendent, ne sont pas devant un verre mais leur écran de leur portable mac ou pc et ce dans toutes les positions inimaginables… mais, somme toute, pas trop difficile d’engager une conversation.

    Très vite, j’identifie les personnes clés du jour, ceux qui animent le site http://www.wordpress-fr.net/ et sont les co-auteurs du livre en français, c’est eux qui enregistrent notre arrivée et en guise de ticket d’entrée donnent un tee-shirt très sympa.
    [caption id="attachment_290" align="alignleft" width="225" caption="Tee Shirt WordCamp 2009"]Tee Shirt WordCamp 2009[/caption]

    Sur le bar, à côté des bonbons et carembars, le saladier des goodies (autocollant et crayons….)… la panoplie est complète (mais impossible de masquer mes cheveux gris de « quinqua » car ils sont ici tous très jeunes et hommes car dames sont rares).

    [caption id="attachment_291" align="alignright" width="294" caption="Goodies WordPress"]Goodies WordPress[/caption]

    Il est 11h ça démarre par un tour de présentation des personnes présentes… ce qu’ils font et ce qu’ils attendent (en tag) de la journée. Pendant la pause déjeuner, le tableau des séances regroupant les souhaits est réorganisé en 16 tables rondes d’échanges qui vont s’échelonner de 13h jusqu’à 18-19h en 4 lieux de la cantine.

    A 16h, c’est en vrai (live) (et non en cire comme au musée Grévin voisin) que l’on a vu apparaître avec ses converts rouges MATT co-inspirateur/fondateur de WordPress pour une plénière pendant laquelle il a refait un historique de WordPress, évoqué l’avenir proche et répondu aux questions-réponses.

    Pendant toute la journée, les flash et les videos ont crépités. Difficile d’être incognito dans un Wordcamp ou un Barcamp. Bientôt le topo sera sur http://wordpress.tv/, on l’imagine.

    Que retenir de cette journée ?

    Cela fait déjà plus de 4 ans que j’utilise WordPress et petit à petit je deboogue (via le tracs), développe des thèmes enrichis de functions et des plugins. C’est donc très attentif, que je me dis : cette journée riche de sujets se révèle très fructueuse.
    Initialement le choix avait été fait sur wordpress comme produit/service quant à notamment son architecture technique (à la fois légère et très structurée) et la vitalité (réactivité) internationale.

    En tant que webmestre et data-designer :

    De donner un visage à d’autres, de voir les sites très dynamiques ou à haut trafic, cela conforte un choix et donne des arguments à persévérer. On voit aussi que l’on va pouvoir interroger des experts qui ont du recul de sites WP dans des conditions d’utilisation extrêmes.

    En tant que développeur :

    Les tables rondes n’ont pas été très techniques ou didactiques mais les échanges en ou hors séance ont permis d’échanger les cartes et de reprendre ainsi contact.

    Wordpress annonce près de 4000 plugins, mais combien sont maintenus ou nécessaires pour le site dont on a la charge. Si j’étais amené à en développer une dizaine dont 4 sont publiés (*), c’est que je n’ai pas trouvé celui attendu (code compliqué, fonctionnalité inadaptée,…) ou qu’il n’est plus suivi par son créateur qui ne répond pas au courriel ou sur son forum.

    Ces extensions sont comme des pièces de lego qu’on ajoute. Mais attention au spectre de l’entropie et de l’écroulement à force d’ajouter ces fonctionnalités qui souvent interfèrent entr’elles. C’est une des difficultés du développeur qui, en publiant, fait non seulement l’effort de documenter son extension mais aussi de vérifier sa portabilité/interopérabilité sur différents contextes.

    Open Source rime souvent avec liberté d’utiliser etc… mais plus rares sont ceux qui font part ou font remonter l’information ou l’expérience. Cette journée « live » encourage à réagir « online » et à publier.

    En tant qu’utilisateur / auteur :

    Pour des auteurs seuls ou des associations, les immenses progrès de l’interface « admin » les affranchissent des aspects techniques et ils peuvent se concentrer sur le contenu du site, de son évolution. Pour un usage plus social, la forte intégration de BBpress va permettre de remplacer d’autres forums comme simpleMachine restant assez technique.

    Alors que la réplique de la statue de la Liberté de New-York est sur l’île des cygnes (pont de Grenelle) à Paris, Matt a clos son topo, pour rappeler les conditions d’utilisation de WordPress, par une diapo avec le mot freedom.

    En guise de phrase finale, je félicite les organisateurs (Xavier, Amaury et les autres) qui ont pris la liberté de mettre au point cette journée. Je pensais trouver des développeurs cachés derrière leur écran mais non, ce sont des inventeurs et des manageurs.

    Michel S.

    (*) les plugins xili, l’extension iTouch pour wp-ecommerce. Traductions (WP-ecommerce, PostNotification,…)

    in reply to: xiligroup at WordCamp Paris #301

    xiligroup dev
    Keymaster

    [caption id="attachment_290" align="alignleft" width="150" caption="Tee Shirt WordCamp 2009"]Tee Shirt WordCamp 2009[/caption]

    4 years after choosing WordPress, for the first time, I go to a WordCamp not far from my soho… If you want to improve your french read here.


    xiligroup dev
    Keymaster

    [caption id="attachment_1911" align="aligncenter" width="128" caption="xili-sifr3-active icon"]xili-sifr3-active icon[/caption]

    1 – some examples without and with siFR3

    Example with the font « Kathleen »

    Exemple avec la police « Typist » ombrée : à ù è ï ô

     
    and here when iSFR3 or Flash are not activated :

    Example with the font « Kathleen »

    Exemple avec la police « Typist » ombrée – à ù…

    Why xili-sIFR3-active plugin for wordpress ?

    sIFR3 is a powerful and amazing tool to improve graphic and typographic qualities of a web site. And WordPress is an fantastic CMS.
    To avoid deep modifications (by hand) in your current theme, and to avoid to modify (or disturb) the original kit delivered by sIFR developer, the plugin offer a modular (activable) approach.
    To develop with smallest coding as possible.
    To provide good separation between data and design (look).
    To offer a way to have specific config for each theme (the plugin search sifr-config.js and fonts (.swf) in the subfolder js of the current theme folder.
    To optionally provide rules to choose parts (single, page, category,..) of the theme that must include sIFR3 (a special function can be added in the functions.php file of the current theme).

    In next release:

    – the admin UI will display more infos about the current sIFR3 config.
    – some examples will be shown about using « shortcode » to help authors if the « sIFR3 » will used inside post as here.

    2 – here the link to download the 0.9.2 public release

    3 – here below the readme.txt (as visible  in wordpress.org) and included in the zip.

     
    See the documentation (in frame below) and download plugin in WP repository.

    [readme hide=Screenshots]xili-sifr3-active[/readme]

    Plugin trac here.


    xiligroup dev
    Keymaster

    [caption id="attachment_1911" align="aligncenter" width="128" caption="icône xili-sifr3-active"]xili-sifr3-active icon[/caption]

    L’outil sIFR3 est un ensemble de code très puissant pour afficher via des modules swf des polices qui ne seraient pas présentes sur le navigateur du lecteur.
    L’extension xili-sIFR3-active propose un ajout dynamique et structuré dans WordPress 2.7.
    La première version publique est réservée à des utilisateurs ayant de bonnes connaissances des thèmes et ayant lu la doc sIFR3… (voir l’exemple sur la page en anglais)

    A bientôt,


    xiligroup dev
    Keymaster

    Du col de chemise au support iPhone – iPod Touch !
    A la suite de la suppression par Apple du mini support, j’avais à la sortie de l’iPod touch 2G fait un support avec les trésors gardés dans mon atelier dont notamment les précieuses bandes de maintien des cols de chemises dans leur emballage.
    Voici un support léger, transparent et souple !
    [caption id="attachment_218" align="alignnone" width="300" caption="Support iPod Touch - iPhone"]Support iPod Touch - iPhone[/caption]

    Garder la bande de maintien du col de chemise que vous venez d’acheter ou que l’on vient de vous offrir !!!
    [caption id="attachment_219" align="alignnone" width="300" caption="Bande de maintien de col de chemise neuve"]Bande de maintien de col de chemise neuve[/caption]

    [caption id="attachment_233" align="alignnone" width="300" caption="Le support iPod / iPhone après pliage"]Le support iPod / iPhone après pliage[/caption]

    Sur le document pdf en pièce attachée, vous trouverez d’autres photos et le plan coté.
    Le seul outillage nécessaire: une paire de ciseaux ou un cutter.

    Bonne séance de pliage !

    Michel
    28/1/2009

    in reply to: No viewport on .mobi website #207

    xiligroup dev
    Keymaster

    With Safari on iPhone or iPod Touch built no default viewport if the website domain has tld as .mobi.

    « Pages that are marked up with XHTML Mobile or are on a .mobi domain are handled specially (they’re shown unmodified – assuming that the developer has already optimized the page for a mobile device appropriately) » say John.

    Don’t forget it and add this code when you want to test normal display (the standard theme in iPhone):

    if (strpos(get_bloginfo(‘home’),’.mobi’) > 0){  ?> <meta name = « viewport » content = « initial-scale = 0.35, minimum-scale= 0.35, maximum-scale=2.0, width=device-width, user-scalable=yes » > <?php }

    With xilitheme-select plugin it is now possible to display a theme of .mobi site on iPhone as seen on default desktop browser. Exemple here on http://www.xiliphone.mobi.


    in reply to: Pas de viewport sur les sites en .mobi ! #204

    xiligroup dev
    Keymaster

    Safari sur iPhone ou iPhone Touch n’active pas un viewport par défaut et automatique quand le site a un url se terminant par un tld .mobi. Il est recommandé de ne pas l’oublier quand on teste un site en local puis sur l’hébergeur. Il faut donc ajouter dans le head la ligne idoine avec éventuellement des lignes php conditionnelles dans le theme WordPress.

    if (strpos(get_bloginfo(‘home’),’.mobi’) > 0){  ?> <meta name = « viewport » content = « initial-scale = 0.35, minimum-scale= 0.35, maximum-scale=2.0, width=device-width, user-scalable=yes » > <?php }

    in reply to: En Australie, à Sydney au WordCamp #173

    xiligroup dev
    Keymaster

    Logo du WordCamp 2008 à SydneyLes réalisations communes d’Instinct.nz et de xiligroup seront présentés par Dan lors du WordCamp à Sydney ce vendredi 21 novembre. Les participants pourront découvrir le module iPhone pour le plugin eCommerce WPSC. Ce module (demo ici) permet d’utiliser un iphone ou un iPod Touch pour visiter les boutiques réalisées avec Worpdpress et le plugin de instinct. Les écrans et la navigation sont optimisés.

    in reply to: In WordCamp at Sydney #175

    xiligroup dev
    Keymaster

    Logo du WordCamp 2008 à SydneyCommun developments of Instinct.nz and xiligroup will be presented by Dan during WordCamp at Sydney this friday Nov. 21th. Campers will discover iPhone module for eCommerce WPSC plugin. This module (demo here) permit to use an iphone or iPod Touch to use and visit eshop built with Worpdpress plugin of instinct. Screens design and browsing are optimized according this device.

    in reply to: imagemenu and mootools 1.2.x [updated] #167

    xiligroup dev
    Keymaster

    Originally imagemenu is not compatible with newest release of Mootools >1.1.

    The modifications suggested here in forum are not complete

    1/2 : « transition:Fx.Transitions.Quad.easeOut » modif is ok.

    but 2/2 the way to detect the onOpen or onClose function is not running.

    why ? – because the detection of the passed functions is not correct.
    If the functions are not present, the default action of the DOM event must be fired (i.e. a link). And if the functions are present, the function declared in the calling class only can be fired.

    The first part of the class is changed like that :


    var ImageMenu = new Class({
    Implements: [Options, Events],
    options:
    {
    defaultVal: 'something',
    onOpen: -1,
    onClose: $empty,
    onStart: $empty,
    openWidth: 200,
    transition: Fx.Transitions.Quad.easeOut,
    duration: 500,
    open: null,
    border: 0
    },
    initialize: function(elements, options){
    this.setOptions(options);

    The part detecting and firing the action is modified as here to call new functions that fire the open or close events :


    el.addEvent('click', function(e){
    var openfunc = $type(obj.options.onOpen);
    if (openfunc != 'number'){
    new Event(e).stop();
    if(obj.options.open == i){
    obj.options.open = null;
    obj.closing(this.href, i);
    }else{
    obj.options.open = i;
    obj.opening(this.href, i);
    }
    }
    })

    and at the end of the class the two functions are added :


    opening: function(e,i){
    this.fireEvent('open', [e,i], 10);
    },
    closing: function(e,i){
    this.fireEvent('close', [e,i], 10);
    }

    A structured calling script can be like

    <script type="text/javascript">
    function OpenDiv(e,i){
    $('ac').set('text', 'You open enter '+e+' of '+i).highlight();};
    function CloseDiv(e,i){
    $('ac').set('text', 'You closed enter '+e+' of '+i).highlight();};
    window.addEvent('domready', function(){
    var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:110, border:2,
    open:-1,
    onOpen:function(e,i){OpenDiv(e,i)},
    onClose: function(e,i){CloseDiv(e,i);}
    });
    });
    </script>

    [UPDATE]
    When initializing menu, if selected li is 0, the initial js is faulty. Only the reset need to be activated if open value is not null.

    //if(this.options.open){
    if($type(this.options.open) == ‘number’){
    this.reset(this.options.open);
    } // else {
    //this.elements.each(function(el,i){
    //if(el.id == this.options.open){
    // this.reset(i);
    //}
    //},this);
    //}
    //}

    The running demoshop include here the modified code in a complexe integration.

    Here the full script available as zip.

    081129 M

Visualisation du message 10 (481 sur 490, 527 au total)