public marks

PUBLIC MARKS from camel with tag css

July 2007

La barre d'outils d'accessibilité du web 2.0 Beta - Accessibilité numérique, CSS et standards du web - Fairytells

Il y a un peu plus d'une quinzaine de jours le WAT-C a sorti une nouvelle version de la barre d'accessibilité du web..

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

June 2007

jQuery.imageMenu - ldbGlobe

Pour répondre à la demande d'un collègue graphiste, j'ai developpé un equivalent au script mootools suivant (source PhatFusion) mais basé sur la librairie jQuery. le résultat me semblant réussi (bien qu'il soit surement possible d'optimiser le code de nombreuse manière) je vous le propose. Voir la démonstration Je tiens à signaler que ce script n'est pas obstrusif et que la désactivation du javascript et ou du css ne gène en rien la consultation et l'utilisation du menu

Unicode for CSS Class Names - Snook.ca

by 1 other (via)
L'auteur de cet article a eu al bonne idée d'essayer d'utiliser des caractère unicode pour nommer ses class. Vu comme ça, je suis sure que personne n'en voit l'intérêt sauf que...Cette technique peut rendre vos class très visuel en utilisant ┌, ┐, └,┘ pour les class stylant les coins d'un div. Bon, moi je trouve ça fun.

GuppY : nouvelle évolution du CMS sans base de données MySQL at Tapahont.info

by 1 other
GuppY est un CMS (content management system) gratuit. Il permet de réaliser un site internet de manière très simple. Pour utiliser le script il suffit de placer le contenu de l’archive en ligne et cela fonctionne. Oubliez les mots de passes MySQL, les sauvegardes via phpMyAdmin. Le site gère tous les grands classiques du genre : news, articles, forum, faq, sondage, newsletter, gallerie photos, liens et depuis cette version quelque chose pour lequel je me suis battu longtemps : le blog… compatibilité avec tous les OS, tous les navigateurs, support des CSS pour les habillages et de plugins pour ajouter des fonctions non-standard.

May 2007

Organiser ses feuilles de style CSS | css4design |Intégrateur html & css | ergonomie seo mots-clés google | infographiste pao | détourage et retouche couleur photoshop | formateur print & web

by 3 others
Comment ça ? Alors que tout le monde utilise une méthode similaire pour réaliser un menu horizontal en transformant les liens en bloc pour leur donner une taille et en faisant flotter les éléments de listes, il n'existe pas de consensus sur l'organisation des feuilles de style CSS ?

Accessible expanding and collapsing menu | 456 Berea Street

by 1 other (via)
Voici un article sur un menu en accordéon aparament accessible. Son auteur s'est permis de réutiliser le script d'un menu anciennement composé de divs. Il a aussi recodé le javascript et les css et explique très pédagogiquement pour quelles raisons.

Iconize Textlinks with CSS

by 4 others
Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by it's icon. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy. The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after the link.

Faire une feuille de style pour l'impression - Alsacréations

by 5 others
Certains concepteurs web ont la fâcheuse habitude de tout lire à l'écran, et de ne jamais imprimer les pages des sites web qu'ils consultent. Pourtant, un nombre impressionnant d'utilisateurs passe régulièrement par une imprimante pour accéder aux contenus d'un site web, ou pour les conserver. C'est pénible de lire à l'écran, je préfère imprimer les articles pour les lire plus tard, tranquillement, etc. Vous n'avez jamais entendu ces phrases dans la bouche de vos proches, de vos collègues ? Vous-même, n'avez-vous jamais eu envie ou besoin d'imprimer le contenu d'une page web ?

April 2007

camel's TAGS related to tag css

accessibilite +   accessibilité +   ajax +   blog +   bookmarklet +   bouton +   box +   browser +   build +   button +   cache +   center +   cheat sheet +   clear +   code +   color +   compress +   compressor +   control +   corners +   cours +   design +   développement +   dom +   edit +   faq +   file +   firefox +   fixe +   flash +   float +   fluide +   footer +   form +   framework +   free +   generator +   gestion +   google +   grid +   guide +   hack +   html +   icon +   ie +   ie6 +   image +   images +   inline-block +   internet +   javascript +   jQuery +   layout +   list +   livre +   memo +   menu +   min-height +   mysql +   navigation +   openweb +   optimisation +   optimize +   pagination +   performance +   php +   picture +   plugin +   png +   poo +   position +   preload +   programation +   rating +   reference +   ressources +   sample +   script +   select +   server +   shadow +   shell +   site +   sitemap +   standards +   table +   tabs +   template +   tips +   tools +   transparent +   tutorial +   tutoriel +   validation +   vertical +   w3c +   web +   webdesign +   webdev +   xhtml +