coeur de cactus mark newhouse • 14 février 2003 • tucson, az
![[Puce Action]](../Images/puce.gif){kind=small}
Content de revoir Mark Newhouse revenir écrire sur Real World Style... 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 7-10 Split 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 traduction de l'article
»+« · jeudi 05 août 2004
Reprise de l'activité sur le FractalCity. Bonne occasion pour replonger dans la littérature et réviser quelques fondamentaux. De nombreuses pages sont désormais déposées pour amorcer le wiki compagnon. 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 Holly Bergevin : Comment écrire des feuilles de style efficaces.
»+« · mardi 03 août 2004
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é CityDesk et Design Standards sur lequel vous pouvez même participer en éditant les pages. Je tenterai de rendre compte des avancées sur ce site.
»+« · jeudi 03 juin 2004
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 "viande CSS" sera à dénicher dans les 3 dernières lignes de code de la feuille de style ;) [Une traduction en cours d'un article extraordinaire du gourou des CSS - Voir la mise en page]
»+« · mardi 25 février 2003
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'adaptation en français réalisée sur le CityDesk. Un simple script pour lister les teasers des articles. Et le “plink” traduit par un “+” pourrait vous inspirer pour ébaucher une maquette originale où vous remplacerez vos photos.
»+« · lundi 17 février 2003
Karim est réputé pour la taille de squelettes pour SPIP et s'approche des standards du Web :)... Vous le retrouverez sur son portail Glums où je vous invite à visiter sa nouvelle page conçue pour être lue sur un i-mode ! La page fait 4 ko.
»+« · vendredi 14 février 2003
Suite à une demande de Stephane Gigandet (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 la page ;-)
»+« · samedi 25 janvier 2003
Traduction en cours recherche relecteur pour un plein de ressources XHTML, CSS, l'Accessibilité et le DOM pour ficeler l'ensemble. Mark Newhouse signe là un superbe article de synthèse sur les 3 trépieds du Web.
»+« · mardi 14 janvier 2003
De l'ordre d'apparition des polices dans la Feuille de Style pour penser aux butineurs Unix avec de grands écrans à haute résolution. Un article de Mark Newhouse.
»+« · mardi 14 janvier 2003
Pour éclater les éléments à gauche et à droite. Mark Newhouse
»+« · mardi 07 janvier 2003
Eric Meyer propose une feuille pour les cartes postales. Une seule astuce à connaître : ajouter 4 pixels à la largeur de votre image dans la feuille de style. Ici une tentative sur une conception originale de Karl. [Voir l'essai]
»+« · lundi 30 décembre 2002
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 pour le CityDesk ou d'autres outils. Stephane travaille aussi dessus pour les jouebs. On attend des Bryan Bell en France : à savoir des peintres du web prêts à mettre (une partie de) leurs talents à disposition de tous pour adaptation ?
»+« · jeudi 12 décembre 2002
Si vous avez déjà essayé de prendre une conception Web et essayé de l'imprimer, vous avez sans doute été découragé. Entre les limites des navigateurs et les problèmes inhérents aux essais pour imprimer une conception compliquée, la version papier ne ressemble jamais à ce vous attendez. Quelques sites produisent même des versions différentes des articles, les reliant à une accroche "Version pour impression". Désormais les CSS vous offrent de concevoir un document pour différents médias, vous affranchissant du besoin de recréer une page simplement pour vos besoins d'impression. Eric A. Meyer, auteur de Cascading Style Sheets: The Definitive Guide, vous montre comment. Tous les modèles de ce document sont disponibles sur le site compagnon : http://www.ericmeyeroncss.com/projects/06/)
»+« · mercredi 04 décembre 2002
Le projet n°10 d'Eric Meyer sur les CSS est un monument d'astuces. Parvenir à faire prendre une courbe à un logo. 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. [en savoir plus]
»+« · jeudi 28 novembre 2002
Via le projet 09 d'Eric Meyer on CSS [en savoir plus]
»+« · mercredi 27 novembre 2002
Ici le projet n°4 sur un design original d'Eric Meyer qui tombe bien à propos si vous êtes dirigeant d'une entreprise ou consultant en énergies. Les hyperliens peuvent s'allumer avec quelques petits trucs à intégrer dans la feuille de style. [Voir un exemple d'hyperliens vivants].
»+« · mardi 12 novembre 2002
Un des points les plus critiques concerne les menus dynamiques. Eric Meyer, sur son CSS/Edge avait défriché le terrain des menus sous forme de listes, mais ça n'était qu'une approche expérimentale. Dave, de Gazingus.org, a poussé plus loin le concept en le rendant utilisable au quotidien. En voici le cahier des charges..." [source : tristan nitot] [lire l'article que j'étudierai plus tard]
»+« · mercredi 06 novembre 2002
Intention : construire une feuille de style pour un modèle de communiqué de presse... sur le modèle d'Eric Meyer (Projet 2)
»+« · mardi 05 novembre 2002
Premier essai de travail sur le chapitre 01 du livre d'Eric Meyer - Mastering The Language of Web Design...
»+« · samedi 19 octobre 2002
Nick Finck: 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.” [Autorisation de l'auteur en cours - Article en cours de traduction]
»+« · vendredi 18 octobre 2002
Mark Newhouse dompte les listes à puce. Un article pur maîtriser des menus très légers tout en CSS. [Traduction en cours]
»+« · vendredi 18 octobre 2002
"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 votre modèle de navigateur. A l'aide." xtof
»+« · dimanche 15 septembre 2002
Regard vers le Futur. Un article de Mark Newhouse publié dans Digital Web Magazine à propos des Feuilles de Style (Promesses, Réalités, Regard vers le Futur)"
»+« · samedi 14 septembre 2002
Premier essai de la Feuille de Style d'Eric meyer vue par un navigateur comme OmniWeb (Macintosh) Voir l'amputation des effets spéciaux
»+« · jeudi 12 septembre 2002
"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 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." Bienvenue aux peintres du Web
»+« · mercredi 11 septembre 2002
"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, l'utilisation d'une feuille de style vous offre beaucoup plus de contrôle sur le rendu de votre page dans un navigateur, sans recourir à de hideux "hacks" qui détruisent la structure de votre page et souvent son accessibilité." Un nouvel article de Mark sur la Ponctuation Marginale. Merci à Dolores pour ton aide; l'article peut être lu si vous devenez maniaque de l'alignement à gauche d'un paragraphe démarrant avec un guillemet ;-) ...
»+« · vendredi 30 août 2002
Essais de monétique pour récolter des grammes d'or.
»+« · mercredi 28 août 2002
Une balise bien pratique. Ne pas en abuser. Exercice facile à mettre en oeuvre pour faire apparaître des petites bulles dans les mots compliqués ?
»+« · jeudi 22 août 2002
Un article sur la défense de l'environnement numérique :)) ou comment structurer proprement une CSS par Mark Newhouse.
»+« · jeudi 22 août 2002
Caractères spéciaux pour "culotter" votre CityDesk et avoir de jolis guillemets. Voir l'astuce
»+« · jeudi 22 août 2002
Intégrer un menu dynamique dans CityDesk par Adriaan
»+« · jeudi 22 août 2002
Comment je manipule les DocType dans CD... parce que les standards semblent vouloir nous emmener vers le XHTML2. ?
»+« · jeudi 22 août 2002
Avec utilisation des balises dl (liste définitions), dt (terme de définition) et dd (définition correspondant à un terme de définition)
»+« · mardi 06 août 2002
Un vieil exercice réalisé à l'époque avec l'aide de Pascale...mais qui présente ici un intérêt évident si vos lecteurs sont équipés de vieux navigateurs comme Netscape 4.XXX.
»+« · mardi 06 août 2002
Comment vous dire ? cet exercice d'adaptation de la feuille de style dans un masque CityDesk m'empoisonne la vie ? La même feuille est appelée : d'un côté ça fonctionne et pas de l'autre. Le contenu manque de centrage sur la page. [L'oiseau reste décentrée dans le masque en attendant mieux]
»+« · mardi 06 août 2002
Une fonction assez géniale et peu usitée sur la Toile. Pratique pour les barres de menu où l'espace disponible est rare. L'avant-clic pour prévenir le visiteur que le fichier pourrait peser 8 Mo... Et à cette heure le lien est valide HTML. J'aimerais bien en parler à un ergonome. Pourrait remplacer les notes de bas de page ?
Attention... Karl (w3c) laisse entendre que cet exercice "réinvente la roue". La balise "title" fait déjà le travail. Et si vous utilisez cette fonction, la page devient confuse dans un navigateur comme Lynx. Merci de ne pas cliquer au dessus. [Pour en savoir plus sur la réponse de Karl à propos de cet exercice]
»+« · samedi 27 juillet 2002
Le même exercice que précédemment mais en plus intéressant. Pour savoir dans quelle section vous vous trouvez (voir le lien de référence)
»+« · lundi 22 juillet 2002
en fonction du système d'exploitation du visiteur (Javascript)
»+« · lundi 22 juillet 2002
Si vous utilisez CityDesk inutile d'ouvrir ce lien ;-)
»+« · lundi 22 juillet 2002
Chapitre 22 page 379 - Créer l'image d'une fine bande de la largeur de la barre latérale et utiliser la propriété "repeat-y" pour itérer l'image de la barre latérale vers le bas du côté gauche. Une technique offrant un gain notable de temps d'affichage de la page (légèreté de l'image) [Voir l'exemple de Jason Cranford Teague]
»+« · lundi 22 juillet 2002
Jeremy Carlson a du talent. En parcourant son site, je découvre qu'il est free-lance à Seattle. J'aimerais bien travailler avec lui pour lui sous-traiter de la conception de quelques jolis masques. Ses pages pourraient s'accommoder avec CityDesk. En attente de réponse... [Voir l'adaptation dégradée dans CityDesk]
»+« · lundi 22 juillet 2002
Menu Hiérarchique qui se déploie...
»+« · dimanche 21 juillet 2002
Il semblerait que vous utilisiez un navigateur qui ne fait pas tourner correctement les feuilles de style, ou que vous ayez désactivé le sélecteur de feuilles de style de votre navigateur. Si vous utilisez actuellement un plus vieux navigateur (comme Netscape 4), vous pourriez désirer en savoir plus sur les standards et les navigateurs pour toutes les plates-formes. Regardez les Standards Project’s Campagne de Mise à jour des Navigateurs si vous aimeriez en trouver un pour vos besoins particuliers. Autrement, soyez assuré que vous voyez tout le contenu comme n'importe qui d'autre. - il ne s'affiche pas aussi bien...
