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.
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?
| |
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.
| |
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:
| |
Notes 1 - 7 sur 7 notes
