public marks

PUBLIC MARKS from parmentierf with tags webdesign & css

2010

2009

SpriteMe

by 7 others (via)
Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.

Uni-Form

by 3 others
Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

2008

Maîtriser les formats d'affichage selon les types de terminaux - Tutoriel/Pratique sur Journal du Net Développeurs

Les feuilles de style CSS permettent d'adapter la présentation des contenus à plusieurs types de terminaux. Des modes de publication qui sont regroupés selon différentes catégories définies par le W3C.

2007

L'accessibilité des menus de navigation en cascade

by 1 other
Il n'est pas interdit d'utiliser les menus en cascade, mais il est fortement recommandé de bien réfléchir sur la pertinence réelle de la mise en place de ce type de navigation. Surtout, n'utilisez jamais plus d'un niveau (menu > sous-menu). Assurez-vous également que les éléments du menu qui déroulent soient facilement identifiables par l'utilisateur, afin qu'il ne les confonde pas avec d'autres éléments qui ne déroulent pas.

Témoignage : Roll over sur un tableau

Appliquer un roll-over sur les lignes d'un tableau permet de rendre celui-ci plus lisible. Au passage de la souris sur le tableau la ligne se met en surbrillance. Très utile lorsque le tableau est composé de beaucoup de lignes et de colonnes.

blueprintcss - Google Code

by 23 others (via)
Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

by 104 others (via)
In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility. The result is a set of 40 layouts that we've thought worth sharing: on each of them you'll find also a download link (if you want, you can download the entire collection, 40 HTML pages in a single zip file). Further details can be found below the gallery.

The CSS Tinderbox - Open Source Web Design Templates

by 20 others
The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.

Kits-Gratuits.net | Kits graphiques de qualité gratuits.

by 5 others
KG a pour vocation de vous aider à réaliser votre projet de site le plus facilement et dans les meilleures conditions possibles en vous proposant de nombreux kits-graphiques gratuits et de qualité professionnelle, valides aux nouvelles normes du W3C (vulgairement appelés templates).

2006

Template:css, a searchable repository of css based layouts / una raccolta di modelli di pagina realizzati con i css.

by 18 others (via)
Template:css collects many css formatted page templates, developed and distributed by different designers. Our aim is to provide an easy to use, comprehensive repository where people can find what they need. These tools help both experienced professionals, who want to speed up their developing process by using tested templates, and css newbies. Css templates provide a fully commented page layout, which turns out to be a great learning tool.

Open Source Templates | Free Website Templates

by 7 others
Open Source Templates was mainly created to support non profit organizations. If you run a non profit org, and are needing to cut down on the costs associated with website development then you have come to the right place. We offer a wide range of free for personal use or non profit use website templates that are easy to modify and add content to.

Styling Checkbox and Radio Graphics With Only CSS

by 11 others
Attention: solution ne fonctionnant pas dans IE6.0

2005

Behaviour : Using CSS selectors to apply Javascript behaviours

by 27 others (via)
Une librairie qui permet de manipuler les objets de votre page HTML en utilisant la même syntaxe que les sélecteurs CSS.

Rico - Home

by 29 others (via)
JavaScript for Rich Internet Applications. An open-source JavaScript library for creating rich internet applications. Rico provides full Ajax support, drag and drop management and a cinematics effects library.

[uZine 3] Le HTML dans le potage

by 6 others
Commençons par un constat : un petit tour sur le site Cool Homepages, qui sélectionne depuis des années des sites selon la beauté et l’originalité de leur graphisme et/ou de leur navigation (cela étant évidemment subjectif), devrait terrifier les amateurs de standards ouverts : quasiment tous les sites sélectionnés sont désormais réalisés en Flash. Le choix du graphiste serait donc, pour la réalisation d’un beau site, un format propriétaire, alors même qu’on nous vante un XHTML arrivé à maturité ? Cela devrait tout de même inquiéter... Le même constat peut être fait sur toutes les pages de sélection de « beaux » sites. Cela est très paradoxal : depuis l’année 2000, les recommandations pour les nouvelles normes sont publiées et les navigateurs grand public ont largement eu le temps de les intégrer. Pourtant, le HTML semble planté en rase campagne, utilisé pour faire du Web à papa, les navigations rigolotes étant désormais réalisées avec Flash. Tout un discours s’est développé autour des nouvelles normes, basé sur des dogmes pinailleurs et tâtillons, introduisant une rupture avec l’ancien HTML ; et pourtant, on se retrouve aujourd’hui à attendre désespéremment des « innovations » qui viendront récompenser nos efforts vers la « compliance ». Il serait bon, en effet, qu’on s’amuse autant avec le XHTML bien propret du docteur W3C qu’avec le HTML tout pourri dont nous gratifiaient les versions successives de Netscape 2, 3 et 4...

Aide-mémoire CSS - goetzilla.info

by 4 others (via)
L'aide-mémoire CSS sert de document de référence, énumérant tous les sélecteurs (jusqu'à CSS 2.1) et propriétés. Il contient un exemple visuel du modèle de boîte, une référence des différentes unités employées, ainsi que les divers types de médias supportés par CSS.

Ouvrir des liens externes dans dans une nouvelle fenêtre - Alsacréations

by 2 others
Nous allons voir dans ce tutoriel une méthode propre pour ouvrir les liens vers des sites externes au votre dans une nouvelle fenêtre. Il faut savoir que ce genre de pratique est plutôt déroutante pour l'utilisateur non expérimenté et particulierement désagréable pour la navigation, mais on peut comprendre que le fait de quitter le site au clic sur un lien soit un peu rageant ! Personnellement, je préfère ne rien changer et si le visiteur souhaite revenir, tant mieux, sinon c'est que le contenu de mon site aura été de piètre qualité pour ce visiteur. Mais quitte à la faire, autant le faire proprement, je vais donc vous exposer et expliquer une méthode simple, fonctionnelle et n'entravant pas la navigation au cas où le JavaScript serait désactivé.