Jblanche.fr

Paris Web 2010

2010-07-15T00:00:00+02:00

Il est de ces petits plaisirs matinaux qui mettent de bonne humeur pour la journée.
Ce matin, par exemple à l’ouverture de mon client Twitter préféré (Twitterrific sur Ipad pour les plus curieux d’entre vous), j’ai pu constater que la liste des orateurs pour Paris Web 2010 était publiée.

Et même si je savais depuis quelques jours que j’en ferai partie, je dois bien avouer que voir son nom au milieu des Christian Heilmann, Dave Shea, Christophe Porteneuve, Eric Daspet, j’en passe et des meilleurs provoque un petit sentiment de fierté qui, ma foi, n’est pas désagréable.

J’ai donc fait la paon toute la journée, avant de revenir, c’est promis, à attitude plus raisonnable dès demain.

En ce qui me concerne, je présenterais donc un atelier (le samedi), sur ce que j’ai appelé : “Le web temps réel”.
Je ne vais pas recopier ici le thème de l’atelier, mais les plus curieux d’entre vous peuvent consulter sa fiche descriptive.

En attendant, je n’ai plus que deux mois pour préparer un atelier d’une heure et demie, alors pendant que je m’occupe de la cuisine, n’hésitez pas à réserver vos places pour le repas !

P.S. : Vous l’aurez compris, la surprise annoncée dans l’épisode précédent vient d’être révélée.

Un mois après

2010-07-12T00:00:00+02:00

Déjà un peu plus d’un mois de freelancing à mon actif et dans l’ensemble, beaucoup, beaucoup plus de positif que de négatif (ah si seulement il n’y avait pas tant de paperasse).

Être freelance, c’est aussi nouer un réseau de contacts et comme il est toujours possible de joindre l’utile à l’agréable, j’ai eu l’occasion d’assister à quelques conférences et formations très intéressantes, autant sur le point humain que technologique.

Le Drumbeat Paris de Mozilla pour commencer, événement sympa, destinés aux geeks et aux moins geeks afin d’abaisser la barrière à l’entrée des projets open source de l’association Mozilla.
Une occasion sympa de discuter du futur du web, du futur du navigateur phare de la société et de découvrir des projets intéressants tels que Graffiti Analysis ou Tatoeba.

Comme un geek n’est jamais rassasié, j’ai enchaîné deux jours plus tard sur le WebWorkersCamp, toujours à la Cantine.
NodeJS, NoSQL, files d’attentes, programmation asynchrone, WebSockets… Le programme était riche.
À retenir, la présence de Ryan Dahl de Joyent, l’auteur de Node.js, un des projet les plus intéressants du moment (je vous en parlerai bientôt).
Richard Kreuter de 10gen, les créateurs de MongoDB étaient là également pour nous parler des avantages des solutions NoSQL et de MongoDB en particulier.
Cette journée aura également été l’occasion d’une présentation de Paul Rouget sur les nouveautés à venir dans Firefox, en particulier en terme de graphisme, dont Canvas, SVG, WebGL…

Enfin, j’ai terminé ce périple ce samedi par une journée de formation à Git, organisée par Christophe Porteneuve.
Le seul événement payant des trois, logique puisqu’il s’agit d’une formation mais 75€ très bien investis tant ils pourront me faire gagner du temps par la suite.
Un programme très chargé et une foule de concepts et d’astuces à retenir, mais je peux désormais fièrement faire des merge de 3 ou 4 branches (octopus), des rebase interactifs et autres joyeusetés de Git.
Si vous avez envie d’en savoir un peu plus sur les DVCS et apprendre à utiliser toutes les fonctions de Git, ne ratez surtout pas la prochaine session et suivez le blog de git-attitude.

Voilà pour les événements récents auxquels j’ai eu le plaisir d’assister ces derniers jours.
Pendant ce temps-là, les projets professionnels avancent et le dernier en date pourrait bien faire son petit effet à sa sortie, mais il va falloir patienter encore un peu pour en savoir plus.

