PUBLIC MARKS from camel with tags css & site

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 !

Les frameworks CSS ont été mentionnés la première fois dans la conférence Working in the Now (visualiser la présentation). Au final, on n’était pas loin de faire salle comble avec plus d’une vingtaine de participants à vue de nez. Une petite scéance de rattrapage s’impose ;-) Pourquoi avoir choisi ce sujet ? J’ai lu un article sur l’importance du rythme vertical l’an dernier sur Biologeek et ça m’a sensibilisé au fait qu’on pouvait rendre la lecture d’un site tout simplement en rendant prédictible la position du texte. Entre temps j’ai également lu l’excellent Transcender CSS d’Andy Clarke. J’y ai été sublimé par des présentations de sites totalement en grille. Depuis je suis devenu fan de Blueprint CSS (je crois que ça s’est remarqué lors de mon intervention ;-)). J’ai commencé à l’utiliser sur des projets personnels puis dans un cadre professionnel. J’utilisais déjà symfony comme framework PHP et jQuery comme framework JavaScript alors pourquoi pas Blueprint ? Comme le suggérait très justement Christian Heilmann dans sa présentation, l’utilisation d’outils déjà existants est nécessaire pour réduire les coûts de production. C’était déjà un bon alibi mais je les apprécie aussi parce qu’on gagne un temps fou ! On se concentre sur le code métier, pas le reste.

Free CSS est un site regroupant beaucoup de ressources, toutes conçues en CSS. * des templates * des menus * des tutoriaux * des calques * etc...

Voici un tutoriel une ressource qui va vous permettre de mettre en place une barre de navigation dépliable sur votre site / blog et qui sera fixée en bas de l'écran (en bas de l'écran oui, pas du site).

Over the summer I wrote a post called 5 Ways to Speed Up Your Site that went through some basic tips for getting your site to load faster. I mentioned enabling gzip compression in WordPress and using services that remove the whitespace from your CSS, effectively “compressing” it. Now, I’ll go a bit more in-depth with a simple, yet powerful, PHP method of compressing your CSS.

De nouveaux modules de présentation d'images fleurissent sur le Web. Lorsque vous cliquez sur une miniature, le site s'estompe pour laisser place à une version « plein écran » de la photo. Nous allons implémenter un tel effet dans une application JavaScript de très petite taille… réutilisable au sein de tout site 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.

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

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.

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 ?

Cet article de Russ Weakley, traduit de l’anglais, explique une méthode de construction de site en feuille de style CSS du début jusqu’à la fin. Cette méthode, basée sur le positionnement de boites colorées et testée sur différents navigateurs, peut être utilisée pour construire une grande variété de sites différents.