Formation au Responsive Web Design, c’est parti !

En début de semaine dernière, et en attendant d’avoir fini les formalités pour obtenir un numéro d’agrément et ainsi mettre fin à plusieurs années de « discrétion » forcée ^^, j’ai eu le plaisir de donner une nouvelle formation de deux jours. Celle-ci faisait une introduction à l’intégration (et un peu la conception) dans un contexte de Responsive Web Design, et était destinée à deux intégrateurs d’une SSII de Dijon (filiale d’une plus grosse SSII de Paris) aux profils différents : l’un plus âgé, habitué à ses outils et ses méthodes mais autodidacte et donc très curieux et « bidouille », l’autre plus jeune, fraîchement sorti d’école d’informatique, sans expérience mais très motivé et rapide à comprendre. Ces deux intégrateurs ont une base de connaissances et d’expériences assez solide, sont sensibilisés à l’accessibilité, et ont quelques notions assez vagues des notions de « Responsive ». Le but aura donc été de leur expliquer la différence entre …

PouipouiDesignFormation au Responsive Web Design, c’est parti !
8

Mes p’tits bouts d’jQuery

Cela faisait longtemps, un post qui parle de code et de web sans être une référence de portfolio ! :)

Pour l’occasion, je vais partager avec vous les petites « fonctions jQuery » que j’utilise très régulièrement dans mes projets web, au point qu’elles font maintenant partie de ma trousse de base.
Je listerai aussi quelques plugins qui me semblent incontournables et qui vous éviteront parfois de tout refaire à la main…

Évidemment, toutes ces fonctions vous sont « offertes » sous license Creative Commons Paternité – Partage des Conditions Initiales à l’Identique 3.0 Unported License, ce qui veut dire que vous ne devez pas hésiter à les utiliser dans vos projets si vous le souhaitez, sous leur forme originale ou modifiée, dans des projets commerciaux ou pas, mais qu’il faudra les laissez libres et réutilisables sous les mêmes conditions !

Pour les plugins listés, qui ne sont donc pas de moi, je vous invite à consulter les licences qui les concernent !

ATTENTION cependant : je ne fournirai PAS de support sur ces fonctions, les commentaires devraient être suffisamment explicites pour que vous compreniez comment elles marchent, et sinon libre à vous de pointer sur cet article dans des forums pour avoir de l’aide ! ;)

PouipouiDesignMes p’tits bouts d’jQuery
5

Raccourcissez vos URL vous-même : mettre en place YOURLS sur votre serveur

Il y a quelques temps, suite à la presque-chute de tr.im, j’ai décidé d’utiliser mon propre système de raccourcisseur d’urls afin de préserver mes infos.

J’ai donc mis en place YOURLS (Your Own URL Shortener = Votre Raccourcisseur d’URL Personnel) sur mon serveur, derrière un nom de domaine acheté pour l’occasion, unsl.im

YOURLS est un petit ensemble de scripts PHP qui vont vous permettre de faire tourner votre propre service de raccourcissement d’URL (à la TinyURL). Vous pouvez le rendre public ou privé, vous pouvez utiliser vos propres mots-clés pour les URLs, et avec vient sa propre API.

J’ai opté pour le mode privé et j’ai donc eu besoin d’une page d’accueil listant les 5 dernières URLs raccourcies ainsi que l’accès au flux RSS des-dites URLs (30 dernières) plutôt qu’une page proposant de raccourcir des URLs (ça m’est réservé, na !).

Or apparemment je ne suis pas la seule à vouloir faire cela, puisque vous êtes déjà 5 à m’avoir demandé mes fichiers index.php et rss.php permettant de faire cette « interface publique »…
Comme en plus la nouvelle version (1.4) est sortie récemment avec tout plein de trucs sympas dedans, et que ça m’a demandé un peu beaucoup de travail pour adapter les fichiers publics, j’ai décidé de simplifier, et de carrément vous proposer un guide rapide d’installation et paramétrage, ainsi que le téléchargement des-dits fichiers d’interface publique et enfin quelques conseils…

Il va de soit qu’il vous faut quand même quelques compétences techniques assez basiques pour effectuer toutes les étapes (créer la base de données, etc), car je ne les expliquerai pas ici.

Enfin, je ne suis pas affiliée/associée à YOURLS et ne suis donc pas responsable des soucis que vous pourriez rencontrer : en d’autres termes, il y a une page pour signaler des bugs, et il vaut mieux vous y rendre et/ou contacter les créateurs de YOURLS que me demander à moi : déjà parce que je n’aurai probablement pas le temps, et d’autre part parce que je ne serai probablement pas assez bonne en PHP pour ça :)

Allez, maintenant que tout ça est dit, passons au cœur du sujet…

PouipouiDesignRaccourcissez vos URL vous-même : mettre en place YOURLS sur votre serveur
2

Atelier Paris Web 2009 : mise en ligne de la présentation

