Trop de fonctionnalités tue le web?
Catégorie Web - posté le 26/08/08 21:44:15
Mon idée de faire un site entièrement en RSS, et modifier l'affichage via une feuille XSL semble ne pas être bonne, du moins pour Mozilla/Firefox.
L'idée de principe était d'avoir une url unique, servant à la fois pour les visiteurs, et pour les agregateurs RSS. Pour ce genre d'utilisations, les standards mettaient à disposition les feuilles de style xml (type <?xml-stylesheet ..?>).
Après un test en local, j'étais heureux de voir tout cela marcher. Malheureusement, c'est lorsque je fis le test sur le serveur web local que patatra...
La fonctionnalité d'agregateur RSS de Firefox m'achève: dès que Firefox détecte un flux rss, il oublie la mise en page et force la page de type "agregateur RSS". Certes c'est une fonctionnalitée interessante, mais de là à ne pas permettre à l'utilisateur de voir le rendu initial du site?
Seule solution au final que j'ai trouvé pour l'instant: utiliser un flux XML classique (non de type RSS), et là alors, la feuille de style XSL sera prise en compte.
Exemple de site sur la même structure: http://www.starcraft2.com
Voila c'etait mon coup de gueule de la soirée.
API Selectors: vers la fin des librairies javascript?
Catégorie web - posté le 30/07/08 19:22:32
Apparemment cette version intégrerait un manière très pratique de sélectionner des éléments en Javascript.
Exemple tiré du site w3.org:
var cells = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)");
Comme vous l'aurez compris, il s'agit de sélectionner les éléments via leur hiérarchie, comme l'émulait les librairies telles que prototype...
Toute la documentation est disponible sur le site du W3.
Si vous vous dites que c'est encore un truc nouveau que IE mettra des années à implémenter, vous avez tout faux :)
À noter également l'implémentation des TEXT API, pour que votre site soit joli joli.
Documentation Javascript
Catégorie Web - posté le 14/05/08 23:12:36
Encore une fois, google nous facilite le développement Web: cette fois-ci, nous avons droit à tout un emsemble de documentation et trucs & astuces, aussi bien sur le DOM, que sur les CSS.
À quand le framework complet google?
Coda Slider: slides css et javascript
Catégorie Web - posté le 07/12/07 10:00:42
Il y a des jours où on découvre des librairies vraiment bien, et ça nous rends vraiment heureux. Aujourd'hui est un de cela. Coda-sliders vous permet de présentre page sous formes de slides, avec des effets de style très sympatiques.
Rien à rajouter, il suffit de voir la démo.
Fondu d'images CSS et Javascript
Catégorie Web - posté le 27/10/07 10:05:33
En voyant la page officielle de Starcraft 2, je me demandais comment ils avaient fait pour faire un diaporama en fondu, sans utiliser Flash.
En fait il s'agit tout simplement de l'utilisation de la propriété CSS "opacity" d'une image. Cet attribut peut prendre les valeurs décimales de 0 à 1: 1 étant la valeur pour une image opaque. Seule ombre au tableau étant que Internet Explorer 5 et 6 ne supportent pas cet attribut: Il faut passer par un filtre. Exemple avec 1, 0.7, 0.4, 0.1:
Au final en javascript on obtient le code suivant.
var img = document.getElementById("mon_id_image");
img.style.opacity=0.5; /* Par exemple */
img.style.filter=alpha(opacity=0.5*100);
Ou tout simplement en css le code suivant
img
{
opacity:0.5;
filter:alpha(opacity=0.5);
}
À noter que l'attribut filter opacity demande pour valeurs un décimal de 0 à 100, d'où le "*100".
Avec ce petit code, et un peu de patience, nous pouvons faire un fondu entre 2 images: Il faut pour cela superposer 2 images au même emplacement, et dégrader celles-ci.
Si je ne suis pas clair, rien de plus parlant qu'un bon exemple (cliquez sur les miniatures pour modifier l'image).
1 commentaire(s) W3c CSS Internet Explorer programmation javascript
Le javascript sux
Catégorie Web - posté le 19/06/07 21:42:56
Plus ça va, plus j'en suis convaincu. Certes le javascript permets d'avoir de jolis effets; Certes le javascript permets l'ajax et tout les vérifications de formulaires en temps réel. Mais le javascript permets aussi:
Vous utilisez une extension (Adblock) qui ne permet pas d'afficher correctement le site VirusPhoto.com.
Merci de désactiver l'extension Adblock de votre navigateur (Menu "Outils > Modules complémentaires"), puis d'actualiser le site VirusPhoto.com
- Vous pouvez également laisser Adblock activé mais choisir de le désactiver pour VirusPhoto.com :
Cliquez sur la flèche pres de l'icone Adblock en haut à droite du navigateur, puis dans le menu déroulant, choisissez l'option :
"Désactiver pour www.virusphoto.com".
Vous pouvez ensuite vous rendre à nouveau sur le site VirusPhoto.com.
Comme vous l'aurez compris, nous ne somme plus libre d'utiliser les extensions que l'on veut sur notre ordinateur; Via un petit script, le webmaster peut décider de vous rediriger vers "la_page_d_erreur" de son choix.
La technologie doit-elle donc toujours être utilisée à mauvais essor?
Diaporama CSS javascript
Catégorie Web - posté le 04/01/07 16:05:51
À nouvelle année, nouvelle page!
J'ai donc codé un petit diaporama en Javascript et CSS. Oui, l'ajax c'est à la mode, et je peux pas m'empecher de la suivre :x. Évidemment, tout commentaire sur le design est bienvenue.
Les images sont pour l'instant chargées aléatoirement dans un fichier xml, histoire de pas se retrouver tout le temps avec les mêmes images...
NB: il ne marche bien sûr pas sur Internet Explorer, même pas besoin de tester...
mario bros en javascript
Catégorie blog - posté le 15/10/06 17:05:44
Pour ceux qui le doutait encore,...
Mieux que le flash, mieux que ActiveX, et mieux que bien des choses: le javascript. Ca permets même de faire des jeux.