NyroBlog
Banniere NyroBlog
Image de FB - ?
« octobre 2008
lunmarmerjeuvensamdim
12345
6789101112
13141516171819
20212223242526
2728293031

nyroModal cooked by Boulanger

Subliminal Message with auto-satisfaction temper

By surfing in some French online store to find my new laptop, I called at the Boulanger (Baker in English) website.

I clicked on a thumbnail to see the zoom, and I immediately recognize nyroModal. After a quick investigation in the source, it's really the 1.1 version of my plugin which is used here!

What a pleasure for me to see this plugin used in a national online store!

I sent a message to the technical team through their form to ask some questions regarding this choice, and tell them they should update. I didn't get an answer for now. If by chance somebody working on it or in charge of this choice read this, I'll be glad of he could contact me.

nyroModal cuisiné par Boulanger

Message subliminal à caractère d'auto-satisfaction

En parcourant les sites de vente en ligne à la recherche d'un nouvel ordinateur portable, j'ai fait escale sur le site de Boulanger.

En cliquant sur la vignette pour voir la photo en grand, j'ai tout de suite reconnu nyroModal. Après une petite vérification dans les sources, il s'agit bien de la version 1.1 de mon plugin qui est utilisé  !

Grand plaisir pour moi que le voir ce plugin utilisé sur un site de vente en ligne national !

J'ai contacter l'équipe technique du site via leur formulaire pour leur poser 2/3 questions quant à ce choix, et leur indiquer qu'il devrait mettre à jour, mais pas encore eu de réponse à ce jour. Si par hasard une personne travaillant dessus ou responsable de ce choix passe par ici, je serai ravi qu'il me contacte.

Internship Finished

That's it, my internship is over since last Friday.

Almost one year by Fluidesign to program, develop, integrate, learn.

I really progressed in JavaScript and Ajax Ajax with jQuery that I can't leave anymore. I also learnt many about HTML/CSS integration, thanks to PJ to whom I always asked his mind.

Anyway, it was one year of happiness with fabulous people. The last weeks looked like holidays for everybody (too bad, they're going to work on Monday...).

To not forget all the website I worked in, here is an alphabetical listing of them with a tweak description of what I've done.

You could think it's not a lot for one year. But as I said, It's Hospilaty took me a lot of time because it's really huge.

One more time, I'd like to thanks all the Fluidesign team who was really great during all my internship.

Now I still have 3 weeks in USA. A friend is coming on Monday and we'll travel for a roadtrip which will unforgettable. (Yes you probably got it, you'll probably have more posts with a lot of text and photos...)

Version française de ce billet

Stage terminé

Voilà, mon stage s'est terminé vendredi dernier.

Presqu'un an au total passé chez Fluidesign à programmer, développer, intégrer, apprendre.

J'ai beaucoup progresser en JavaScript et Ajax avec jQuery que je ne peux plus quitter. J'ai aussi beaucoup appris en intégration HTML/CSS grâce à PJ à qui je demandais toujours son avis.

Bref, un an de bonheur avec des gens fabuleux. Les dernières semaines avait un petit air de vacances pour tout le monde (je plains ceux qui reprennent le boulot lundi).

Pour ne pas oublier tous les sites sur lesquels j'ai travaillé, je vais les lister ici (par ordre alphabétique) avec une description de ce que j'ai fait dessus.

Alors oui, on peut se dire que ce n'est pas beaucoup pour un an de travail. Mais comme je l'ai dit, It's Hospilaty m'a pris énormément de temps car il est absolument immense.

Encore une fois, je profite de ce message pour remercier toute l'équipe de Fluidesign qui a été plus que géniale durant mon stage.

Maintenant, il me reste 3 semaines aux USA. Un ami arrive lundi et à nous l'aventure, pour un roadtrip qui s'annonce inoubliable. (oui, vous l'aurez compris, vous aurez surement encore des postes avec plein de textes et plein de photos...)

English Version of this post

nyroModal, results after 2 months

2 months day for day after the first release of plugin nyroModal, it's time to make a first overview.

Let's start with some numbers:

  • Visits: 28 800
  • Unique Visitors: 23 660
  • Pages viewed: 26 039
  • 11 Releases (the 1.2.7 just came out)
  • 2 859 download (and more made directly in the jQuery plugin page where there is no stats available)

The problem with this kind of script, you never know where it's used. I can't make a long list here.

And maybe elsewhere that I didn't hear about... If you're using it (or saw it somewhere), don't hesitate to write a quick comment here.

This is the first open-source script I did. And the experience is great, regarding the numbers shown aboce, and the quotes below. More than 2000 visits the second day after the first release. I didn't thought it could be so much in this time. Then the numbers calmed down to around 300 daily visits (less during the weekend).

I had a proposal from the New-York Times to integrate my script in a future website. But I didn't get any news...

If you still hesitate between open-source or keep it for you, especially for a javascript code, don't hesitate! If this script is good, you'll have some return for sure. Event if it's not directly in money or contract, you'll gain recognition from others developers, but more important, Experience! You'll learn that you have to make many tests (and maybe more...) before every releases, and retest everything everytime in every browser.

What the people said:

jarro:

Nice job, trying it on a site and so far works great.

Leo:

I dig your scripts - I like this clean & correct code ;) Great work! Thanks for your nice work. Best wishes!

