Carnet de notes

Catégorie : Développement web

  • Joyeux effets javas­cript – file upload et Twit­ter boots­trap

    Les gens compé­tents se déchaînent et on voit main­te­nant appa­raitre des choses que nous aurions à peine imaginé du temps où j’étais inté­gra­teur web. Nous étions capable de créer tel ou tel compo­sant, mais en créant tout de zéro ou presque. Désor­mais des biblio­thèques pré-exis­tantes donnent un coup d’ac­cé­lé­ra­teur gigan­tesque. Aujourd’­hui je suis retombé sur…

  • Ignore the fold

    À contre-courant des habi­tudes des divi­sions de web marke­ting : Ignore the fold. Et si au lieu de bour­rer l’in­for­ma­tion de façon à ce que l’uti­li­sa­teur n’ait pas à faire défi­ler la page, il fallait l’aé­rer pour que l’ac­tion désor­mais natu­relle de défi­ler ne soit plus l’obs­tacle à des mises en pages effi­caces ? Je suis preneur…

  • La fin des carrou­sels

    Oui, ils semblent une superbe idée pour four­nir plus de propo­si­tions à l’in­ter­naute, mais ajou­ter un carrou­sel est géné­ra­le­ment une mauvaise idée. Le carrou­sel tue le taux de conver­sion. D’autres ont détaillé la ques­tion bien mieux que moi alors si vous voulez suivre les études, les tests utili­sa­teurs ou les statis­tiques de conver­sion, suivez un…

  • Tester IE sur Mac et Linux

    Je dois certai­ne­ment être en retard mais de mon temps les machines virtuelles pour tester Micro­soft Inter­net Explo­rer n’étaient diffu­sées que sous un système acces­sible unique­ment par Windows. Il fallait bidouiller un peu. Visi­ble­ment les choses ont changé et sous modern.ie il y a des machines virtuelles pour tous les OS hôtes, et pour toutes…

  • Proto­ty­page Easel.io

    Encore un outil de proto­ty­page. Ici « dans le navi­ga­teur », assez clean, qui a même une notion de respon­sive design basique et des grilles : easel.io Ceci dit de mon côté je commence à me dire que Blue­grif­fon est peut être aussi pratique, et génère une base HTML/CSS qu’on pourra réuti­li­ser plus tard.

  • Skeuo­mor­phic Payment Expe­riment

    J’aime bien les gens qui revi­sitent les inter­faces des formu­laires. Il n’y a pas mieux pour bloquer la conver­sion et donner envie de partir. Ce n’est pas qu’une ques­tion de graphisme, c’est vrai­ment une notion d’in­te­rac­tions. Aujourd’­hui je vois une petite démo d’un paie­ment par carte bancaire. C’est simple, effi­cace. Ça peut semble gadget mais…

  • xip et pow, DNS + HTTP

    Parfois les idées les plus simples sont les meilleures : le nom de domaine x.x.x.x.xip.io redi­rige vers l’adresse IP x.x.x.x, quelle qu’elle soit. Pour mieux vous aider, vous pouvez même préfixer par ce que vous souhai­tez : www.10.0.0.1.xip.io, backof­fice.10.0.0.1.xip.io, etc. Pour pas mal de cas simples, plus besoin de deman­der à tout le monde de modi­fier son…

  • Secure headers

    Secu­re­hea­ders, une gem ruby pour ajou­ter et confi­gu­rer des entêtes liées à la sécu­rité sur vos appli­ca­tions web. Content Secu­rity Policy (CSP) – Helps detect/prevent XSS, mixed-content, and other classes of attack. CSP 1.1 Speci­fi­ca­tion HTTP Strict Tran­sport Secu­rity (HSTS) – Ensures the brow­ser never visits the http version of a website. Protects from SSLS­trip/Fire­sheep…

  • Conver­gence web et appli­ca­tion – Stockage Safari mobil / iOS

    Les API qui arrivent sur nos navi­ga­teurs depuis quelques années commence à nous faire imagi­ner une vraie conver­gence entre les appli­ca­tions mobiles et le web. C’est déjà un premier pas énorme qu’on voit avec Chrome web store, Fire­fox Market­place, et autres Windows 8 : On commence à déve­lop­per direc­te­ment avec les tech­no­lo­gies web, éven­tuel­le­ment direc­te­ment avec…

  • Frame­work js pour appli­ca­tion web

    Je regarde un peu les frame­works JS pour « appli­ca­tions dans le navi­ga­teur ». Plus j’avance plus je me dis qu’a­vec l’ap­proche mobile et la gestion du offline, on aban­donne le web tel que je le connais­sais. Même avec une foul­ti­tude de javas­cript et d’ajax, nous avons long­temps gardé l’ap­proche « vue sur le client, appli­ca­tion sur le…