Par jeremie, - Web - aucun rétrolien
Cet article est la traduction d’un article de Christian « Schepp » Schaefer à propos des nouvelles propriétés de filtres CSS3 et montre comment commencer à les utiliser tout en proposant des solution de repli basées sur ce que supportent les navigateurs actuels.
Par jeremie, - Web - 13 commentaires - aucun rétrolien
Cela fait quelques temps que je m’implique dans plusieurs projets visant à documenter ou à fournir du matériel pédagogique concernant les technologies du web dit ouvert (standards et technologies sous licences open-source). De mon point de vue, cet effort de documentation est nécessaire pour plusieurs raison que je vais vous détailler ici et j’espère bien convaincre quelques-uns d’entre vous de me suivre sur ce long chemin… un peu aride, il faut bien l’admettre :-P
Par jeremie, - Web - 7 commentaires - un rétrolien
Paris Web 2011 s’est tenu les 13, 14 et 15 octobre dernier. Cette année encore j’y étais et force et de reconnaitre qu’une fois de plus, l’équipe a sué sang et eau pour en faire un évènement de qualité inégalé. Bravos à tous, vous avez assuré grave 
Par jeremie, - Web - 5 commentaires
Note for English speaker, there is an English version down below
Le 27 mai dernier, j’ai eu la chance de participer à la toute première édition de SudWeb à Nîmes. Partie sur une boutade lors du dernier Paris Web, les organisateurs se sont juste arrachés pour arriver à monter le truc en à peine 6 mois. Bravo à tous, ce fût beau ! Car on peut le dire, pour un coup d’essai, ce fût un coup de maitre. Au delà de la logistique impeccable, l’ensemble du programme des conférences était tout simplement parfait. Mixant à la fois les aspects fonctionnels, techniques et prospectifs, l’équilibre du déroulé m’a complètement estomaqué (ainsi que le respect des horaires, tenus d’une main de fer, couplé à des moments de pause ô combien conviviaux).
Vous n’y étiez pas ? Ce n’est pas grave. D’une part toutes les conférences ont été filmées et devraient être disponibles prochainement et d’autre part, il y aura une autre édition l’année prochaine, viendez-y
En ce qui concerne mon nombril, j’ai eu l’occasion d’y donner une conférence sur un sujet qui me tient à cœur depuis un peu plus d’un an : SVG. Au cours de cette conférence, j’ai montré ce qu’il était possible de faire aujourd’hui avec SVG (qui, rappelons le, est disponible dans tous les navigateurs moderne). Plutôt que de m’attacher aux questions techniques qui tourne autour de cette technologie, j’ai préféré mettre l’accent sur des outils et des résultats concrets. L’idée étant de montrer comment des designers et les développeurs on déjà utilisé SVG et ce qu’il apporte au web design moderne.
Évidemment, même si j’ai oublié de le préciser pendant la conférence, je n’ai pas pu m’empêcher de réaliser mes slides en SVG, les voici (cliquez sur l’image pour lui donner le focus et utilisez les flèches de direction pour passer d’un slide à l’autre) :
A noter que je cite tous les sites suivant :
Pour conclure, je n’ai plus qu’une chose à dire : Longue vie à SudWeb, vivement l’année prochaine
On May 27th, I got the chance to attend the very first SudWeb event in Nîmes, France. Starting on a joke during the last Paris Web event, the people behind SudWeb make it possible in just 6 months. Thanks dudes that was awesome! We can say it, for a first run that was a master piece. Beyond the perfect logistic, the program was just great. Talks were amazingly well balanced between functional, technical and prospective subjects (and the schedule was perfectly mastered with good time to talk and network with people).
You wasn’t their ? Don’t worry. First, all the talks were camcorded and should be available soon. Second, there will be another edition next year, attend it 
On my own, I had the opportunity to give a talk about one of my favorite subject for a year now : SVG. During this talk, I show off what is it possible to make with SVG today (which, as a reminder, is available in all modern browsers). Instead of talking about technical stuffs, I focused on tools and practical results. The idea was to demonstrate how designers and developers had used SVG and what that technology brings to modern Web design.
Of course, even if I forgot to mention it during my talk, I felt oblige to made my slides with SVG. Here there are (see above, click on the image to give it the focus then use the arrow keys to switch between the slides).
Note that I use all the following web sites as examples:
To conclude, there is one thing left : Live long SudWeb, I strongly hope for the next edition
Par jeremie, - Élucubrations - 5 commentaires
Je sais que je blogue assez peu en ce moment. Ne m’en veuillez pas, c’est qu’il se passe pas mal de choses actuellement pour moi avec peux de temps pour venir écrire ici.
D’abord, si vraiment vous voulez lire des trucs que j’ai écrit moi-même comme un grand, allez faire un tour sur typographisme.net, mon dernier billet en date parlant des ligatures dans les navigateurs.
En suite, je suis en train de préparer ma présentation pour SudWeb 2011. Comme je vais y parler de SVG, je ne peux bien sur pas faire autrement que de préparer un support de présentation lui aussi en SVG (il sera en ligne après la conf). Ça se passe le 27 mai à Nîmes, le programme est alléchant et le prix raisonnable, n’hésitez pas à venir y faire un tour.
Enfin, je change de travail Après 5 ans passé au sein de Cetelem (organisme de crédit pour les particulier du groupe BNP Paribas) en temps que responsable d’équipe de développement web, je vais rejoindre CleverAge où je serais consultant web (ou chef de projet ça dépendra des clients et des missions ). C’est prévu pour le 2 mai et en attendant, c’est un peu “je cours dans tous les sens pour plier les questions administratives”.
Sur ce… qu’un millier de colombes constipées illuminent votre journée.
A bientôt
Par jeremie, - Web - 6 commentaires
Par jeremie, - Web
Une version française de cet article est disponible sur typographisme.net : Pourquoi les fontes SVG sont-elles différentes des autres ?
I’m sad to see that there are many misconception about SVG fonts. I’ve read a lot of articles and complains about the SVG font format and the last (but not the least) was an article from Alexander Limi explaining why Firefox will not pass the Acid3 test mainly due to a lack of SVG font support. All those complain are misplaced in many way because SVG fonts are misunderstood. Really? But in this case, what are SVG fonts made for? Let’s see that.
Par jeremie, - Web - 20 commentaires
Ça faisait longtemps que je ne m’était pas énervé et pour bien commencer la nouvelle année, sachez le, j’en ai un peu marre. Marre de quoi me diriez-vous ? J’en ai marre de ces intégrateurs qui se gargarisent avec border-radius, marre de ces gens qui ne jurent que par box-shadow, marre de ces crétins qui réduisent CSS3 au module “Border & Background”. Border-radius, c’est l’arbre qui cachent la forêt. CSS 3 est d’une richesse incroyable et pour l’instant, les constructeurs de navigateurs n’implémentent que de toutes petites choses, le gros reste à venir (et si vous prenez 5 minutes pour aller survoler les specs, même pas les lire, juste les survoler, vous verrez qu’il y a du lourd).
Soyons clairs, aujourd’hui, les seuls gars que je prend au sérieux à propos de CSS 3, ce sont ceux qui me parlent des sélecteurs et des Media Queries CSS 3 car c’est là que se cache la vraie puissance actuelle de CSS 3 (et pour le future les transformations 2D et 3D, les différents systèmes de positionnements et de mise en page, la génération de contenu, etc. autant dire que ça va être la fête du slip le jour où on aura tout ça dans nos boites à outils). Si vous voulez vous la péter avec le module “Border & Background”, c’est possible. Mais dans ce cas, c’est du coté de border-image qu’il faut aller fouiner et surtout, surtout, arrêtez de vous extasier sur border-radius et box-shadow qui ne sont que de la poudre au yeux.
Par jeremie, - Web - 11 commentaires
En ces temps de buzz autour de CSS3, on en oublie les supers outils qui existent dans CSS2 et qui sont largement exploitables. Parmi ceux-ci, on trouve les pseudo-éléments :before et :after. Ces pseudo-éléments ont longtemps été négligés par les designers et intégrateurs Web pour deux raisons essentiellement : Premièrement, IE6 et IE7 ne les comprennent pas, donc à l’époque ou ces deux navigateur était dominant c’était inutilisable ; Deuxièmement, les ayatollahs de l’accessibilité stigmatisent assez volontiers ces deux pseudo-éléments (parfois à raison) ce qui a tendance à effrayer les designers et intégrateurs qui finalement s’y intéressent peu.
Pourtant, ces deux paravent masquent la puissance de ces outils. Le premier point est facilement contournable avec un peu de Javascript et le deuxième point est totalement injustifié dès lors qu’on utilise ces pseudo-éléments pour ce qu’ils sont : des aides à la mise en forme. Je vais donc vous montrer comment fonctionnent ces pseudo-éléments, vous allez voir, c’est génial
Par jeremie, - Élucubrations
Certains auront peut être remarqué que je n'ai rien posté ici depuis un moment. Il faut bien avouer que les 3 derniers mois ont été un peu chargés.
Premièrement, J'ai été bien accaparé par la préparation de l'atelier que j'ai donnée à Paris-Web 2010 sur le thème "CSS 3 Aujourd'hui". Je vous en reparlerai prochainement, car cette année, quelques ateliers ont été filmés, dont celui-ci :D En attendant, pour ceux que ça intéresse, vous pouvez retrouver les slides et les exemples que j'ai utilisé. Mon seul regret, c'est que l'atelier durait 1h30 alors que j'avais de la matière pour faire un atelier de 3h. Promis, l'année prochaine j'essayerai de faire mieux (si le staff me laisse encore animer un atelier ).
Deuxièmement, Je travaillais sur un nouveau site qui vient tout juste d'être lancé. En collaboration avec Anne-Sophie et Virginie, nous sommes heureux de vous annoncer la sortie du site Typographisme.net. Je ne vais pas vous remettre ici le billet d'ouverture, mais pour faire simple, on aime le Web design, on aime la typographie... on trouvait dommage que personne ne parle pas plus des deux à la fois.
Ceci étant, je devrais vite retrouver une activité plus normal (pour ce que ça vaux) car j'ai pas mal de truc à raconter sur SVG et sur CSS (et un peu aussi sur HTML)