Clocal:

Oui félicitations ce plugin m'a l'air très bien, bonne doc, ça fait en plus plaisir de voir des français à l'oeuvre! Bonne continuation.

Jmc:

At this point i must congratulate and thank you for what i'd call the best modal plug-in for jquery EVER!!

C. Spenser Beggs (New-York Times):

I have been looking for an elegant modal box script and think that nyroModal is one of the best I have seen.

sunbeatn:

Thank you, and keep creating great scripts. Your contributions keep us newbies inspired.

A guy after reporting a bug:

Great! And thank you for a great plugin - it's been a real time saver! :)

Finally, the websites which linked:

And many others... The page was also bookmarked a lot, especially in delicious. The page went in the homepage for a few hours:
Delicious

Version française de ce billet

nyroModal, bilan après 2 mois

2 mois jour pour jour après la première sortie de mon plugin nyroModal, il est temps de faire un 1er bilan.

Pour commencer quelques chiffres :

  • Visites : 28 800
  • Visiteurs uniques : 23 660
  • Pages vues : 26 039
  • 11 Releases (la 1.2.7 vient de sortir)
  • 2 859 téléchargements (plus tous ceux effectués directement depuis jQuery Plugins où il n'y a pas de statistiques)

Le problème avec de tels scripts, c'est qu'on ne sait jamais où il est utilisé. Je ne peux donc pas dresser ici une longue liste.

Et sans doute d'autres dont je n'ai eu aucun écho... Si vous l'avez utilisez (ou l'avez vu quelque part), n'hésiter à mettre un petit commentaire ici.

C'est le premier script que je rends open source. Et je dois dire que l'expérience est plus que satisfaisante, au regard des chiffres annoncés au dessus, et des citations des gens plus bas. Près de 2000 visiteurs le 2ème jour après son lancement. Je ne pensais pas avoir autant en si peu de temps. Puis les compteurs sont très vite retombé à un peu plus de 300 visiteurs journaliers (moins le week-end).

J'ai eu une proposition du New-York Times pour intégrer ce script dans un de leur prochain site, mais je n'ai pas eu de nouvelles...

Si vous hésitez entre open-source ou bien garder pour vous, surtout dans le cadre d'un script javascript, néhsitez pas. Si votre script est bon, vous aurez forcément des retours. Même si cela ne se traduit pas en contrat ou rémunération directe, vous acquériez de la reconnaissance par vos pères (ça fait bien juteux quand même là) mais surtout de l'expérience. Vous apprendrez qu'avant de rendre publique une nouvelle version, vous devez par toute une batterie de test, et surtout à retester l'ensemble du script à chaque fois.

Ce que les gens ont dit :

jarro :

Nice job, trying it on a site and so far works great.

Leo :

I dig your scripts - I like this clean & correct code ;) Great work! Thanks for your nice work. Best wishes!

Clocal :

Oui félicitations ce plugin m'a l'air très bien, bonne doc, ça fait en plus plaisir de voir des français à l'oeuvre! Bonne continuation.

Jmc :

At this point i must congratulate and thank you for what i'd call the best modal plug-in for jquery EVER!!

C. Spenser Beggs (New-York Times) :

I have been looking for an elegant modal box script and think that nyroModal is one of the best I have seen.

sunbeatn :

Thank you, and keep creating great scripts. Your contributions keep us newbies inspired.

Une personne après avoir reporté un bug :

Great! And thank you for a great plugin - it's been a real time saver! :)

Enfin, les sites qui ont fait un lien :

Et d'autres encore... La page a été aussi beaucoup bookmarké, notamment dans delicious, au point de me faire monter en 1ère page pour quelques heures :
Delicious

English Version of this post

Howto: Transfer a website

When I wrote this post in French, I just transfered 2 of my website.

Before I started to do it, I looked for an howto like this one to be sure to forget nothing. As I didn't find it, I'm writing it for the others!

Introduction

To be sure everybody understand what we're talking about here, let me explain the problem.
When we want publish a website, we need 2 things: a domain name and a server. The server contains all the websites files (HTML, PHP, Images, etc...)

The domain name is the URL you use to access to our website; nyrodev.info for mu blog for example. This domain name should redirect your visitor to your server to access the files. Your server is reachable through an IP address. The link between your domain name et the IP address is done with the DNS. DNS are online computers which everybody can ask to know the IP address related to a domain name.