La voici, enfin, elle aura pris un peu de temps à venir mais on a voulu faire les choses bien : la présentation de support de l’Atelier Paris Web 2009 “Le Kit du parfait petit intégrateur” sur SlideShare que j’ai eu l’honneur et le plaisir de présenter avec Thierry Régagnon. C’était mon premier atelier à Paris Web, et j’avoue que tout n’était pas parfait, mais j’espère que ceux qui étaient là ont apprécié et que ceux qui n’y étaient pas le regrette au moins un tout petit peu ! Parmi les petites choses qui sont passées à l’as : plus de démos : en fait, “des démos” tout court, ça aurait été bien… on en avait prévu, en plus, donc mea culpa, mais bon on vous fait confiance pour aller tester toutes ces choses par vous-même !! parler de l’organisation du code en lui-même, et par exemple des CSS… Toujours ranger ses propriétés dans le …

PouipouiDesignAtelier Paris Web 2009 : mise en ligne de la présentation
1

Paris Web 2009, j’y serai (et pas qu’un peu) !

En effet, cette année non seulement j’aurai  le grand plaisir d’assister à toutes les merveilleuses conférences, mais en plus j’aurai l’immense honneur de co-présenter un atelier, avec Thierry Regagnon, dont le titre est “Le kit du parfait petit intégrateur”. Il y sera bien sûr question d’intégration : outils, méthodes, astuces, sur la base d’un cas pratique de A à Z basé sur un site existant. S’agissant d’un atelier, le format sera participatif : nous ne prétendons pas tout savoir et attendrons avec impatience de découvrir vos propres outils et méthodes ! Nous espérons vous voir nombreux, alors à très très bientôt !

PouipouiDesignParis Web 2009, j’y serai (et pas qu’un peu) !
5

Allez zou, au W3Café le 17 juillet 2009 !

Un petit mot rapide pour vous prévenir, si vous n’étiez pas déjà au courant, qu’il y aura un W3Café le 17 juillet 2009. Tous les détails par ici ! J’espère vous y voir nombreux, j’aurai le plaisir de présenter, avec Thierry Régagnon, un super atelier intitulé “Le kit du parfait petit intégrateur” (tout un programme) !

PouipouiDesignAllez zou, au W3Café le 17 juillet 2009 !
2

W3Espresso : W3Café rapide et informel le 15 mai 2009

Comme mon collègue Aurélien l’a si bien dit, on vous attends donc le 15 mai 2009 au soir pour une rencontre informelle et rapide. Tous les détails ici. Évidemment, on espère vous voir nombreux quand même, ça sera une super occasion pour renouer contact et discuter des sujets des prochains W3Café. Pour ceux qui me/nous suivent pas sur Twitter, sachez qu’il y a une sucette/un caramel d’Avignon pour chacun d’entre vous… enfin les plus rapides ! Si avez ça vous êtes pas pressés de me voir, je ne sais plus quoi faire ! A vendredi !!

PouipouiDesignW3Espresso : W3Café rapide et informel le 15 mai 2009
15

Migration vers Doctlear2, qu’est-ce qui a changé ?

Bon, finalement, ça c’est plutôt bien passé :)

A priori rien n’est cassé, ce qui est plutôt chouette… Je dois remercier Marc Bégot, qui m’héberge gentiment et gracieusement, et qui a modifié la configuration de ses serveurs pour me permettre de déménager sans encombres…
Et en effet, après avoir mise en place la nouvelle base de données, dégagé du serveur tous les anciens fichiers devenus caduques, uploadé les nouveaux et modifié 2-3 paramètres du blog, hop tout marchait (ou presque) du premier coup !
Bon, évidemment, avoir passé quelques semaines (3 pour être exacte) à tout tester en local d’abord a bien aidé, c’est sûr ! :-P
Mais la majorité du crédit en revient à Dotclear et à Marc !

Passons donc aux quelques nouveautés amenées par cette nouvelle version de Dotclear

Edit du 15/04/2009 : J’ai oublié quelques petites choses qui ont changé :) (Portfolio et Pagination)

PouipouiDesignMigration vers Doctlear2, qu’est-ce qui a changé ?
2

Traduction : Comment vous assurer que vos emails HTML s’affichent correctement et arrivent à bon port ?

Bonjour à tous ! Si vous ne l’avez pas déjà vue, j’ai le grand plaisir de annoncer la sortie de la traduction sur Pompage de l’article de David Greiner sur Think Vitamin ! Suite du premier article déjà traduit par mes soins (Email HTML – Dompter la bête), ce nouvel opus reprends la problématique des emails HTML et de leur affichage et envoi afin de mieux vous guider dans les méandres de la publication d’emails HTML ! Fascinant à traduire comme à lire, je vous en recommande donc chaudement la lecture en espérant que ça répondra aux questions que vous posez sûrement !

PouipouiDesignTraduction : Comment vous assurer que vos emails HTML s’affichent correctement et arrivent à bon port ?

W3 Café n°4 : en route !

Allez, mauvaises troupes, on se dépêche d’aller s’inscrire pour le 4° W3 Café (WASP Café renommé, donc) le 05 septembre à Paris ! Tous les détails sont là, et avec un programme pareil on vous attends nombreux alors dépêchez-vous car les places ne sont pas illimitées ! Pour une fois, j’organise (si-si) mais je ne présente pas… je vais enfin pouvoir assister à ces fascinantes conférences que nous vous proposons, youpi ! Au 5 septembre donc, allez hop !

PouipouiDesignW3 Café n°4 : en route !