<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE rss PUBLIC "-//Netscape Communications//DTD RSS 0.91//EN"
"http://p.moreover.com/xml_dtds/rss-0_91.dtd">
<rss version="0.91">

<channel>
<title>CityDesk Jonathan (.fr) - Essais par xtof</title> 
<link>http://www.elanceur.org/jason/</link> 
<description>Apprentissage HTML et adaptation CityDesk</description> 
<language>fr-fr</language> 
<copyright>Copyright 2001 christophe ducamp</copyright>
<managingEditor>christophe@(remove)elanceur.org</managingEditor> 
<webMaster>christophe@(remove)elanceur.org</webMaster> 

<image>
<title>CityDesk Jonathan (.fr) xtof</title>
<url>http://www.elanceur.org/Images/logosimple.gif</url>
<link>http://www.elanceur.org/jason/</link>
<width>32</width>
<height>31</height>
<description>elanceur : Base d'essais CityDesk France</description> 
</image>




<item>
<title>Ce Site Est Abandonné</title>
<link>http://www.elanceur.org/jason/Articles/CeSiteEstAbandonne.html</link>
<description>
<![CDATA[
Trop d'erreurs d'interprétations dans la dernière version de Firefox. Ce site n'était qu'une base d'apprentissage. Merci de ne pas vous inspirer de ce design. La route continue vers un Web mieux structuré.
]]>
</description>
</item>



<item>
<title>Stylez vos hCards avec CSS !</title>
<link>http://www.elanceur.org/jason/Articles/StylezvoshCardsavecCSS.html</link>
<description>
<![CDATA[
Intéressé depuis quelques mois par l'univers et les perspectives des Microformats pour nous emmener sur la voie du Web Sémantique, voici un article qui pourrait vous donner envie de jouer avec CSS pour styler vos cartes de visites sur le web. Un superbe tutoriel de 2746 mots proposé par John Allsop.
]]>
</description>
</item>



<item>
<title>CSS 102 : Bordures et Arrière-Plans</title>
<link>http://www.elanceur.org/jason/Articles/CSS102.html</link>
<description>
<![CDATA[
Au cas où vous ne l'auriez pas encore vu à cette heure, un autre <a title="CSS 102 : Bordures et Arrières-Plans" href="http://digital-web.com/articles/css_102/">tutoriel d'introduction aux CSS</a> &nbsp;a été posté chez <a title="Lien vers accueil Digital Web Magazine" href="http://digital-web.com/">Digital Web Magazine</a>&nbsp;par Mark Newhouse. Bonne nuit de lecture à vous chers amis insomniaques... <a href="CSS102.html">La bonne nouvelle, il est traduit ici pour maîtriser les bordures et arrière-plans</a>.
]]>
</description>
</item>



<item>
<title>Liens Centrés</title>
<link>http://www.elanceur.org/jason/Articles/LiensCentres.html</link>
<description>
<![CDATA[
Content de revoir <a href="http://gnuhaus.com/iblog/">Mark Newhouse</a> revenir écrire sur <a href="http://realworldstyle.com/">Real World Style</a>... Son dernier article traite du centrage des liens. La partie intéressante n'est pas le fait de pouvoir centrer une boîte, mais plus de revenir sur l'une des techniques qu'il avait développée (traduite ici) sur son article <a href="http://realworldstyle.com/split.html">7-10 Split</a>&nbsp;appliquée à une liste de définition pour se débarrasser d'une mise en page avec tableau présentée sur un lien original. Lire une <a href="LiensCentres.html">traduction de l'article</a>
]]>
</description>
</item>