P.S. : J’aurai une autre bonne nouvelle à vous annoncer très vite, mais il me faut teaser encore un petit peu si je ne veux pas me faire taper sur les doigts !

En vrac #14

2010-05-27T00:00:00+02:00

Beaucoup de choses à gérer ces dernières semaines, le passage au statut de Freelance est à ce prix.
Voici un condensé de ce que j’ai lu ces derniers temps :

The surprising truth about what motivates us – Pour commencer une très jolie vidéo sur ce qui nous motive vraiment
Rails Dispatch – Un très bon site avec régulièrement de nouvelles ressources pour passer à Rails3
Rails 2.3.8 En attendant Rails3…
Media Queries – Excellent article de “A list appart” sur l’utilisation des media queries
Google Webfonts – Google facilite l’utilisation de @font-face sur le web
Real-Life Metaphors and CSS3 Adaptation – De bons exemples d’utilisation de CSS3
CSS 3 — Connecting The Dots – D’autres plus pour découvrir de nouvelles possibilités
Video JS – Un nouveau venu dans le monde des player video HTML5
Audio Experiments – De nouvelles expériences avec l’API Audio de Firefox
Darkroom – Un photoshop lite en HTML5+JS
Detect Everything – Comment détecter si votre navigateur supporte telle ou telle fonctionnalité
Microdata – L’autre acteur du web sémantique (avec RDFa et les Microformats)

The lab

2010-05-21T00:00:00+02:00

Une nouvelle catégorie vient faire son apparition sur jblanche.fr, la rubrique lab où je m’essaierais
régulièrement à quelques tests des technologies/techniques qui m’intéressent.

Deux démos pour commencer :

CSS animations : La première utilise les nouvelles fonctionnalités d’animation grâce aux CSS proposées par Webkit.
La démo présente donc une petite animation de texte (avec @font-face) utilisant ces nouvelles possibilités.

Websockets : La deuxième démo utilise une nouveauté HTML5, les websockets pour présenter en direct les derniers tweets traitant des quelques sujets abordés sur ce blog (ruby, html5, css3…).

Ces deux démos nécessitent un navigateur très récent pour une utilisation optimale, mais utilisent au maximum les principes de Graceful Degradation

En vrac #13

2010-04-30T00:00:00+02:00

Des nouvelles de Ruby et/ou Rails :
Rails3 Beta 3 – Dernière beta avant une RC de Rails 3 ?
Jruby 1.5.0 RC2 – JRuby 1.5 est en Release Candidate
IronRuby 1.0 – Iron Ruby (.Net) est stable !
Non Blocking Active Record – Pourquoi on attend Rails3 + Ruby1.9 !
Grease your test suite – Comment améliorer notablement la vitesse de votre suite de tests

Sass évolue encore :
Selector inheritance in SASS – Sass devient encore un peu plus intéressant.
Sass RC1 – Et sors sa version 3 en Release Candidate.

Pas mal de discussions sur l’Open Graph Protocol de Facebook :
Facebook is the private beta of semantic Web – Un avis plûtot positif sur l’Open Graph Protocol
Why F8 was good for the open web – Un autre
Facebook Open Graph Protocol from a developper perspective – Et un dernier.

Beaucoup de positif et pourtant il y aurait de quoi contre balancer, mais les différents articles que j’ai lu ne m’ont pas convaincus…

Ou sur le futur du Web :
Aves Engine – Jeu de plateforme entièrement réalisé avec la Web Stack (CANVAS+JS+HTML+CSS).
WebGL demo – Ça promet !
Mozilla Flexible box model – Voilà comment nous utiliserons le positionnement CSS dans quelques années.
Understanding Node.js – Excellente vulgarisation de Node.js
Steve Jobs thoughts on Flash – De bons arguments, mais surement pas suffisants pour interdire Flash sur l’Ipad.

Plus quelques liens en vrac :
Ipad multitouch interactions – L’espace donné au multitouch par l’Ipad (par rapport à l’Iphone) permet plein de nouvelles choses.
Ubuntu Lucid Linx – La dernière monture d’Ubuntu est sortie, peut être le bon moment pour revenir à Linux ?

