public marks

PUBLIC MARKS from camel with tags xhtml & css

2008

Drawter, l'éditeur de code HTML, XHTML et CSS en ligne pour réaliser des maquettes complexes en WYSYWYG

(via)
Drawter : dessinez, c’est intégré ! (WYSYWYG Powa!) Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entre elles les propriétés et les attributs. Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs : float: left ou position: absolute. Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options et amusez-vous :) Drawter : dessinez, c’est gagné ? A tester !

Mes conventions de développement en XHTML et CSS : Ergonomie, Rails et Architecture de l'information web (2.0)

by 1 other (via)
Même si certains motifs se détachent parfois du lot, les conventions de développement ou d’intégration restent quelque chose de très personnel. La majorité des langages, et même des framework ont des méthodes gravées dans la pierre que chacun est fortement invité à respecter. Ce n’est pourtant pas le cas pour le couple HTML/CSS, et c’est la raison pour laquelle Florent Verschelde et l’équipe d’Alsacréations ont entrepris de mettre en place un guide stylistique de l’intégration HTML. Ils ont pour cela proposé un appel à contribution sous la forme d’un questionnaire en deux parties auquel je réponds à mon tour.

Geek Links on jQuery, PHP, CSS, XHTML, Web Design, Fireworks, Flash | JasonCypret.com

(via)
I have been geekn’ out a lot lately reading some really great articles as well as learning some new techniques. There is a little bit of everything here and if you are a web developer it will come in handy. If you are not into jQuery skip this first section, as I have been really digging into what can be done in jQuery. If you like what you see check out my Delicious feed, as I am always running across great links.

TYPOlight.fr - gestion de contenu génération de pages accessibles conformes W3C

by 2 others
TYPOlight webCMS TYPOlight webCMS est un puissant système de gestion de contenu web spécialisé dans l'accessibilité (back office et front office) et utilise XHTML et CSS conforme W3C/WAI pour générer les pages. Il a été mis au point par Leo Feyer en 2004 et a été publié sous la Lesser General Public License (LGPL). Principales fonctionnalités de TYPOlight Voici quelques-unes des caractéristiques qui permettent à TYPOlight de se démarquer de la variété des systèmes de gestion de contenu. Si vous voulez en savoir plus, consultez la liste complète des fonctionnalités. TYPOlight * Dispositif de mise à jour automatique * Documentation multilingue * Génération de code XHTML strict et accessible * Utilisation des technologies du Web 2.0 et Ajax * Support de contenu multilingue (jeu de caractères UTF-8) * Générateur de CSS compatible multi-navigateur (compatible IE7) * Gestionnaire de fichiers intégré * Moteur de recherche avancé * Générateur de formulaire * Langages et thèmes multiples dans le back office * Front office basé à 100% sur des modèles personnalisables * Gestion de versions et d’annulation (défaire / refaire)

les bonnes pratiques de l'intégrateur : la cas des éléments flottants... - ChezSimay

by 3 others
Afin d'éviter, ces petits désagréments dut à l'ajout de cette balise à la fin du conteneur et de ses styles, nous allons utiliser d'autres styles afin d'avoir l'effet voulu, en fait sur l'élément conteneur, il suffit d'ajouter overflow:auto; (et zoom:1;, mais cette propriété n'est utile que pour IE). Du coup, avec cette propriété, on a plus besoin d'ajouter une balise à la fin du conteneur.

2007

Mettre en page un formulaire - Antoine's blog

by 3 others
e plus en plus, les formulaires deviennent un point crucial dans la conception d'un site internet. La question revient souvent, comment mettre en page un formulaire, de manière propre et accessible ? La réponse n'est pas simple, diverses écoles s'affrontent dans la façon de mettre en page les formulaires. J'en ai choisis une, que je juge être la meilleure. Les formulaires, depuis l'avènement du Web 2.0, deviennent non seulement de plus en plus omniprésent mais également de plus en plus complexe. De nouveaux éléments sont venu s'ajouter au fil des années, telle que des petites icônes permettant d'afficher l'état du champ (souvent, on rencontre "En cours de validation", "Champ valide" et "Champ erroné") ainsi que des messages d'aide ou d'erreur.

Accessibilité-web.com - Formation open-source sur l’accessibilité Web