<item>
<title>Les nouvelles de FractalCity</title>
<link>http://www.elanceur.org/jason/Articles/LesnouvellesdeFractalCity.html</link>
<description>
<![CDATA[
Reprise de l'activité sur le <a href="http://www.elanceur.org/FractalCity/">FractalCity</a>. Bonne occasion pour replonger dans la littérature et réviser&nbsp;<a href="http://www.wikiservice.at/fractal/wikidev.cgi?FR/CityDeskEtDesignStandards/IntroductionAuxFeuillesDeStyle/TypographieCss">quelques fondamentaux</a>. De nombreuses pages sont désormais déposées pour amorcer le <a href="http://www.wikiservice.at/fractal/wikidev.cgi?browse=FR/CityDeskEtDesignStandards/RecentChanges&amp;lang=2&amp;id=FR/CityDeskEtDesignStandards">wiki compagnon</a>. Les pages wiki restent naturellement à compléter et ouvertes à tous vos commentaires. Aujourd'hui, traduction d'un article sur l'écriture efficace de CSS signé de &nbsp;Holly Bergevin : <a href="http://www.elanceur.org/FractalCity/Traductions/EcrireDesCssEfficaces.html" target="_blank">Comment écrire des feuilles de style efficaces</a>.
]]>
</description>
</item>



<item>
<title>Ce Weblog redémarre avec un WikiSupport</title>
<link>http://www.elanceur.org/jason/Articles/CeWeblogredemarreavecunWi.html</link>
<description>
<![CDATA[
Quelques interrogations récentes sur l'évaluation de CityDesk par un gros producteur de sites web ouvert aux standards pourrait m'amener à reprendre quelques exercices ici. Et après les explorations des wikis je compte aussi poser quelques liens sur un wiki autonome appelé <a href="http://www.wikiservice.at/fractal/wikidev.cgi?FR/CityDeskEtDesignStandards">CityDesk et Design Standards</a> sur lequel vous pouvez même participer en éditant les pages. Je tenterai de rendre compte des avancées sur ce site.
]]>
</description>
</item>



<item>
<title>Projet 12 Eric Meyer - Spirale Complexe</title>
<link>http://www.elanceur.org/jason/Articles/Projet12EricMeyer-Spirale.html</link>
<description>
<![CDATA[
Désolé mais cet exercice est plutôt personnel. La traduction pourrait vous éclairer sur 3 lignes de code traitant des images d'arrière-plan mal fixées dans Internet Explorer pour Windows. Eric Meyer est en pleine forme et pousse dans cette conception de page les CSS1 à ses limites maximales. Cette page devrait être consultée pour bien faire dans un navigateur conforme aux standards du Web. A moins qu'un petit script puisse permettre de pallier les défauts du navigateur de Microsoft Windows ? . La "<EM>viande CSS"</EM>&nbsp;sera&nbsp;à dénicher&nbsp;dans les 3 dernières lignes de code de la feuille de style ;) [<A href="../EricMeyerWebDesign/Projet12FixerFonds/SpiraleComplexe.html">Une traduction en cours d'un article extraordinaire du gourou des CSS - Voir la mise en page</A>]
]]>
</description>
</item>



<item>
<title>Mark Newhouse iBlog</title>
<link>http://www.elanceur.org/jason/Articles/MarkNewhouseiBlog.html</link>
<description>
<![CDATA[
A la recherche de gabarits pour construire un carnet Web sur CityDesk ? Mark Newhouse a un iBlog très riche en subtilités pour intégrer une photo qui pourrait renvoyer sur un moblog ? Voir l'<A href="../WebLogMarkNewHouse/listearticles.html">adaptation en français</A> réalisée sur le CityDesk. Un simple script pour lister les teasers des articles. Et le &#8220;plink&#8221; traduit par un &#8220;+&#8221;&nbsp;pourrait vous inspirer pour ébaucher une maquette originale où vous remplacerez vos photos.
]]>
</description>
</item>



<item>
<title>Karim Belkacem</title>
<link>http://www.elanceur.org/jason/Articles/KarimBelkacem.html</link>
<description>
<![CDATA[
Karim est réputé pour la taille de squelettes pour SPIP et s'approche des standards du Web :)... Vous le retrouverez sur son <A href="http://www.glums.com">portail Glums</A>&nbsp;où je vous invite à visiter sa nouvelle page conçue pour être lue sur un i-mode ! La page fait 4 ko.
]]>
</description>
</item>



<item>
<title>A quoi ressemble Stephane Gigandet ?</title>
<link>http://www.elanceur.org/jason/Articles/StephaneGigandet.html</link>
<description>
<![CDATA[
Suite à une demande de <A href="http://www.joueb.com/news/294.shtml">Stephane Gigandet </A>(Niutopia), envoi d'une photo cachée derrière une CSS pour des raisons évidentes de protection des droits. Pour voir la photo de Stephane, il vous suffit de déshabiller <a href="StephaneGigandet.html">la page </a>;-)
]]>
</description>
</item>