En vrac #12

2010-04-15T00:00:00+02:00

The previous post was the last one in english, I’m switching back to french, it’s easier and I’ll be more motivated to post, moreover I’ll be a freelance soon, and I want my clients to visit these pages, and to understand them.

En français donc, les news du moment :

Premièrement ce blog arbore comme vous pouvez le constater un nouveau design. Tout n’est pas fini, loin s’en faut mais l’idée est là !
Les tons seront bleus, le logo est adopté (merci Maggy), et tout cela va se remplir au fur et à mesure.

Pour les news de l’internet, c’est tout de suite :

L’écosystème de Rails s’amuse en attendant Rails3 :

Rails Dispatch – Comment utiliser Bundler avec Rails3
awesome_print – Afficher les objets plus clairement dans IRB.
ExceptionHub | JavaScript Error Tracking – Peut être la solution professionnelle pour les tests de javascript.
cookiestack: some handy rack-rewrite rules – Exemples d’utilisations de rack-rewrite
Cucumber, Tags and Continuous Integration – Utilisation intéressante des tags de cucumber
JavaScript Testing with Cucumber and Capybara – Comment tester le javascript de vos pages

On joue un peu avec HTML5 :

Starfield – Une démo sympa en HTML5
Ball Pool – Et une autre (Say bye bye to Flash…)

Ou avec WebGL :
WebGL – Collada Animation and Skinning – C’est juste incroyable !

On parle design :

Know When to Stop Designing – Quelques idées intéressantes sur le design en général.
CSS generated content techniques – Quand et comment utiliser la propriété css : ‘content’
Nivo Slider – Une gallerie sympa en Jquery
Web Safe Font Cheat Sheet – Qu’elles polices de caractères et/ou quelles techniques de remplacement utiliser sur le net.

ou Développement :

TextMate Bundle Browser – une liste de Bundle textmate
Prototype 1.7 RC1 – Nouvelle version de prototype à venir, mais qui l’utilise encore ?
Apple’s secret iPad web framework? – Et si les applications natives pour Ipad n’étaient faites que de HTML + CSS + JS
Git Cheat Sheet – Toujours utile à avoir sous la main.
More Web Inspector Updates – L’inspecteur web de Webkit s’améliore encore…

DailyNews_#11

2010-04-01T00:00:00+02:00

A lot of Ruby related stuff today :
Another Bundler tutorial – How to use Bundler and RVM for more efficiency.
Bundler: best way to manage Ruby applications – Some doc you should read if you’re having issues with Bundler
Ruby Shortcuts – Usefull shortcuts I always forgot.
Ruby Summer of Code – A GSoC for Ruby !
On-the-fly image handling – Another way to generate thumbnails in your rails app.
Evented Code with Ruby Fibers – Evented Code made easy thanks to Ruby1.9
ubiquo – Another Rails CMS
The Lowdown on Routes in Rails 3 – Great blogpost about rails3 routing DSL

HAML/SASS 3 are coming :
FireSass Bridges the Gap Between Sass and Firebug – That’s really good news !
Haml/Sass 3 Beta Released – Writing HTML an the CSS the easy way, is easier than ever…

Everything else :
Typography quick tips – Some good things to know about web typography !
High Scalability – Justin.tv – Yes Rails can scale, but you need the right tools next to it !
nateware’s redis-objects – Something that could ease the transition to Redis

DailyNews_#10

2010-03-18T00:00:00+01:00

It’s been a few days without post, but believe me, they were interesting days.
A lot of things came thought, I’ll have to talk about this in a while!

Before that let’s see what happened during those days:

I tried to learn about Redis :

IntroductionToRedisDataTypes – More stuff about Redis
Redis: Data Cheeseburgers – Redis made easy by the thoughtbot guys

I read a few ruby related blog posts:

Show your objects baby! – Plataformatec guys strike again with a library to easily display every attribute of an object.
Timing Ruby Code – Benchmark ruby code
Ruby Best Practices – A free ebook for better ruby code

A few Javascript related ones:

Speks for Node.js – Rspec derivative for Node.js
humbleFinance – Another data visualization Javascript plugin
jQuery Masonry – Great Jquery library for hacking CSS floating model
harmony at master – GitHub – Javascript testing made easy

And a few others:

Setting rather than Resetting Default Styling – Another good start for your stylesheets, I should give it a try!
Online Identity Concept Series – Mozilla enters the online identity discussions.
Designing for the Web – Web Design has its own set of rules, here they are…

DailyNews_#9

2010-03-03T00:00:00+01:00

Ruby / Rails

Rails 3.0 Setup using rvm & Ruby 1.9.2 – A good way to start working with Rails3 and Ruby 1.9.2
jnunemaker’s canable – Simple permissions solution for rails
Unobtrusive JS in Rails3 – Interesting way to handle unobtrusive javascript
delorean – Delorean lets you travel in time with Ruby by mocking Time.now
Rapid prototyping with HAML, SASS and Ruby – Some thoughts about HAML and SASS

Javascript

How To Node – Latest news from node.js
How NodeJS saved my web application – Why you should learn NodeJs
subtleGradient’s – Essential Tools for developing Javascript in TextMate — Read more

Other stuff

Open letter to Google about video – Free VP8, and use it on YouTube, come on guys, don’t be evil ! Let’s do that !
Life Below 600px – Repeat after me : Don’t mind the fold !
Mad Libs Style Form Increases Conversion – A new way to style your forms

DailyNews_#8

2010-02-19T00:00:00+01:00

Rails :
Rails 3 Generators – How they work
Happy Birthday Devise – The best authentication solution for rails gets new features.
Rails Metrics – Know what is happening inside your Rails 3 application

And everything else :
How to install MongoDB on OS X – A quick and well done tutorial.
BBC’s redesign – A great story about the new global visual language for the BBC’s digital services
MongoTips – A great place to follow things about Mongo
I Can’t Believe It’s Not Flash! – Slides from Thomas Fuchs presentation at Webstock 2010. I want to see the video !

DailyNews_#7

2010-02-15T00:00:00+01:00

Javascript Objects – An interesting Object Oriented Javascript example.
MongoDb is fast – I realy should try one of these NoSql in a project.
REE, nginx and Passenger – Setup Ruby Enterprise Edition, Nginx and Passenger on a server.
SublimeVideo – A cool video player using HTML5 video support
Uniform – Sexy forms with jQuery, not sure I really need this but I’ll give it a try.
Cardmagic – A good interface to import email contacts from various providers
Clean rails3 environment – How to set up a clean Rails3 environment on your mac
jQuery Quicksand – Reorder and filter items with a nice shuffling animation.

DailyNews_#6

2010-02-09T00:00:00+01:00

Some Rails3 links :

Rails Plugins – Find out if your plugin is compatible with Rails3
Rails 3 Upgrade – A free PeepCode screencast to upgrade your app to Rails3
The Rails Initialization Process – This guide explains how the initialization process in Rails works as of Rails 3.

And some othe stuff :

10 Privacy Settings Every Facebook User Should Know – Protect your privacy on Facebook
The iPhone obsession – Why Iphone-only websites is an insane idea.
Haml Sucks for Content – When not to use Haml
Stomp on Web Sockets – Interesting way to combine stomp and websockets.

DailyNews_#5

2010-02-01T00:00:00+01:00

A lot of stuff after a short holiday week :

About Rails 3 :

Rails 3 Upgrade – A free PeepCode screencast to upgrade tour app to Rails3
SafeBuffers – Rails3 will add XSS protection by default, here is how.
Bundler 0.9 – How Bundler will make dependency resolution so much easier.
rails_upgrade – A plugin that adds a few rake tasks to make the switch to rails3 a lot easier.

About the Ipad / Adobe / Google :

