web exchange

Compressez vos feuilles CSS

Ce site vous permet de gagner 30% du poids initial de vos CSS en les compressant. Utile pour les feuilles obèses, il existe cependant un contrainte. Vous ne devez impérativement exécuter ce type d'opération qu'une fois votre CSS finalisée. Autrement, les modifications risque de prendre un temps de recherche rébarbatif.

site

Templates CSS DynamicDrive

DynamicDrive est un site déjà connu pour ses ressources DHTML depuis bien longtemps. Une nouvelle rubrique vient de faire son apparition récemment. Des ressources CSS qui couvrent la totalité ou presque des intégrations de fonctionnalités web, comme les listes, les menus et même les mises en page.

site

Un site francophone qui propose des gabarits xhtml / css

Kit-gratuits.net est un site français qui propose en téléchargement toute une variété de templates xhtml/css appelée à grandir avec le temps. Le créateur du site nous apprend sur son blog que ce projet a demandé 6 à 7 mois de maturation et indique : "La gratuité graphique francophone est peu ou/et mal représentée depuis la fermeture de Kloobik ainsi que d'autres communautés dignes de ce nom et la France ne possède rien qui ne puisse tenir tête aux sites américains. KG se veut donc être cette alternative, pour redorer le pâle blason français des kits graphiques de qualité, valides et gratuits."

Nous sommes donc invités à garder ce site de côté pour de futures consultations ou bien à participer à ce projet dans l'objectif de donner un point de vue francophone sur le développement de pages conformes aux standards et démontrer que la créativité existe avec son identité créative propre dans cette communauté.

site

A noter : la tenue à la rentrée de septembre 2006 de conférences sur la qualité, l'accessibilité, et le design web annoncée au travers du site parisweb2006

DHTML addicts

A la suite du récent article faisant la synthèse des principales librairies javascript Ajax / DHTML, voici un site en français complètement dédié au dhtml qui fait une revue complète des ressources disponibles en montrant des exemples forts sympathiques des capacités de javascript.

site

Point synthétique sur les bibliothèques javascript Ajax/Dhtml

A noter que de nombreuses autres ressources sont consultables depuis le site mentionné ci-dessous :

source => musing from mars

Des popups window d'un nouveau type

Le précédent billet donnait quelques liens à propos de la lightbox dont une nouvelle version 2.0 est disponible depuis peu. Mis à part la gestion de l'affichage de photos dont les démos nous propose un nouveau type de construction de galeries, il existe également une autre façon d'utiliser cette librairie concernant l'affichage des popups.

Ce ne sont pas de vraies popups puisque l'on n'ouvre pas de nouvelle fenêtre de navigateur mais des iframes qui viennent se placer en tête de document en mode ouverture interne.

Un moyen efficace de remédier aux bloqueurs de popups désormais intégrés dans tous les navigateurs. A utiliser toutefois avec modération afin de ne pas compromettre l'expérience utilisateur.

démo (en)

Quelques nouvelles côté css et flash

La mise à l'échelle des animations flash avec le renfort de quelques déclarations css, voici la technique que nous propose Nicolas Perriault sur son site prendre un café (version fr)

exemple (fr)

Quelques techniques css / javascript séduisantes pour créer des effets de survol avec des listes, des calques et même des images au travers de la librairie "lightbox" (version anglaise)

lightbox works (en)

autre ressource complète avec exemples :

gregphoto.net (en)

Templates de tableaux en CSS téléchargeables

Et oui, c'est en anglais, je sais que ça embête pas mal de gens, les commentaires que j'ai reçus réclament du français mais bon voila, il faut bien reconnaître que la grande majorité des ressources disponibles sont le plus souvent dans la langue de Shakespeare.

Ne vous démoralisez pas, sur ce site vous avez des propositions de mise en forme de contenus web comme on les voit courament avec des présentations utilisant des tableaux, sauf que c'est en CSS. Vous cliquez sur les liens de la colonne de gauche et automatiquement se charge la version CSS de la mise en page tableau classique tandis qu'à droite figure un lien download.

Vous avez choisi un style, il vous plait, c'est simple, il n'y a plus qu'à télécharger. En quelque sorte du copié/collé.

site

Nouveaux sites de gabarit XHTML/CSS

Encore un site qui propose des gabarits xhtml/css respectant standards d'intégration et contraintes d'accessibilité : http://www.mollio.org/

On regardera également le site css creator qui permet de fabriquer des gabarits de page en ligne en utilisant des champs de formulaire pour déterminer position/dimensionnement des différents espaces de contenus : http://www.csscreator.com/

Ressources XHTML/CSS en français :

Une liste des ressources francophones est disponible à cette adresse : css-discuss.incutio.com - ressources en français

Des gabarits en français : alsacreations

Templates XHTML/CSS élaborés

De plus en plus de sites proposent des templates génériques xhtml/css permettant d'utiliser des gabarits de site préexistants. C'est le cas notamment d'open-s avec des structures xhtml orientées accessibilité dont j'avais déjà parlé dans un billet récent. Ici, pour le site freewebsitetemplates, il s'agit de gabarits xhtml/css qui tiennent presque la route dans le domaine des contraintes d'accessibilité mais qui sont cependant beaucoup plus positionnés sur le montage de pages aux créations graphiques élaborées.

Dans le cadre d'un environnement de production à flux tendu, ce type de montage relevait jusqu'ici d'un insurmontable défi. Les templates librement téléchargeables proposés sur ce site permettent de disposer d'exemples concrêts qui peuvent éventuellement faciliter le montage dans un cadre de développement où le temps est bien souvent la principale contrainte d'intégration