<item>
<title>Un Tabouret à Trois Pieds</title>
<link>http://www.elanceur.org/jason/Articles/UnTabouretaTroisPieds.html</link>
<description>
<![CDATA[
Traduction en cours <STRONG>recherche relecteur</STRONG> pour un plein de ressources XHTML, CSS, l'Accessibilité&nbsp;et le DOM pour ficeler l'ensemble. Mark Newhouse signe là&nbsp; un superbe article de synthèse sur les 3 trépieds du Web.
]]>
</description>
</item>



<item>
<title>Trouver des Polices pour Unix</title>
<link>http://www.elanceur.org/jason/Articles/TrouverdesPolicespourUnix.html</link>
<description>
<![CDATA[
De l'ordre d'apparition des polices dans la Feuille de Style pour penser aux butineurs Unix avec de grands écrans à haute résolution. <a href="TrouverdesPolicespourUnix.html">Un article de Mark Newhouse</a>.
]]>
</description>
</item>



<item>
<title>7-10 Split</title>
<link>http://www.elanceur.org/jason/Articles/EclaterLaDifference.html</link>
<description>
<![CDATA[
<a href="EclaterLaDifference.html">Pour éclater les éléments à gauche et à droite</a>. Mark Newhouse
]]>
</description>
</item>



<item>
<title>Une carte postale à imprimer ?</title>
<link>http://www.elanceur.org/jason/Articles/LaCartePostale.html</link>
<description>
<![CDATA[
Eric Meyer propose une feuille pour les cartes postales. Une seule&nbsp;astuce à connaître&nbsp;: ajouter 4 pixels à la largeur de votre image dans la feuille de style. Ici une tentative&nbsp;sur une conception&nbsp;originale de Karl.&nbsp;<a href="LaCartePostale.html">[Voir l'essai</a>]
]]>
</description>
</item>



<item>
<title>Bryan Bell</title>
<link>http://www.elanceur.org/jason/Articles/BryanBell.html</link>
<description>
<![CDATA[
Bryan Bell s'est construit une belle notoriété à concevoir des gabarits pour la gamme des outils Userland. Il est en outre très facile de les adapter&nbsp;pour le CityDesk ou d'autres outils. <A href="http://www.joueb.com/101">Stephane</A>&nbsp;travaille aussi dessus pour les jouebs. On attend des Bryan Bell en&nbsp;France&nbsp;: à savoir des&nbsp;peintres du web prêts à mettre (une partie de) leurs talents à disposition de tous pour adaptation ?
]]>
</description>
</item>



<item>
<title>Effets Média</title>
<link>http://www.elanceur.org/jason/Articles/EffetsdesMedias.html</link>
<description>
<![CDATA[
Si vous avez déjà essayé de prendre une conception Web et essayé de l'imprimer, vous avez sans doute été découragé.&nbsp;Entre les limites des navigateurs et les problèmes inhérents&nbsp;aux essais&nbsp;pour imprimer&nbsp;une conception compliquée, la version papier ne&nbsp;ressemble jamais à ce&nbsp;vous&nbsp;attendez. Quelques sites produisent même&nbsp;des versions différentes des articles, les reliant à une accroche "Version pour impression". Désormais&nbsp;les CSS vous&nbsp;offrent de&nbsp;concevoir un document pour différents médias, vous affranchissant du besoin de recréer une page simplement pour&nbsp;vos besoins d'impression. Eric A. Meyer, auteur de <A href="http://www.ericmeyeroncss.com/projects/06/"><CITE>Cascading Style Sheets: The Definitive Guide</CITE></A>, vous montre comment. Tous les modèles de ce document sont disponibles sur le site compagnon : <A href="http://www.ericmeyeroncss.com/projects/06/">http://www.ericmeyeroncss.com/projects/06/</A>)
]]>
</description>
</item>



<item>
<title>Linkaboo [Eric Meyer]</title>
<link>http://www.elanceur.org/jason/Articles/Linkaboo.html</link>
<description>
<![CDATA[
Le projet n°10 d'Eric Meyer sur les CSS est un monument d'astuces. Parvenir à faire prendre une <a href="http://www.elanceur.org/Jason/EricMeyerOnCss/Projet10/Articles/LinkAboo.html">courbe à un logo</a>. Pas forcément étonnant à première apparence, j'ai bien l'impression que le code proposé pourrait ouvrir de belles voies aux WebDesigners accros à PhotoShop. [<a href="http://www.elanceur.org/Jason/EricMeyerOnCss/Projet10/index.html">en savoir plus</a>]
]]>
</description>
</item>



<item>
<title>Lister tous les articles à droite et à gauche de l'article</title>
<link>http://www.elanceur.org/jason/Articles/BienAvantetAvant.html</link>
<description>
<![CDATA[
Via le projet 09 d'Eric Meyer on CSS [<A href="../EricMeyerWebDesign/Projet09MultiColonnes/Projet09.html">en savoir plus</A>]
]]>
</description>
</item>



<item>
<title>Moments Energie</title>
<link>http://www.elanceur.org/jason/Articles/MomentsdEnergie.html</link>
<description>
<![CDATA[
Ici le projet n°4 sur un design original d'Eric Meyer qui tombe bien à propos si vous êtes dirigeant d'une entreprise ou <EM>consultant en énergies</EM>. Les hyperliens peuvent s'allumer avec quelques petits trucs à intégrer dans la feuille de style. [<A href="../EricMeyerWebDesign/Project04HyperLiensVie/EnergieetMomentsdeVie.html">Voir un exemple d'hyperliens vivants</A>].
]]>
</description>
</item>



