Ajaxian and some explanations
En envoyant un mail à l’équipe d’ajaxian pour annoncer l’ouverture du site et notamment l’utilisation de technologies dont ils parlent souvent sur leur blog, je ne m’attendais pas à retrouver un post consacré à F.Prod mais le mal est fait et des personnes se sont jetées dessus, voici le petit texte d’explication que j’ai posté sur ajaxian suite aux premières critiques :
Hi there,
Hooo, there has been some misunderstanding : I know what you think : why does he use such effects when a site without effects could have been much more efficient ? I Agree : I didn’t put those effects to make a flashy website, to impress some friends with some picture moving around or some automated scroll…
I maid this site much more like a proof of concept about animating, using some JS and being XHTML 1.0 Strict : look, it’s not a commercial site, there is no ads, no prices, i don’t even sell my own person
…
I launched it only 24h ago, I didn’t had time yet to write on the blog to explain how things work and why they are there but my main idea about doing this was to show that
1/ it’s possible to replace flash for animations (index introduction animation)
2/ it’s possible to make some “cool” things like the slideshow on the index, like the dock on videos and web pages
3/ it’s possible to make a site using JS and being XHTML 1.0 Strict and being usable when JS is desactivated, even links which should open in a new window are “accessible”
… I’ll tell more things and show some code on the blog as soon as i canHowever, i know i maid some mistakes and maybe you’ll help me to improve things
For ex, I would have never used so much effects on a “real” site, even if the effects are maybe nice, maybe coolI hope after these explanations you will have another look at this site… and if you don’t, no way I like it
Tags: ajax, F.Prod et site
Aucun commentaire »Wordpress et les liens vers le monde extérieur
Dans la version 2.0.4 de WordPress utilisée sur ce site, les liens qui s'ouvrent dans une nouvelle fenêtre sont gérés avec l'attribut target="_blank" mais cet attribut rend les pages non valides par rapport aux standard XHTML 1.0 Strict (et sup.). Des solutions existent si vous êtes un extrémiste de la validation :
- ne pas faire de liens qui s'ouvrent dans une nouvelle fenêtre
- bidouiller le code de WordPress
La première ne nous intéressant pas, nous allons passer directement à la seconde pour montrer comment ce problème a été "résolu" sur ce blog.
Il faut aller chercher le fichier qui gère les liens : wp-includes/links.php
dedans, vous trouverez les lignes qui gèrent le target :
-
$target = $row->link_target;
-
if ('' != $target) {
La ligne suivant est $target = ' target="' . $target . '"'; elle prend l'attribut target stocké en base de donnée (ici _blank) et l'insère. Nous allons donc modifier cette ligne, ou plutôt rajouter quelques lignes avant pour gérer l'attribut _blank :
-
if ($target == "_blank")
-
$target = ' class="lien_ext"';
-
else
-
$target = ' target="' . $target . '"';
Les liens devant s'ouvrir dans une nouvelle fenêtre auront désormais l'attribut class à lien_ext au lieu de l'attribut target. C'est cet attribut class que nous allons réutiliser ci-dessous.
Ouvrons maintenant wp-content\themes\*****\header.php, le fichier qui gère l'entête de la page de votre thème préféré. Juste avant la balise , nous allons ajouter quelques lignes de Javascript pour gérer nos liens.
-
<script type="text/javascript">
-
function open_ext_link()
-
{
-
var liens = document.getElementsByTagName('a');
-
for (var i = 0 ; i <liens.length ; ++i) {
-
if (liens[i].className == 'lien_ext') {
-
liens[i].onclick = function() {
-
window.open(this.href);
-
return false;
-
};
-
}
-
}
-
}
-
-
window.onload = function () {
-
open_ext_link();
-
};
-
</script>
Ce code javascript va, au chargement de la page, chercher tous les liens qui ont l'attribut class à la valeur lien_ext et va remplacer le comportement du lien par un window.open.
ATTENTION : si vous avez déjà un window.onload dans un autre javascript, vous risquez de rencontrer un problème, à vous d'adapter la chose pour votre utilisation
Tags: F.Prod et site
1 commentaire »Bug avec Safari
Le site semble avoir quelques problèmes sous Safari.
Ce sera corrigé dès que possible
Tags: bug, F.Prod, safari et site
1 commentaire »Ouverture v6 !
Bienvenue sur la nouvelle version, déjà la 6ème du site F.Prod !
Comme sur la version précédente, vous y trouverez les créations vidéo et web mais la présentation a été revue, le design complètement refait. Le site est plus complet, il y a maintenant des images pour illustrer chaque création et une petite description pour en savoir un peu plus. Une bonne partie de l'intérêt de cette 6ème version, en dehors du design et des contenus, réside dans l'utilisation du javascript mais nous aurons l'occasion d'y revenir dans un prochain billet.
La grand nouveauté est le blog, bien pratique pour rédiger et mettre en ligne des textes et autres contenus. Ce blog servira par exemple dans les prochains jours à présenter les technologies choisies et utilisées sur ce site, puis plus généralement à présenter des techniques découvertes au cours des projets, des nouveautés, ...
à suivre donc
Tags: blog, F.Prod et site
Aucun commentaire »