I really don’t know what to think about the IPad, I can imagine a lot of people using it (my parents, my sister…), but I hate the store system, and it lacks a Webcam and USB.

Apple + iPad + Huxley = Orwellian nightmare – Another story about the Ipad and how apple will try to “trap” us.
Thoughts and Observations Regarding the iPad – A interesting review of the Ipad
Stop crashing my Browser – Another complain about the flash plugin. Again, and again, and again…
Jobs about Google and Adobe – The world is moving to HTML5 ! If Jobs says so…

About browsers :

Firefox for Mobile Now Available – Firefox mobile is ready for the N900 (Maemo). Give it a try !
Multi-Process Plugins for Firefox – Firefox newest nightly builds puts plugins in a separate process. Flash should no longer crash Firefox !
Modern browsers for modern applications – Google shoot one more bullet in the IE6 chest

The everything else :

NoSQL Week in Review 9 – A good catch up of the NoSQL movement
Multiple Backgrounds and CSS Gradients – Combine CSS3 features…
Nine Things Developers Want More Than Money – Here is how to make a developer happy !
Steps towards building an accessible site – Learn the basics of building accessible websites
Facebook rewrites PHP runtime – Facebook will release a new OpenSource PHP runtime.

DailyNews_#4

2010-01-26T00:00:00+01:00

Rails 3 first beta is approching :

New ActionMailer API – Why sending email will be painless with Rails3
Rspec 2.0 – What to expects about Rspec 2.0

The future of the browsers :

Elevating JavaScript Performance Through GPU Power – The future of Javascript on Firefox
The Flash Player’s Uncertain Future – Is Flash dead ?
HTML5 video and H.264 – Why Mozilla is right about not implementing H.264 for videos.

DailyNews_#3

2010-01-21T00:00:00+01:00

Small day today, but the 2 first links are realy great news :

Firefox 3.6 is out – Check out the cool new stuff you should use (CSS gradients, Woff, JavaScript file APIs…)
REE 1.8.7-2010.01 – Phusion guys just release the new version of their Ruby interpreter
BumpTop Mac – You might want to try this, It’s kinda fun.
configure block – Another great use of Ruby blocks
Rails 3 Migration – Some stuff you should know if you plan to migrate some of your Rails app

The Rails ecosystem and community

2010-01-21T00:00:00+01:00

I love the Rails framework, I immediately liked it the first time I tried to build a small app, with the good old Rails 1.1.1 (if my memory don’t betrays me on this one).

But 5 years later, I have to admit that more than Rails itself, I love working with Rails because of the rails Ecosystem.

Learning Rails, I learned about so much thing about the Web itself, server administration and all a lot of other web related stuff.

Let’s make a quick tour of that :

The first thing I discovered with Rails was the MVC architectural pattern, like many (if not all) things I gonna talk about in this blog post, I could have learn it in another way, and I can use it outside of Rails (and believe me, I will), but the fact is I needed Rails at this moment to discover the MVC pattern. 1

Well since MVC is good for writing web applications, let’s take it part by part and see what I learnt for each one.

ORM was a great discovery, when I finally realized I could write plain old ruby code instead of writing ugly sql, dealing with SQL injections …
Of course you have to know what’s gonna happen behind this ruby code, but your studying years should have told you that, and believe me, you’ll be happy not to write this stuff anymore !
After a few years (3 I guess), of ActiveRecord happiness, I discovered Datamapper, and again, the Ruby/Rails community make me dig into this brand new and shinny stuff with interest.

And since a few month, the new hype are NoSQL DBMS (MongoDB, CouchDB…), again, this can be used outside of Rails, but it’s really good to see a lot of ruby/rails related resources talking about this stuff 2.

Well, in fact ORM where for a long time the first reason I gave to the guys asking me about why I did the PHP/Rails switch.
Is there anything interesting aside from the DB related stuff in rails ?

The answer is YES ! For sure :