<item>
<title>Menu Dynamique</title>
<link>http://www.elanceur.org/jason/Articles/MenuDeroulant.html</link>
<description>
<![CDATA[
Un des points les plus critiques concerne les menus dynamiques. Eric Meyer, sur son <A title="Expérimentations sur les CSS. En anglais." href="http://www.meyerweb.com/eric/css/edge/" hreflang=en>CSS/Edge</A> avait défriché le terrain des <A title="Pure CSS menus. En anglais" href="http://www.meyerweb.com/eric/css/edge/menus/demo.html" hreflang=en>menus sous forme de listes</A>, mais ça n'était qu'une approche expérimentale. Dave, de <A title="Tas d'astuces sur les standards du W3C. En anglais." href="http://www.gazingus.org/dhtml/?id=109" hreflang=en>Gazingus.org</A>, a poussé plus loin le concept en le rendant utilisable au quotidien. En voici le cahier des charges..." [source : <A href="http://www.nitot.com/standards/blog/">tristan nitot</A>] <a href="MenuDeroulant.html">[lire l'article que j'étudierai plus tard</a>]
]]>
</description>
</item>



<item>
<title>Communiqué de Presse</title>
<link>http://www.elanceur.org/jason/Articles/ElanceurPRFin20021101.html</link>
<description>
<![CDATA[
<STRONG>Intention</STRONG> : construire une feuille de style pour un modèle de communiqué de presse... sur le modèle d'Eric Meyer (Projet 2)
]]>
</description>
</item>



<item>
<title>Un Tutoriel en Français sur les CSS</title>
<link>http://www.elanceur.org/jason/Articles/UnTutorielenFrancaissurle.html</link>
<description>
<![CDATA[
Un <A href="http://lorandw.free.fr/css/index.php">tutoriel CSS en français</A>.
]]>
</description>
</item>



<item>
<title>Eric Meyer on CSS. Carnet de Voyages ? </title>
<link>http://www.elanceur.org/jason/Articles/EricMeyerOnCSSProjet1.html</link>
<description>
<![CDATA[
Premier <A href="../EricMeyerWebDesign/RaggedPointInn.html">essai de travail </A>sur le chapitre 01 du livre d'Eric Meyer - Mastering The Language of Web Design...<BR>
]]>
</description>
</item>



