Wallnote
mercredi 22 mars 2006 | Webdesign
Archive pour la catégorie ‘Webdesign’
Dewplayer 1.4 multi
mardi 14 février 2006 | Webdesign
Voici une version multi pour lire une liste de plusieurs fichiers :
Tous les renseignements et le code nécessaire sur la page dédiée : Alsacréations : dewplayer. La liste de fichiers est toujours passée en argument, séparée par des |.
Bench PHP en dessert
mercredi 8 février 2006 | Webdesign
Puisque cela faisait longtemps...
Il est plus performant d'écrire :
echo '<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="';
echo $meta_description;
echo '" />
<meta name="keywords" content="';
echo $meta_keywords;
echo '" />
<link rel="alternate" type="application/rss+xml" title="';
echo $rss_title;
echo ' RSS" href="rss.php" />
<link rel="alternate" type="application/rss+xml" title="';
echo $rss_title;
echo ' RSS 2.0" href="rss2.php" />
<link rel="shortcut icon" type="images/x-icon" href="favicon.ico" />
<meta name="DC.title" content="';
echo $title;
echo '" /></head>';
... que d'écrire :
echo '<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="'.$meta_description.'" />
<meta name="keywords" content="'.$meta_keywords.'" />
<link rel="alternate" type="application/rss+xml" title="'.$title.' RSS" href="rss.php" />
<link rel="alternate" type="application/rss+xml" title="'.$title.' RSS 2.0" href="rss2.php" />
<link rel="shortcut icon" type="images/x-icon" href="favicon.ico" />
<meta name="DC.title" content="'.$title.'" /></head>';
Ceci provient de la concaténation préalable de la chaîne de caractères à afficher. On pourrait préjuger qu'une somme d'instructions multiples (echo ici même) nuirait aux performances. Or la première solution s'en sort un peu mieux. Moralité, si vous avez de longues chaînes aux pieds, allez-y petit à petit, au lieu de tout concaténer. Bien sûr il s'agit là encore d'une optimisation au niveau atomique, il y a bien d'autres façons de miner un script au C4.
Le CSS Box Model en perspective
dimanche 5 février 2006 | Webdesign
Interactive CSS Box Model Demo illustre le modèle de boîte CSS (padding, margin, border...) pour les débutants grâce à une animation Flash en pseudo-3D, qui permet de comprendre un peu mieux le calcul des dimensions que le schéma proposé dans la recommandation du W3C.
Citation du jour : l'AJAX ça me laisse antiseptique.
WIF 2.0
samedi 4 février 2006 | Webdesign
Le Festival International du Webdesign s'est achevé. Alsacréations remercie les éditions Eyrolles qui ont permis un co-partenariat de double présence sur les lieux. Le WIF 2006 était donc organisé ces 3 derniers jours à Limoges (le point de France le plus éloigné de Strasbourg par l'absence, dans les régions traversées, d'une merveilleuse invention moderne : l'autoroute). Des centaines de participants ont pu découvrir un programme dense, assorti d'une organisation irréprochable.
Assister à toutes les conférences est ardu, à moins de se dédoubler (comme les microbes d'Il était une fois la vie quand ils sont méchants); c'est pourquoi il a fallu faire un choix. Les traductions simultanées et la régie vidéo ont facilité les échanges entre francophones et invités anglophones.
Que retenir de tous ces échanges ? Une place de choix a été ménagée aux standards lors de cette édition, même si le thème majeur restait axé autour du design pur, et à priori de technologies comme Flash qui ne facilitent pas la sensibilisation des designers à l'accessibilité et au respect des normes ouvertes. Certaines conférences ont été menées par des Openwebiens, ce qui est en soi une grande avancée, preuve que le sujet est plus que jamais d'actualité. Le débat a facilité la mise en commun des points de vue de chacun, extrémiste ou modéré. Ressortent du lot notamment les conférences suivantes :
Dans les studios de Joshua Davis : Josh, tatoué jusqu'à l'os, a porté son show sur la créativité graphique avec la génération de design, de façon plus ou moins aléatoire à partir d'une sauce de départ (éventuellement inspirée de Blanche Neige et les 7 nains). La démonstration était esthétiquement intéressante. Il a ainsi mis en valeur pour le grand public, un des nombreux processus de création sans toutefois révéler de technique révolutionnaire.
The Beauty in CSS design : Molly Holzschlag a fait le point avec brio sur la puissance créative des feuilles de style, et la nécessité des standards, en illustrant ses propos grâce au CSS Zen Garden.
Les standards W3C pour quoi faire ? et Accessibilité et respect des standards, quel impact sur les métiers du Web design ? : plus que jamais, la création est une affaire extrêmement complexe et sérieuse lorsqu'on s'inscrit dans une démarche de qualité. Tristan Nitot en a également profité à juste titre :
Bien d'autres conférences ont eu lieu, avec au centre des préoccupations le duo Flash/Ajax, le contenu adapté à la téléphonie mobile, la gestion de contenu, le design en général, la technique, la sémiotique, les blogs et l'internet social...
La remise des prix Butterfly Awards a eu lieu lors de la soirée VIP; de même et en simultané avec plusieurs tonnes de denrées alimentaires terriennes.
Le WIF organisait aussi une compétition de création, la Webjam, une sorte de Lan party dédiée à Photoshop, Flash et 3DStudioMax/Blender. But : créer une interface web dynamique en 24h (non-stop). Les équipes sont venues des 4 coins du monde (Brésil, Etats-Unis, Russie, Nouvelle Zélande... bon ok, finalement Limoges n'était pas si loin).
Mais le WIF a surtout été l'occasion retrouver et faire la connaissance de célébrités, de discuter autour d'un verre, avec entre autres parmi les centaines de participants :
- Elie Sloïm (Temesis)
- Laurent Denis (Temesis)
- Tristan Nitot (président Mozilla Europe)
- Frédéric Cavazza (SQLI)
- Amélie Boucher (Rugama)
- Joshua Davis
- Molly Holzschlag
- Loïc Le Meur par vidéoconférence
Voir aussi les impressions de :
- Raphaël et ses photos nettement plus alcoolisées
- Laurent Denis
- Frédéric Cavazza
- Molly (Limoges, France: The Vision, The Joy, The Pain)
- Elie Sloïm
- Tristan Nitot
WIF WIF WIF
dimanche 29 janvier 2006 | Webdesign
Le WIF, Webdesign International Festival, se tiendra à Limoges du 2 au 4 février 2006. De nombreux pays participent à cet événement, et Alsacréations sera également présent au rendez-vous
Au programme :
- l'Université du Webdesign avec un cycle de conférences et les WIF meetings
- 24h de compétition non-stop entre 50 équipes internationales de Webdesigners, des expérimentations et installations multimédias, des ateliers grand public, des performances de DJ's...
- une soirée VIP, le 2 février 2006, consacrée à la remise des prix des Butterfly Awards, autour d'un cocktail et d'ateliers de déconstructions
- une soirée de clôture avec l'annonce officielle des vainqueurs de la Webjam Contest
Quelques sujets de conférences intéressants à noter :
- Créer du contenu Web adapté à la téléphonie mobile. Illusion ou réalité?
- Les standards W3C pour quoi faire ?
- Accessibilité et respect des standards : quel impact sur les métiers du Web design ?
- Flash, Ajax : des technologies anti-ergonomiques ?
- Concevoir ses interfaces comme des métaphores
- La publicité interactive est-elle en train d'acquérir ses lettres de noblesse ?
- Comment envisager le design interactif avec des grands comptes ?
- Gestion de contenu et technologie Flash
- Le Design, un moteur d'innovation ?
- Art + Technologie : expériences hybrides pour tendre vers une créativité infinie
- ...
Dewplayer reloaded
samedi 3 décembre 2005 | Webdesign
Edit : Mise jour et dernière version par ici
Voici une mise à jour mineure pour l'animation Flash permettant de lire des mp3 en ligne :
Extrait de Madonna tout et de rien, à vous de deviner...
Cette mise à jour consiste en une petite refonte interne pour plus de personnalisation à l'avenir, mais aussi des corrections de bugs et 3 4 options en plus :
- autoreplay (1|true|yes) : lire en boucle
- volume (1 à 100) : définir un volume par défaut
- bgcolor (#xxxxxx) : couleur de fond de l'animation, pour que certains codes html puissent rester valides en omettant le paramètre bgcolor proposé par défaut par Flash
- rajout de dernière minute : on peut maintenant se déplacer dans le mp3 en cliquant sur la barre de temps
Il est possible de lier le lecteur à des shoutcasts (ceux dont l'url finit par .mp3) pour écouter des radios en direct, mais cela reste une fonction expérimentale. Je tiens à remercier, entre autres, les sites agoravox.fr, liberation.fr, teleramaradio.fr qui en font usage; le site framasoft qui a récemment créé une fiche pour le lecteur; et le magazine .net qui a aussi cité l'animation dans ses pages (merci à Igor pour le scan) :
Ensuite quelques informations supplémentaires : il n'y aura pas de support OGG ni d'autres formats avant qu'Adobe ne les intègre. Je suis très lent pour répondre aux mails (une bonne centaine en attente) donc il ne faut pas trop espérer de ce côté-là, mais sachez que je les lis et note toutes les suggestions. Cependant, les demandes de fonctions évoluées comme les listes de lecture ou des boutons de contrôle ne seront pas intégrées à la version de base du lecteur qui se doit d'être minimaliste. Donc si cela se fait, ce sera dans une version parallèle.
