Les coulisses du développement web.

Je suis un des développeurs de R&R Productions et j'utilise principalement xhtml, css, php, ajax, mysql, jquery et javascript. Ces pages-ci sont faites avec ajax et entièrement codé à la main sans utiliser de bibliothèques externes préprogrammées.

Rechercher:

arrow

Sujets récents:

arrow

Catégories:

par ordre d'importance.
arrow

Liens:

arrow

Contact:

arrow

Je profite de ces pages pour parler des technologies web et des pièges que j'ai rencontré en codant pour R&R Productions. Les pièges ne sont jamais très loin quand on développe une page web qui doit en plus de fonctionner correctement être "le plus identique" possible sur tout type de navigateur. Je parlerais aussi des techniques qui ne sont pas encore entré dans le grand public (css3, html5 etc.).

Je donnerai quelques astuces de temps à autre.






la quadrature du cercle avec CSS transform

Posté le 19.05.2009 à 10:52:59 par reto.

Bien évidemment css n'a pas la solution tant de la quadrature du cercle mais CSS transform et CSS transition permettent d'animer les pages web sans javascript et sans flash. Si vous avez Safari installé ou Chrome, qui a un petit bug pour le deuxième exemple, et que vous glissez votre souris sur les différents carrés rouges vous verrez une petite animation.




Un simple tag cloud (nuage de mots clefs)

Posté le 07.02.2009 à 10:47:39 par reto.

Pour construire un nuage de mots clefs simple et rapide il vous suffit d'avoir un table avec des mots clefs, pour ce site c'est une case (longtext) dont les valeurs sont séparé par des virgules. Je mets mes explications dans le code après deux //.




@font_face et Firefox

Posté le 03.10.2008 à 12:23:36 par reto.

Les nouvelles versions beta de Firefox (appelé Minefield) est dorénavant aussi capable d'utiliser @font_face dans le css pour afficher du texte avec une police qui ne serait pas installé sur l'ordinateur de la personne qui lit la page web. Si vous voulez tester téléchargez Minefield




Une image réfléchie

Posté le 17.08.2008 à 08:45:36 par reto.

Vous voulez mettre sur votre site une image réfléchie avec le moins de travail possible?
Alors voilà une solution avec css3 qui sera bientôt disponible, pour l'instant ça ne marche qu'avec Webkit, la source de Safari:

< img src="http://www.randrproductions.ch/reto/img/mer.jpg" style="-webkit-box-reflect:below 0px">




Une image avec du texte par dessus en css, et ce qui sera nouveau avec css3

Posté le 07.06.2008 à 09:57:50 par reto.

un peu de texte qui est placé par dessus une image avec css


Ainsi vous n'aurez plus jamais besoin d'utiliser une éditeur d'image pour simplement mettre quelques lignes de texte sur une image, il vous suffit de mentionner dans votre fichier css:




La révolution des polices

Posté le 07.02.2009 à 09:23:04 par reto.

Je rassure tout le monde, cette nouvelle n'a rien à voir avec la police, montée ou autre mais avec les polices d'écriture et ça ressemblera encore une fois à une publicité pour Safari.
Si vous utilisez Safari vous aurez remarqué que ce site s'affiche comme cette image:




Css3 et les différents navigateurs

Posté le 07.02.2009 à 09:22:08 par reto.

Si vous n'êtes pas un utilisateur de Safari (le navigateur d'Apple, lien) vous n'aurez pas le bonheur de voir le menu de ce site comme je le vois, c'est à dire:
menu




Notes 1 - 7 sur 7 notes