<item>
<title>Conception Web Liquide</title>
<link>http://www.elanceur.org/jason/Articles/LiquidWebDesign.html</link>
<description>
<![CDATA[
<A href="http://www.digital-web.com/tutorials/tutorial_1999-10.shtml">Nick Finck</A>: Il existe une règle non parlée en impression qui détermine que le texte ne devrait pas excéder 4 pouces en largeur sur une page. Tout texte inférieur à 4 pouces est plus lisible que n'importe quel texte déplassant les 4 pouces — the reader's whiplash will speak for itself.” <a href="LiquidWebDesign.html">[Autorisation de l'auteur en cours - Article en cours de traduction</a>]<BR>
]]>
</description>
</item>



<item>
<title>Listes à Puces</title>
<link>http://www.elanceur.org/jason/Articles/GererdesListes.html</link>
<description>
<![CDATA[
Mark Newhouse dompte les listes à puce. Un article pur maîtriser des menus très légers tout en CSS. <a href="GererdesListes.html">[Traduction en cours</a>]
]]>
</description>
</item>



<item>
<title>Bidouillage de Boîtes</title>
<link>http://www.elanceur.org/jason/Articles/BidouillagedeBoites.html</link>
<description>
<![CDATA[
"Un casse-tête pour moi... Niveau WebDesign Débutant : aligner une barre bleue avec une largeur de colonne. (Via BoxModelHack). Adaptation libre pour un auto-apprentissage de quelques subtilités de CSS. La photo ajoutée fait 299 pixels de large. Et la colonne 300 px. Quelques différences d'affichage peuvent exister selon&nbsp;votre modèle de&nbsp;navigateur. <A href="../BidouillageBoites/BidouillageBoite.html">A l'aide</A>." xtof
]]>
</description>
</item>



<item>
<title>Regard Vers le Futur</title>
<link>http://www.elanceur.org/jason/Articles/FeuilleStyleMarkNewHouse.html</link>
<description>
<![CDATA[
Regard vers le Futur. Un article de Mark Newhouse publié dans Digital Web Magazine à propos des Feuilles de Style (<a href="FeuilleStyleMarkNewHouse.html">Promesses, Réalités, Regard vers le Futur</a>)"
]]>
</description>
</item>



<item>
<title>Impression Ecran OmniwebMac</title>
<link>http://www.elanceur.org/jason/Articles/ImpressionEcranOmniwebMac.html</link>
<description>
<![CDATA[
Premier essai de la Feuille de Style d'Eric meyer vue par un navigateur comme OmniWeb (Macintosh) <a href="ImpressionEcranOmniwebMac.html">Voir l'amputation des effets spéciaux</a>
]]>
</description>
</item>



<item>
<title>Changer de Style</title>
<link>http://www.elanceur.org/jason/Articles/ChangerdeStyle.html</link>
<description>
<![CDATA[
"Un gabarit produit par FogCreek pour changer de Style. Qui ouvre droit vers les merveilles des Feuilles de Style habilement promues par Eric Meyer. Essayez le&nbsp;gabarit sélecteur. Urgence de toucher aux paramètres des CSS pour y intégrer... Votre nom ? Un oiseau ? etc.. Le fichier à télécharger est compressé à un taux de 91% et pèse 41ko. Mais après je risque de décrocher sur la conception. Le WebDesign n'est pas mon métier." <a href="ChangerdeStyle.html">Bienvenue aux peintres du Web</a>
]]>
</description>
</item>



<item>
<title>Ponctuation Marginale</title>
<link>http://www.elanceur.org/jason/Articles/PonctuationMarginale.html</link>
<description>
<![CDATA[
"Un des usages les plus puissants des CSS est de contrôler la typographie de votre document. Des choix de polices jusqu'aux titres, espacement de mot et des lettres,&nbsp;l'utilisation d'une feuille de style vous offre beaucoup plus de contrôle&nbsp;sur le rendu de votre page dans un navigateur, sans recourir à&nbsp;de&nbsp;hideux "hacks" qui détruisent la structure de&nbsp;votre page et&nbsp;souvent son accessibilité."&nbsp;Un nouvel article de Mark sur la Ponctuation Marginale.&nbsp;<a href="PonctuationMarginale.html"><a href="PonctuationMarginale.html">Merci à Dolores pour ton aide; l'article peut être lu</a></a> si vous devenez maniaque de l'alignement à gauche d'un paragraphe démarrant avec un guillemet&nbsp;;-)&nbsp;...
]]>
</description>
</item>



</channel>
</rss>