Rails made me a HTTP fan. What but wait, HTTP is just a protocol, in PHP you get $_GET an $_POST, what would you like more ?
Well, with Rails, I discovered the REST software architecture.
I discovered there was not 2 HTTP actions but 8 ! Yes 8 !
OK Rails may not use all of them, but the RESTful hype made me understand a lot of thing about the HTTP protocol itself, and made my code a lot cleaner than before.

Learning Rails, I also discovered a lot about HTTP caching (expire header, etag) …

Hey, that looks interesting but at the very end, you still have to write plain old HTML / CSS / Javascript stuff, and that’s the most time consuming part of my web developer job.

Know what, you don’t :

Of course you can write plain old HTML, CSS stuff, but if you don’t like it, you can use the HAML / SASS couple and makes it a lot easier to write.
Not enough ? Go on, use Compass, you’ll be able to use all the goodness of CSS frameworks without polluting your HTML code with design related class names everywhere.
Still not enough, learn to love forms, use formtastic, your forms have never been this easy to write and style !

That’s all for HTML/CSS, but the Rails community also had great debates about Javascript.
LowPro , one of the first Behavioral Javascript Library was “Rails related”.
Rails 3 will be javascript framework agnostic and will allow you to write great pieces of software without polluting your HTML code with behavioral related JS (using HTML “data-” attributes 3 )

You get the idea, learning Rails, you’ll learn about a lot of Web related stuff you can reuse in any other project, in PHP, with Symfony for example, in Python, with Django …
And that’s why, after 5 years coding Rails applications, including 2 as a job, I’m still not pissed off about my job, and wake up every working day knowing I’m going to learn some new stuff during the day !

Even outside of the Web related stuff, I became a better network administrator during these years, learning stuff about caching mechanism (memcache ),
Message Queuing servers (Starling and then Kestrel with all the “Twitter and Rails” love or hate story), or background jobs handling(Resque ) with the recent Github migration.
Oh Speaking of Github, Git is again something else I discovered thanks to the rails community !

Whoa, that’s king of a lot of thing !
If there is something to remeber of this blogpost it would be “Don’t be a Rails-Django-Symfony-Spring developer”, just code with the language you like, the one that makes you look at your code and say “Cool, that’s a good looking piece of code” , but even more important, be AWARE (like JC Van Damme would say 4 ) of the community and ecosystem of your favorite language, you’ll learn a lot !

1 Note to the PHP guys, I know I could write pretty stuff with PHP, with good ORM… I just didn’t know at that time !
2 Like there and there and there.
3 Like here JavaScript in Rails 3.
4 This is for my french readers.

Photo Credits :
Model
Controller
View
Server

DailyNews_#2

2010-01-20T00:00:00+01:00

Some Git related stuff :
Git for the real world – Some useful tips for a better use of Git
More real-world git – Even more tips for a perfect use of Git
Successful Git branching – Description of a successful development model using Git

Some Browsers and Javascript :
Germany is switching browsers – The warning issued by a German security agency convince people to switch
Firebug is 1.5.0 – Get the brand new version of Firebug with a ton of improvements
JavaScript grid editor – Great review of ‘want to be’ Excel plugins for HTML tables.
jQuery Lint – A library to get rid of incorrect usage of Jquery, this will make your JS code even prettier !

And a small bag of links :
low-fidelity prototyping – Why low-fidelity prototyping kicks butt for customer-driven design
Code Blocks – Great Review of blocks usage in Ruby
rock-n-code – Easily render static pages with Sinatra

DailyNews_#1

2010-01-19T00:00:00+01:00

Facebook offline – Use facebook offline_access with facebooker
lovely-layouts – Some usefull helper for your rails layouts
Rails 3 Templates – A great set of templates for Rails3
jQuery Easing Plugin – Looks like a very cool Jquery easing plugin !
Rails 3 generators – Great blogpost about the new rails generators to come in Rails3. This is awesome !
Dynamic CSS – Good article explaining the benefits of using tools like SASS in place of plain CSS in your projects.
MondoDB ressources – How to use MongoDB, one of the new NoSQL hype technology, with Rails.
Capistrano Recipe Book – make your own gem to standardize Capistrano deployments