Ce que vous trouverez sur ce site : Ce site est un guide didactique dont l’objectif est d’accompagner les e-stagiaires à réaliser un site Web accessible. Du découpage de la maquette graphique à la validation finale du code, ce guide offre l’ensemble des étapes qu’il convient de suivre pour créer des sites Web aux normes W3C en respectant les recommandations de la WAI.

Cours XHTML/CSS

Le but de ce cours est de vous amener à construire un document XHTML 1.1 présenté en utilisant CSS. Non seulement vous saurez construire un tel document, mais vous aurez des notions de "bonnes pratiques" ainsi qu'un aperçu sur les standards du w3c. Ce site constitue le support de cours que je donne. Il s'inscrit dans une formation sur HTML dynamique, avant des cours sur php ou encore javascript. C'est pourquoi j'insiste nottamment sur les formulaires Le site est volontairement écrit en HTML, sans utiliser php, pour pouvoir distribuer les versions locales des pages. Si vous en avez besoin, demandez les. A la fin du cours, nous aurons construit une page : * En XHTML * En utilisant la mise en page CSS * Avec un menu à gauche de la page * Avec un formulaire * Avec une image * Avec du contenu texte

Footnotes with CSS and Javascript - the final word : CSS . XHTML . Javascript . DOM : Brand Spanking New

by 2 others
ve finally got around to writing the definitive version of the footnotes script I wrote in 2005. There were a number of issues raised that I've resolved in this (probably final) version: * Footnote links accessible from the keyboard * Inline HTML works in footnotes (images, links, emphasis, etc.) * Separate footnote formatting for multiple articles on one page

Free XHTML/CSS Website Templates - Template World

by 43 others
Free XHTML/CSS Website Templates - Template World

Quiz Alsacréations : testez vos connaissances

by 7 others (via)
Testez vos connaissances au sujet du web et de XHTML, CSS, DOM (JavaScript), PHP, MySQL, l'accessibilité du web,... Choisissez l'un des quiz dans le menu à votre droite, selon le thème qui vous intéresse. Dix questions à choix multiple vous seront alors posées. En validant vos réponses, vous accèderez à la page de résultats où votre total sera calculé et les mauvaises réponses expliquées. Bonne chance !

2006

Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap

by 3 others, 1 comment
La page contenant un plan d'un site est probablement la plus importante dans le cas ou le site comporte un nombre important de pages et surtout une navigation pas forcément hyper intuitive (oui parfois, il arrive que l'on ait pas vraiment le choix et que malgré tous nos efforts, l'ergonomie d'un site ne soit pas au top...). cet article vous présente une méthode interessante pour mettre structurer vos sitemaps. Avec l'utilisation des dd et dt et d'un peu de css, on fait des miracles...Et vous une méthode pour structurer vos sitemaps ? Ou alors c'est la page que l'on fait en dernier et que l'on design à la truelle ?

Utilisez le DOM et Javascript comme un chef | css4design <blog>Intégration xhtml et css :: webdesign :: ergonomie :: référencement </blog>

by 7 others (via)
Comment remplacer les gestionnaires d'événements présents dans nos pages web en redéfinissant le comportement onclick, onmouseover... des éléments XHTML ? Tout simplement en utilisant la magie du DOM et de Javascript.

I.2 :: Introduction :: Bref aperçu du cours

Ce cours vise à approcher l'utilisation de langages de structuration et de programmation. Naturellement, ce sont les langages du Web utilisés par l'infographiste qui ont été choisis : l'eXtensible HyperText Markup Language (XHTML), le Cascading Style Sheets (CSS) et javascript essentiellement.

Cheat Sheets

by 7 others
cheat sheets (also known as reference cards) that you can print out and keep by your computer. There is a cheat sheet for just about anything and we aim to have the best coverage of cheat sheets available on the web.

Alsacréations formations HTML / CSS et conception Web

by 63 others, 3 comments
Bienvenue dans l'univers Alsacréations Alsacréations est une communauté dédiée à la conception web aux normes, et notamment aux standards W3C, aux feuilles de style CSS, aux langages HTML et XHTML, ainsi qu'à l'accessibilité du Web en général. L'univers Alsacréations est articulé autour de plusieurs parties : un ensemble de cours et de tutoriels, un forum de discussion, une FAQ, un blog communautaire et un service emploi.

2005

Max Design - A webstandards checklist

by 15 others (via)
A site built to web standards should adhere to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and pursue best practices (valid code, accessible code, semantically correct code, user-friendly URLs etc)