The server is here to stock your files. It's basically a computer with some special softwares. A server can contains multiple websites. That mean more than 1 domain name can point to the same server. The choice of the right files in the server will be done via many softwares well parametered for each website. I won't speak about this part here. Most of time the dedicated server provided administration tools to configure automatically every software during the website creation.

My goal is to change the server. I have to transfer the files (images, pages html, etc...), the eventual database and more. At the end, we'll change the IP address where point the domain name to use the new server.

Next you'll see some actions to do that in the good order to don't have problems, by loosing at least at visitors during the transfer time.

In the next of this post:
  • domain.com: The domain name to transfer
  • Server A: old server, where the website is at the beginning
  • Server B: new server

1. Prepare the Basics

The first step of this transfer is to prepare the server B to receive the new website. Create in your administration to get some disk space to receive your files. You can give him directly domain.com to save time. Don't forget to set the mail parameters, FTP, etc... It doesn't cause any troubles[1] as domain.com still points on the old server.

Then you can create the email and email alias that you have on the server A to don't lose any email. Regarding the databases, create them without the tables. This will be done in an other part.

2. File Transfer

For now we can transfer the static files. Don't transfer now the uploaded or dynamic files because the current website is still available in the old server, and some upload can still occurs.

If you have a SSH access on the server A, why don't create a tar.gz archive to group all the files in one compressed, to gain some time?
Go to the directory containing your files, and to create the archive:
tar cvzf DIRECTORY.tar.gz DIRECTORY
Retrieve the file by FTP and send it to the server B, where you should also have a SSH access. In the directory where you uploaded this archive, decompress the file:
tar xvzf DIRECTORY.tar.gz
These files will probably contains some database configurations, .htaccess files with absolute path, etc... Many configurations which will be probably different in the new server. Edit them now.

If you don't have a SSH access, simply retrieve normally your files by FTP. You can make the change in the configurations files before transfer them..

Moreover don't forget about the chmod of the directories where your script has to write some files.

Right now, your website should be ready to use in the new server by simply adding the database content.

3. Temporary Website Closure

To be sure to loose nothing during the transfer, we'll disable the whole website in the server A, just before transferring the database and the dynamic files.

We'll start by closing the whole website by simply using one .htaccess file, denying everything and redirecting to a single text page to explain about the moving. The .htaccess is:
Deny from all
<Files transfer.php>
    Allow from all
</Files>
ErrorDocument 403 http://www.domain.com/transfer.php
And you can create the file transfer.php to explain it's temporary and won't during more than 24 hours.

4. Transfer the Last Elements

Once the website is close, we can transfer the dynamic files. You're sure they won't be new in the old server. You can use the same technique used in the 2nd step.

Now the Database transfer.

If you don't have a SSH access, simply use phpMyAdmin to export your database from the server A to import it in the server B.

If you have a SSH access, it could be better to proceed differently for 2 reasons: the phpMyAdmin export is sometimes buggy, and if your database is too big, phpMyAdmin will give you some timeout errors.

We need only 2 command lines. The first to export the database in a text file in the server A:
mysqldump --host=localhost --user=USER --password=PASS --add-drop-table DATABASENAME > base.sql
Then transfer this base.sql file to the server B and execute this command:
mysql -h localhost -u USER --password=PASS DATABASENAME < base.sql
Your website should be now totally ready in the server B. If you can test it to be sure everything is OK before the final transfer.

5. Edit the DNS

Finally you can do the modification in your domain name to point it to the server B, by editing the IP address in your DNS. And wait for testing. If you want test quicker if everything is good, I strongly recomand to use the DNS server from Open DNS on your computer —why not keep them later?. The gain with Open DNS is they are very fast to update, and you can force it to refresh the cache. Do it for your domain name 15 to 20 minutes later your change.

If they're going to the new IP, refresh your DNS on your computer. For Windows: Start > Execute > cmd. Then type:
ipconfig /flushdns

And finally test on your favorite bowser after clearing your cache too. It should be OK.

During the next few days, you have to retrieve your emails in the both server as some DNS will not be up to date everywhere.


Voilà, I hope this howto will be usefull for you. For sure you have different solution for every step. I simply showed which I used and they worked perfectly for me.
If you have any suggestions, remarks, feedback, don't hesitate to comment here!

Thanks to Niko who advised me during my transfers.

[1] : The only problem you can have —and I experienced— is: If in the server B you have some website or anything else which want send email to domain.com. Actually the server B thought domain.com is hosted by itself. That mean it don't search for the IP where to send the email because it is itself! It's not really a problem if you know that. As you'll finally retrieve your emails in the server B, you'll finally get these emails. Use simply the webmail to check during the transfer.

Version Française de ce billet